<dl> und divs

[HollyHollmann]

Hallo,
meine Frage könnte ebensogut in CSS stehen... also falls das hier falsch ist bitte ich um Entschuldigung.

Nun zur Frage:
Ich habe eine <dl>-Aufzählung in einem DIV.
Im IE streckt sich der DIV auch artig mit der Liste.
Im FF nur leider nicht, sodass die untere Border des Divs genau über der dl ist.

Weiß jemand wie man das umgehen kann?!

Habs schon mit dl:after versucht hat aber leider nicht geklappt...
Und Text nach der dl hat leider auch nicht funktioniert...

MFG
Holly

 

[Efchen]

Du hast nur die Liste in dem div? Wozu? Schmeiss das div weg, die Dinger braucht man nur zum Gruppieren von mehreren Elementen.

Alles andere kann man eigentlich nur mit einem Link zur Seite beantworten.

 

[HollyHollmann]

Das stimmt schon generell mit dem div...

es sind aber noch eine Überschrift und ein p mit in dem div...

Und ich möchte eigentlich die Border außen rum haben, damit das ins Corporate Design passt...

 

[ingoS]

Brauchst du eventuell ein clear-div?

<div class="clear"> </div>

.clear {
clear: both;
}

Wenn du die Seite mal im IE6 betrachtest, wirst du wohl vor "Freude" an die Decke springen. Da wird nämlich der Banner-Hintergrund doppelt und unterhalb der Leiste "Sie sind hier" überhaupt nichts mehr angezeigt. ;ugl

EDIT: Code vor schließendem </div> des umschließenden divs einfügen.

 

[HollyHollmann]

Alles klar!
Der Clear-Div hat geholfen!

Vielen Dank!

Komisch allerdings, dass er dies nicht gefressen hat:

dl:after {
content: "."; 
display: block; 
height: 0; 
clear: both; 
visibility: hidden;
}

Naja wahrscheinlich darf man dem <dl>-Element keine Pseudo-Klassen zuweisen...

[EDIT] Zum IE6: Ja ich hab neulich schonmal geguckt und das K***** bekommen. Mach aber den IE-Quatsch wie immer zum Schluss wenn alles soweit fertig ist... Sonst reg ich mich zwischendurch so oft über den IE auf ;)

 

[Körnerbrötchen]

Wäre ja auch schlecht, etwas zu fixen, was am Ende eventuell gar nicht mehr vorhanden ist. ;)

 

[neuroleptika]

Komisch allerdings, dass er dies nicht gefressen hat:

dl:after {
content: "."; 
display: block; 
height: 0; 
clear: both; 
visibility: hidden;
}

Du hast kein dl in deinem Quelltext:
[Invalid] W3C Markup Validator
Korrigiere das und es wird gehen.

Der IE schließt die Floats ein wenn dl Layout hat.
Das leere <div> brauchst du dann nicht mehr.

 

[HollyHollmann]

Du hast kein dl in deinem Quelltext:

:grin: Ja nee is klar...manchmal sieht man den Wald vor lauter Bäume nicht mehr...

Merci für den Hinweis!
Es funktioniert natürlich jetzt mit :after.