tack så hemskt mycket, fungerade klockrent, var dock tvungen att sätta en clear:right; på den sista smala diven för att den skulle lägga sig under den bredare även om den fick plats brevid varandra.
så här såg min lösning ut:
Citat:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1" />
<title>Namnlöst dokument</title>
</head>
<body>
<div style="float:left; width:750px; background:#000; color:#FFF;">
<div style="float:right; width:400px; height:200px; background:#06C; color:#fff;">
hej
</div>
<div style="float:right; width:200px; height:300px; background:#F00; color:#fff; clear:right;">
hej 2
</div>
piscing elit. Etiam pulvinar sem tortor. Etiam vel erat ante, nec ultricies odio. Pellentesque vitae congue orci. Mauris pulvinar sagittis ante a sagittis. Praesent eget justo a orci volutpat tempor at eu turpis. Pellentesque lacus nibh, elementum quis vulputate quis, convallis et ipsum. Vestibulum sit amet nunc augue. Sed ligula lorem, condimentum eu euismod nec,
varius id purus. Suspendisse potenti. Fusce eget odio massa. Quisque pellentesque ante urna. Aliquam sagittis rhoncus volutpat. Phasellus massa libero, tincidunt vel lobortis sit amet, sollicitudin non massa. Quisque semper, justo ut tempus eleifend, ligula ipsum imperdiet velit, sit amet congue magna turpis ut lacus. Quisque ultrices enim ut nulla lobortis pharetra.
</div>
</body>
</html>
|