Hulp Bij Div's

Door jannickv op 17-08-2009 22:16

906 views

Hallo iedereen... ik ben bezig om een lay-out te vernieuwen... want de vorige werke niet zo goed op de verschillende browsers...

Hier kan je zien wat het tot nu toe is: http://jep-nv.be/newlayout/home.php

het linker witte deel zou ook moeten doorlopen tot het einde (beneden) en het rechter (roze) deel zou moeten doorlopen tot volledig rechts... zou iemand snel even naar de code kunnen kijken?


<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>titel<? //GetTitle(); ?></title>
<link href="StyleHome.css" rel="stylesheet" type="text/css" />
</head>
<body>
<div class="main">
	<div class="rowHeader">
    <a href="index.php"><img src="design/headerjep.png" border="0" alt="header" /></a>
    </div>
    <div class="rowSubHeader">
    <img src="design/headerlinks.gif" border="0" alt="header" />
    </div>
    <div class="rowMain">
    	<div class="colMenu">&nbsp;
		</div>
        <div class="colMenuRight">&nbsp;
      	</div>
        <div class="colMain">
        TEST<br />
        NOG EEN REGEL<br />
        EN NOG 1
        </div>
    </div>
</div>
</body>
</html>

de css


body {
	margin:40px;
	background: url(design/bckg.jpg) repeat-x #ffa903;
	border:4px solid #FFF;
	font-size:11px;
	font-family: arial, sans-serif;
	font-weight: bold; 
}
div.main {
	clear:both;
	margin:0px auto;
	width:100%;
	text-align:left;
	line-height:15px;
}
div.rowHeader{
	clear:both;
	height:110px;
	vertical-align:middle;
	text-align:center;
	background-color:#FFF;
}
div.rowSubHeader{
	clear:both;
	height:20px;
	vertical-align:middle;
	text-align:left;
	background-color:#FFF;
	background-image:url(design/header.gif);
	background-repeat:repeat-x;
	background-position:right;
}
div.rowMain{
	clear:both;
	display: table;
}
div.colMenu {
	float: left;
	width: 170px;
	display: table-cell;
	background-color:#FFF
}
div.colMenuRight {
	float: left;
	width: 20px;
	display: table-cell;
	background-image:url(design/links.gif);
	background-repeat:repeat-y;
}
div.colMain {
	float: left;
	display: table-cell;
	background-color: #f2b366;
}