Tre kolumner, fast bredd i mitten

SimOnlineMedlem sedan juli 20031 132 inlägg

Trådstart18 nov. 2006 21:14#1

Jag har en div som är 70% av fönstrets bredd. I denna har jag tre st divar, där jag skulle vilja få den mittersta till att vara 120px bred, medan de övriga sak fylla ut och variera med fönstret, och den omslutande 70%-diven.

Hur åstadkommer jag detta?

(Hoppas jag varit tydlig nog, annars får ni gärna fråga)

vicMedlem sedan apr. 2006244 inlägg

19 nov. 2006 13:08#2

HAr aldrig behövt göra detta förut men följande fungerade för mig

<!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=iso-8859-1" />
<title>Untitled Document</title>
<style type="text/css">
<!--

div#wrap {
 width:71%; /* IE 6 fuckar för mig */
 margin:0 auto;
}

 #wrap[id] {width:70%}

#wrap div.left {
background:#999;
width:50%;
float:left;
}

#wrap div.right {
background:#CCC;
width:50%;
float:right;
}

.left div.content {
 margin-right:70px;
}

.right div.content {
 margin-left:70px;
}

div#main_content {
 background:#FFF;
 position:absolute;
 top:0;
 left:50%;
 margin-left:-60px;
 width:120px;
}

-->
</style>

</head>
<body>

<div id="main_content">
Mitten div, 120 bred...
</div>

<div id="wrap">
  <div class="left">
    <div class="content">vänster</div>
  </div>
  <div class="right">
    <div class="content">Höger</div>
  </div>
</div>

</body>
</html>

// Vic