beste allemaal ik ben bezig met het basen van een layout voor iemand anders maar nu kom ik dit probleem tegen:
http://lhmedia.nl/layouts/clipjessite/
maaaaar
als ik gewoon text invoeg zonder div tags krijg ik het wel goed:
http://lhmedia.nl/layouts/clipjessite/index2.html
html code:
PHP
<!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" xml:lang="nl" lang="nl">
<!-- deze layout is gecodeerd door Lars H. van www.lhmedia.nl -->
<head>
<title>Clipjes Site V1.0</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<link rel="stylesheet" type="text/css" href="opmaak.css" />
</head>
<body>
<div id="layout_boven"> </div>
<div id="layout">
<div id="titel"> </div> <div id="reclame"> </div>
<div id="links">
<!-- begin menu -->
<div id="menu_boven"> </div>
<ul id="menu">
<li><a href="#">Home</a></li>
<li><a href="#">Support</a></li>
<li><a href="#">Portfolio</a></li>
</ul>
<div id="menu_onder"></div>
<!-- einde menu -->
</div>
<div id="rechts">
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus sit amet ipsum est. Ut dui turpis, dapibus vel rutrum sit amet, eleifend sit amet ipsum. Morbi et orci et magna scelerisque sodales. Vestibulum id velit sapien. In elit ligula, volutpat a pretium vel, tristique in nibh. Donec vel velit augue. Donec hendrerit tortor a dui aliquam eleifend. Integer at nulla eu arcu gravida convallis. Morbi rhoncus blandit turpis, ac ornare arcu ultrices ac. Nunc ut enim ac dui dignissim tempor. Proin et massa orci. Sed commodo purus id neque tempus dictum. Nam sed risus sem, ac molestie quam. Donec quis metus velit. Sed malesuada bibendum elit eu luctus. Phasellus at orci quis arcu interdum pellentesque. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos.
</div>
</div>
<div id="layout_onder"> </div>
</body>
</html>
Toon Meer
css code:
PHP
html
{
background: transparent;
}
body
{
width: 759px;
margin: 0px auto;
}
div#layout_boven
{
background-image: url('images/clipjessite_boven.png');
background-repeat: no-repeat;
width: 759px;
height: 12px;
}
div#layout
{
background-color: #003d51;
background-repeat: repeat-y;
width: 759px;
}
div#titel
{
background-image: url('images/clipjessite_titel.png');
background-repeat: no-repeat;
width: 228px;
height: 46px;
float: left;
margin-left: 79px;
}
div#reclame
{
background-image: url('images/clipjessite_reclame.png');
background-repeat: no-repeat;
width: 359px;
height: 90px;
float: left;
margin-left: 57px;
}
div#links
{
width: 178px;
float: left;
margin-left: 12px;
}
div#menu
{
width: 178px;
float: left;
}
div#menu_boven
{
background-image: url('images/clipjessite_menu_boven.png');
width: 178px;
height: 15px;
}
ul#menu
{
margin: 0px;
padding: 0px;
list-style: none;
width: 178px;
}
ul#menu li
{
background-image: url('images/clipjessite_menu_li.png');
background-repeat: no-repeat;
width: 178px;
}
ul#menu li a
{
background-image: url('images/clipjessite_menu_li.png');
display: block;
overflow: hidden;
font-family: Verdana;
color: #ffffff;
font-size: 13px;
text-align: center;
text-decoration: none;
font-weight: bold;
padding-top: 5px;
}
ul#menu li a:hover, ul#menu li.active a, ul#menu li.active a:hover
{
}
div#menu_onder
{
background-image: url('images/clipjessite_menu_onder.png');
width: 178px;
height: 12px;
}
div#rechts
{
width: 456px;
float: left;
margin-left: 25px;
}
div#layout_onder
{
background-image: url('images/clipjessite_onder.png');
background-repeat: no-repeat;
width: 759px;
height: 10px;
}
Toon Meer