nicht angemeldet
Hallo,
.inhalt1 { background-color:#ffffcc;}
.inhalt2 { backgrundcolor: #ffffff; }
^^^^^^
Bitte Quellcode immer mit Copy-Paste uebernehmen
(und ggf. kuerzen), aber nicht abtippen.
<div class="inhalt1"><img scr="bild1.jpg" align="left"> längerer Text 1</div><br clear="all">
Das <br clear="all"> ist veraltet. In CSS schreibt man clear:both;
Ich schlage vor:
.inhalt1 { background-color:#ffffcc; clear:both; }
.inhalt2 { background-color:#ffffff; clear:both; }
Zudem koenntest Du mal zur Kontrolle die Rahmen der Elemente
sichtbar machen:
.inhalt1 { border:1px solid green; }
.inhalt2 { border:1px dotted red; }
<div class="inhalt2"><img src="bild2.jpg" align="left"> Text 2</div>
P waere eigentlich sinnvoller als DIV.
Und das align="left" koenntest Du auch gleich per CSS loesen,
und zwar mit float:left
.inhalt1 img, .inhalt2 img { float:left; }
Dazu brauchen die Bilder noch eine Width-Angabe. Wenn alle Bilder
gleich breit sind, kannst Du sie auch im zentralen CSS machen,
sonst per Inline-Style <img ... style="width:200px;"> oder so.
Ich möchte gerne die Inhaltsbereiche 1 und 2 immer abwechseln verwenden für verschiedene Texte und Bilder. Diese können halt unterschiedlich groß und lang sein, daher kann ich hier keine Größenangaben vorgeben.
Jetzt verstehe ich, was Du willst, und sehe ein, dass man
die Breiten nicht global festlegen kann.
Die Problemursache sehe ich noch nicht.
Ein P oder DIV sollte immer so breit sein wie der ganze
Bereich, der ihm zur Verfuegung steht.
(Kann aber sein, dass FLOAT bzw. sein veralteter Vorfahre
align="left" da einen Streich spielen...)
Welche HTML-Version benuetzt Du?
Mit welchem Browser hast Du die Probleme?
(Es klingt fuer mich fast nach Netscape 4...)
Gruesse,
Thomas