[CSS] Border

SideWinder

Ich habe 2 übereinanderliegende DIV-Felder. Sobald ich ihnen über style="" einen CSS-Style zuweise. Und beide einen gleichdicken Rahmen haben, verbinden sich diese Rahmen zu so einem hässlichen gebildet:

XXXXXX  //DIV1
XheadX
XXXXXX
X    X  <== Warum verbinden sich hier die Rahmen??
XXXXXX  // DIV2
XbodyX
X    X
xxxxxx

Wie bekomme ich dieses Zwischenteil wieder weg?

MfG SideWinder

Henno

eigentlich tuen sie das nicht.

Gib mal den relevanten Source!

SideWinder

<body>

    <div id="head" align="left" style="..., border:solid black 2px">
    <img src=".\pictures\head.jpg></div>

    <div id="body" align="left" style="..., border:solid black 2px">
    text
    text
    text</div>

</body>

Bei mir passiert das nur genau in dieser Konstellation - sobald ich ein weiteres DIV (was heißt das eigentlich ausgesprochen...) neben body hinsetze und body etwas verkleinere ist alles wieder okay. Aber bei der oben gezeigten Konstellation verbindet sich der Rahmen - sowohl im IE als auch im Opera.

MfG SideWinder

Henno

Lade mal bitte ein Beispiel hoch.

align="left" ist übriegends deprecated (veraltet). Du solltest das CSS Attribut text-align bzw. float bzw. margin-right:auto; benutzen... je nach dem, was du willst.

SideWinder

ARGH

Hat sich erledigt. Hatte ein </div> vergessen - dadurch war der Körper der Page noch im head eingeschlossen -> Auch ein kompletter Rahmen rundherum.

Da bräuchte man jetzt so einen Smiley wo sich einer so *patsch* die Hand auf den Kopf schlägt :).

---

Gilt das nur für DIV oder ist align allgemein veraltet? Werde dann wohl text-align benützen.

MfG SideWinder

Henno

allgemein.