[Lindahl]

jimmie: Det löser sig i IE om man anger doctype till strict.

[Venice]

Om man har en DIV, och i den en bild som har float: left;, då hamnar den delvis utanför DIV:en om den inte finns något annat (tex: text) som fyller ut på höjden. Hur tvingar man Diven att anpassa sig i höjdled så bilden inte hamnar utanför (som en tabellcell)?

[Peter_Holm]

Originally posted by Venice@Aug 11 2005, 23:23
Om man har en DIV, och i den en bild som har float: left;, då hamnar den delvis utanför DIV:en om den inte finns något annat (tex: text) som fyller ut på höjden. Hur tvingar man Diven att anpassa sig i höjdled så bilden inte hamnar utanför (som en tabellcell)?

Jaså är det så? Jag har gjort en div med bild i utan problem i vare sig IE eller Firefox. Kanske

position: absolute;

kan hjälpa?

[Venice]

Det hjälpte inte, då hamnade Div-aggarna ovanpå varandra.

Så här ser Min div ut:
<div style="padding: 3px; clear: both;">

vilket ger resultatet enl. bif. bild (observera att div:en loopas ut):

[Robert]

Testa att sätta width (ex width:100%; ) på den container som inte kan "behålla innehållet" så att säga.

[Venice]

Det fungerar inte, istället blir det så att den fortsätter utanför den Div som alla dessa Div:ar ligger i (den som skapar den blå ramen), och fortsätter till den stöter emot tabellens cellkant som allt ligger i.



<div class="bg-tb-lista" style="padding: 3px; clear: both; width: 100%;">
[img]ley/award/1_1.gif[/img]
Howard Ashman och Alan Menken har vunnit Academy Award's Oscar för bästa sång (Beauty and the Beast).
</div>

<div class="bg-tb-lista2" style="padding: 3px; clear: both; width: 100%;">
[img]ley/award/1_1.gif[/img]
Alan Menken har vunnit Academy Award's Oscar för bästa originalmusik.
</div>

...

[Lindahl]

Aha, du har råkat ut för "box model"-problemet. Standarden är i vissa situationer lite "felaktigt" konstruerad, som här. I ditt fall kommer den blå rutan att bli 100%+margin+padding (eller nåt likanande). W3 har en del dokumentation om hur man definierar width och sånt, kolla tex http://www.w3.org/TR/REC-CSS2/box.html. En googlesökning på "box model" borde ge en hel del information.

[Susanne]

Angående Box-Model-problemet så är det väl inte standarden som är problemet utan Internet Explorer som inte följer standarden (som vanligt).

[Lindahl]

Jovisst är det så, men jag menade snarare att IE's tolkning är lite mer logisk, även om den bryter mot standarden. Går för övrigt få IE att följa standarden korrekt om man bara anger en doctype.

[Robert]

Originally posted by Venice@Aug 12 2005, 14:02
Det fungerar inte, istället blir det så att den fortsätter utanför den Div som alla dessa Div:ar ligger i (den som skapar den blå ramen), och fortsätter till den stöter emot tabellens cellkant som allt ligger i.

<div class="bg-tb-lista" style="padding: 3px; clear: both; width: 100%;">
[img]ley/award/1_1.gif[/img]
Howard Ashman och Alan Menken har vunnit Academy Award's Oscar för bästa sång (Beauty and the Beast).
</div>

<div class="bg-tb-lista2" style="padding: 3px; clear: both; width: 100%;">
[img]ley/award/1_1.gif[/img]
Alan Menken har vunnit Academy Award's Oscar för bästa originalmusik.
</div>

...

Testa att sätta width även på dess containerns container... etc etc...