hallo,
ich habe folgendes problem:

<div id="Inhalt">
<p>Beispiel</p>

<div style="width=99%;">

<div style="width=50%; float:left; padding:0.5em 0 0 0; overflow: hidden;"> /* Container links */
<div style="float:left;"><img src="img/test.bmp"></div>
<div>text für links</div>
</div>

<div style="margin-left: 1em; float:right; padding:0.5em 0 0 0;"> /* Container rechts */
<div style="float:right;"><img src="img/test.bmp"></div>
<div>text für rechts</div>
</div>

</div>
</div>

ich habe einen ersten container, den inhalt: der beinhaltet die überschrift "beispiel" und alle anderen etwaigen container.
darunter habe ich einen neuen container gemacht, der beinhält 2 container die ebenfalls jeweils 2 container beinhalten, einen container für ein bild und einen für text der das bild umfließt.

mein problem ist, daß ich es einfach nicht hinkriege den container für rechts neben den für links darzustellen...
der rechte container liegt immer unter dem linken.
ich weiß, ich übersehe nur was, aber da ich jetzt schon geraume zeit daran bastle... bin ich dem fehler gegenüber blind...

kann mir einer sagen wo mein fehler liegt?
schonmal danke

Boxmodel!
Einer gegebenen Breite werden noch die Paddings und margins hinzugefügt!
Deine Boxen sind schlicht zu breit (50% + 1em + .5em), um nebeneinander in den Container zu passen.

Gruß

Ich sehe in diesem Codeschnipsel zwei Versuche, eine Breite anzugeben. Beide sind ungültig.
Ansonsten verlässt sich der Code auf shrink-to-fit bei Float. Meine Kristallkugel versagt beim Erahnen der Folgen.

BlackColla, lies: http://xhtmlforum.de/40080-f-r-frage...twortende.html
Keine Codeschnipsel!

__________________
Corina Rudel

Online-Einsteigerkurs HTML/CSS | Buch: Fortgeschrittene CSS-Techniken

hat dennoch nicht funktioniert.
habe aber, davon inspiriert, beiden containern nach der float anweisung mit width: 48%; ne größe zugewießen, und tadaaa, es funzt...

man lernt nie aus

danke!

Vorher oder nachher ist keinesfalls relevant.
Außer: eine Regel wird "danach" überschrieben.
Warscheinlich ist, das Dein altes CSS noch im Cache war.

Ich würde an Deiner Stelle die Divitis Deiner Seite ein bischen kurieren.
Du brauchst Dein Bild und Deinen Text nicht in zwei extra Div zu sperren, es genügt, wenn Du das float dem Bild direkt gibst.

Damit ist schon mal Markup gespart. Deine Inline Styles kommen sicher noch in ein externes CSS.

Gruß

EDIT: wer floated sollte auch [FAQ]clearen[/FAQ]

der hinweis ist ja direkt gold wert!
hab ich sofort umgesetzt!
danke vielmals!