Hur gör man en div som är lika stor som allt innehåll?

6 svar · 383 visningar · startad av Rocket 20 nov. 2004

RocketMedlem sedan feb. 2000372 inlägg

Frågan20 nov. 2004 15:50#1

Hej.

Jag jobbar vidare men att design sidor med CSS istället för tabeller men det blir lite problem ibland. :) Ofta på sidor så vill man ha en bild eller en meny bredvid ett textblock. Om textblocket inte är lika högt som bilden bredvid så brukar jag få problem. Det är svårt att förklara men jag har bifogat en länk som illustrerar problemet.

http://member.webforum.nu/247/a_image_to_the_right_of_the_text.html

Frågan är alltså; hur ska jag göra för att hela bilden ska få plats i rutan?

PeeerMedlem sedan mars 20025 907 inlägg

20 nov. 2004 15:57#2

Lägg till

#images {
	float:right;
}
hr {
	clear: both;
}

RocketMedlem sedan feb. 2000372 inlägg

20 nov. 2004 16:00#3

Tack det fungerar :) men vad gör "clear: both;"?

PeeerMedlem sedan mars 20025 907 inlägg

20 nov. 2004 16:02#4

http://www.devguru.com/Technologies/css/quickref/css_clear.html

RocketMedlem sedan feb. 2000372 inlägg

20 nov. 2004 16:25#5

Tack för länken.

Ok då höjer vi ribban lite :)

Hur ska man göra för att lösa samma problem på den här sidan?

http://member.webforum.nu/247/a_image_to_the_right_of_the_text2.html

Det är alltså objekt som flyter på två ”nivåer”, först en meny (navigation) till vänster om rutan (contents) och sen bilderna som flyter till höger om texten i contents. När jag använder ”clear” här så påverkas allt som flyter. Går det att lägga till någon restriktion, förutom ”left” och ”right”?

icaaqMedlem sedan okt. 20005 273 inlägg

20 nov. 2004 16:32#6

Efter alla bilder så kan du lägga till en

[red]
<br style="clear: both;" />
[/red]

mv icaaq

RocketMedlem sedan feb. 2000372 inlägg

20 nov. 2004 16:34#7

Tack, nu fungerar allt som det ska. Nu gäller det bara att jag ska förstå varför också.