två boxar jämte varandra?

evilaidMedlem sedan apr. 2009433 inlägg

Trådstart1 sep. 2011 19:32#1

Hej

Vad jag vill få till är två divar som ligger jämte varandra där den vänstra ska vara 800px och den högra ska vara 200px, men jag vill inte att den högra ska hamna under den andra om bredden inte räcker till. Går det förhindra den radbrytningen som sker?

Danne VMedlem sedan aug. 20068 090 inlägg

1 sep. 2011 19:59#2

Höjden kan du ändra som du vill:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>Untitled Document</title>
<style type="text/css">
<!--

#wrapper {
width: 900px;
}

#box1 {
background: #3CF;
height: 400px;
width: 800px;
float:left;
}

#box2 {
background: #F63;
height: 400px;
margin-left:800px;
}
-->
</style>
</head>
<body>
<div id="wrapper">
<div id="box1"></div>
<div id="box2"></div>
</div>

</body>
</html>

Den vänstra är alltid 800px bred. Den högra blir det som blir över när du t.ex. ändrar wrapper.