brandy: border problem (IE / firefox)

hi,

folgendes problem:

ich hab 2 div-bereiche nebeneinander in einem anderen div drinnen

übergeordneter div: 780px breit
linker div: 355px breit
rechter div: 425px breit

bis jetzt passts noch, aber ich brauche ganz rechts einen border von 1px.

=> im firefox rutscht mir der rechte div nach unten (sind also nicht mehr nebeneinander) - im IE passt es noch immer

wenn ich jetzt den übergeordneten bereich um 1px breiter mache passt es im Firefox, im IE ist 1px platz zwischen den beiden div-tags...

was kann ich da machen?
border-collapse:collapse; bringt nichts...

hier noch der code:

<html>
<head>
<style type="text/css">
<!--
#subnaviGlobal {
background-color:yellow;
width:780px;
height:25px;
margin:0px;
padding:0px;
border-right:1px solid black;
}

#subnaviImage {
background-color:red;
width:355px;
height:25px;
float:left;
margin:0px;
padding:0px;
}

#subnavi {
  background-color:blue;
width:425px;
height:25px;
margin:0px;
padding:0px;
float:right;

}

-->
</style>
</head>

<body>

<div id="subnaviGlobal">

<div id="subnaviImage">
image
</div>

<div id="subnavi">
subnavi
</div>

</div>

</body>
</html>

bitte um hilfestellung! - thx & lg

  1. Hi,

    Schau' Dir mal die Erläuterung unter http://de.selfhtml.org/css/layouts/mehrspaltige.htm#zweispaltig_links sowie die folgenden Beispiele an. Du brauchst nicht beide Elemente floaten zu lassen und kannst dadurch eine Breitenangabe sparen.

    freundliche Grüße
    Ingo

    1. hi ingo,

      ja danke für den hinweis - jetzt springt es auch nicht mehr nach unten,

      aber im IE hab ich 1px spalt zwischen den beiden div-tags... hmmm
      was kann ich dagegen machen?
      und border-collapse:collapse; hilft dabei auch nichts...

      lg

      1. Hi,

        aber im IE hab ich 1px spalt zwischen den beiden div-tags... hmmm

        wieso und wie wirkt sich denn dieser winzige Spalt negativ aus?

        und border-collapse:collapse; hilft dabei auch nichts...

        logisch - Du hast ja keine Tabelle vor Dir.

        freundliche Grüße
        Ingo

        1. hi,

          im rechten div bereich hab ich einen border-top, im linken eine grafik die mit einem border auf der rechtne seite beginnt, und der border dann in eine grafik einläuft... ich kann also keinen border -top in das übergeordnete oblekt legen (border geht nicht über die ganze breite)
          und jetzt hab ich im border eine spalte...

          lg

          1. Hi,

            ich kann also keinen border -top in das übergeordnete oblekt legen (border geht nicht über die ganze breite)

            Du könntest aber doch den border für den Container definieren, oder? Ansonsten wäre es wohl nötig, wenn Du die Beispielseite mal online stellst.

            freundliche Grüße
            Ingo

            1. hi ingo,

              http://ww22.austrianonlines.at/tempalte.htm

              oben ist links ein bild (ein container) und rechts steht subnavi (noch ein container)
              im IE entsteht zwischen den beiden ein kleiner spalt...

              lg & thx
              brandy

              1. Hi,

                http://ww22.austrianonlines.at/tempalte.htm

                abgesehen davon, daß diese Seite sehr benutzerunfreundlich ist - bei zu kleinem Fenster werden Inhalte abgeschnitten und unerreichbar und in Gecko-Browsern funktioniert das Scrollrad nicht -, sind das 3px im IE. Du hast es mit einem altbekanntem Bug zu tun. Abhilfe - und auch eine sinnvollere Möglichkeit eines solchen Layouts - findest Du im Beispiel http://de.selfhtml.org/css/layouts/anzeige/hintergrund.htm:
                  * html div#Inhalt {
                    height: 1em;  /* Workaround gegen den 3-Pixel-Bug des Internet Explorers */
                  }

                freundliche Grüße
                Ingo

  2. Hi,

    übergeordneter div: 780px breit
    linker div: 355px breit
    rechter div: 425px breit
    bis jetzt passts noch, aber ich brauche ganz rechts einen border von 1px.
    => im firefox rutscht mir der rechte div nach unten (sind also nicht mehr nebeneinander) - im IE passt es noch immer

    Logisch 355+425+1 > 780. Daß der IE den Box-Model-Bug hat und damit Breiten falsch berechnet, ist doch inzwischen bekannt.
    Würgarounds dazu auch.

    border-collapse:collapse; bringt nichts...

    border-collapse
    Applies to:   'table' and 'inline-table' elements

    <html>

    Kein Doctype ==> IE garantiert im Quirks mode ==> Box Model Bug ist aktiv.

    cu,
    Andreas

    --
    Warum nennt sich Andreas hier MudGuard?
    Schreinerei Waechter
    Fachfragen per E-Mail halte ich für unverschämt und werde entsprechende E-Mails nicht beantworten. Für Fachfragen ist das Forum da.