3 svar · 395 visningar · startad av Bäckman
Tjenare!
Kan någon förklara hur man fixar så en bild som har float: right; och ligger inom ett div-element får div-elementet att bli större? Använder nedanstående kod, men den fungerar inte som jag förväntade mig.
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html>
<head>
<title>Testsida</title>
<link href="default.css" rel="stylesheet" type="text/css"/>
</head>
<body>
<div style="border: 1px solid red;">
<img src="images/backman.gif" style="float: right;"/>
</div>
</body>
</html>
Testa att lägga till en br med clear: both...
[red]
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html>
<head>
<title>Testsida</title>
<link href="default.css" rel="stylesheet" type="text/css"/>
</head>
<body>
<div style="border: 1px solid red;">
<img src="images/backman.gif" style="float: right;"/>
<br style="clear: both;"/>
</div>
</body>
</html>[/red]
mv icaaq
Hmm, hoppas du inte tänker använda den där koden.
style-attributet är "förkastat" (eller vad man nu ska översätta "deprecated" med) i xhtml1.1
;)
Icaaqs lösning tar mig halvvägs i alla fall. Det funkar i Mozilla och alla liknande läsare skulle jag tro, men inte i IE. :(
Någon som vet något knix för att få det att fungera där också?
