Lid |
|
Hey,
In IE werkt deze layout heel goed http://www.d-base.net/dh/ ... Maar nu wil ik die ook in firefox laten werken maar hier slaag ik niet in kan iemand dit soms doen voor mij of mij hierbij helpen?
Hier alvast de stukken code
<html>
<head>
<title>Design Voor hosting</title>
<link rel="stylesheet" type="text/css" href="style.css" />
<link rel="stylesheet" type="text/css" href="style-presentatie.css" />
</head>
<body>
<div id="outer">
<div id="header" align="center"><img border="0" src="header.gif"</img></div>
<div id="menu"> Menu </div>
<div id="bodyblock" align="right">
<div id="l-col" align="center">
<br><img border="0" src="hosting.gif">
<br><img border="0" src="hosting.gif">
<br><img border="0" src="hosting.gif"></div>
<div id="cont">Lorem ipsum dolor sit amet, consectetuer adipiscing elit. In viverra elit sed lectus. Cras rutrum. Integer commodo dui id arcu ultricies varius. Fusce consequat, pede mattis consequat fringilla, tellus lorem egestas sapien, feugiat pretium turpis arcu eu augue. Vivamus in est. Duis porttitor elit vitae nunc. Etiam a metus. Nam neque lectus, pellentesque id, hendrerit et, egestas a, lectus. Vestibulum fringilla pellentesque mi. Cras nec diam. Pellentesque pretium dui.
Donec ut sapien a mi fermentum pretium. Cras interdum blandit urna. Nam molestie. Sed tincidunt dictum metus. Donec eget dui. Vestibulum ultrices elit sed tortor. Aliquam a dolor. Praesent purus odio, egestas eget, adipiscing eu, gravida id, libero. Ut eget ante quis dolor commodo iaculis. Phasellus elementum lorem nec sem. Vivamus urna felis, bibendum eget, placerat quis, nonummy id, urna. Pellentesque posuere, ipsum at consectetuer imperdiet, lectus wisi sagittis sapien, at convallis urna nisl venenatis eros. Mauris convallis, quam non hendrerit ornare, elit augue facilisis ligula, vitae tristique purus dui ut ante. Aliquam nisl. Proin erat pede, vestibulum a, lacinia vel, iaculis nec, nisl. Mauris vel arcu.
Phasellus rhoncus wisi nec lectus. Praesent at velit. Nulla hendrerit. Donec at ipsum quis turpis semper tempus. Cras ante massa, molestie in, consectetuer vel, sagittis dapibus, ligula. Morbi dolor augue, pellentesque interdum, commodo nec, mattis in, ligula. Nullam vehicula, metus ut sodales dapibus, erat ligula congue metus, quis accumsan libero felis non ipsum. Etiam porttitor nulla quis eros. Cras ligula ante, convallis quis, pulvinar vitae, posuere et, nunc. Phasellus bibendum. Aenean sodales. Donec consectetuer, enim sodales fermentum scelerisque, tortor massa eleifend est, nec dapibus wisi quam id magna. Donec sed libero id lectus vulputate lobortis. Phasellus libero. Nam vel dui.
Aenean ut ipsum. Cras quis arcu sed lectus vehicula imperdiet. Donec vestibulum nulla ultrices ligula. Vestibulum odio. Donec venenatis purus nec turpis. Vestibulum facilisis quam eget nibh. Fusce sodales mi a orci. Pellentesque ullamcorper. Nam mollis. Sed cursus nisl id nibh. Suspendisse mi lacus, pretium id, posuere a, mattis in, urna. Aenean ultrices.
Nulla facilisi. Praesent rhoncus, wisi ut gravida rhoncus, dolor elit congue ipsum, nec mollis libero magna ac sapien. Curabitur enim justo, pellentesque quis, mollis non, dapibus eu, diam. Morbi eget nibh at neque porta fermentum. Etiam ullamcorper. Etiam quis ligula sit amet nunc feugiat fringilla. Quisque eleifend aliquet velit. Fusce et est. Donec convallis ultricies elit. Phasellus dictum mollis risus. Aliquam suscipit luctus ligula. Etiam eget augue. Vivamus dapibus justo ac metus. Duis sit amet purus. Phasellus ac est quis magna ullamcorper ullamcorper. Nulla ultricies, tellus non nonummy scelerisque, sem enim pharetra pede, vel aliquet purus augue ac diam. Aenean at elit. Donec ac mi non elit blandit mattis. Morbi eu dui.
</div>
</div>
<div id="ftr" align="center">Copyright (c) You 2003</div>
</div>
</body>
</html>
<html> <head> <title>Design Voor hosting</title> <link rel="stylesheet" type="text/css" href="style.css" /> <link rel="stylesheet" type="text/css" href="style-presentatie.css" /> </head> <body> <div id="outer"> <div id="header" align="center"><img border="0" src="header.gif"</img></div> <div id="menu"> Menu </div> <div id="bodyblock" align="right"> <div id="l-col" align="center"> <br><img border="0" src="hosting.gif"> <br><img border="0" src="hosting.gif"> <br><img border="0" src="hosting.gif"></div> <div id="cont">Lorem ipsum dolor sit amet, consectetuer adipiscing elit. In viverra elit sed lectus. Cras rutrum. Integer commodo dui id arcu ultricies varius. Fusce consequat, pede mattis consequat fringilla, tellus lorem egestas sapien, feugiat pretium turpis arcu eu augue. Vivamus in est. Duis porttitor elit vitae nunc. Etiam a metus. Nam neque lectus, pellentesque id, hendrerit et, egestas a, lectus. Vestibulum fringilla pellentesque mi. Cras nec diam. Pellentesque pretium dui. Donec ut sapien a mi fermentum pretium. Cras interdum blandit urna. Nam molestie. Sed tincidunt dictum metus. Donec eget dui. Vestibulum ultrices elit sed tortor. Aliquam a dolor. Praesent purus odio, egestas eget, adipiscing eu, gravida id, libero. Ut eget ante quis dolor commodo iaculis. Phasellus elementum lorem nec sem. Vivamus urna felis, bibendum eget, placerat quis, nonummy id, urna. Pellentesque posuere, ipsum at consectetuer imperdiet, lectus wisi sagittis sapien, at convallis urna nisl venenatis eros. Mauris convallis, quam non hendrerit ornare, elit augue facilisis ligula, vitae tristique purus dui ut ante. Aliquam nisl. Proin erat pede, vestibulum a, lacinia vel, iaculis nec, nisl. Mauris vel arcu. Phasellus rhoncus wisi nec lectus. Praesent at velit. Nulla hendrerit. Donec at ipsum quis turpis semper tempus. Cras ante massa, molestie in, consectetuer vel, sagittis dapibus, ligula. Morbi dolor augue, pellentesque interdum, commodo nec, mattis in, ligula. Nullam vehicula, metus ut sodales dapibus, erat ligula congue metus, quis accumsan libero felis non ipsum. Etiam porttitor nulla quis eros. Cras ligula ante, convallis quis, pulvinar vitae, posuere et, nunc. Phasellus bibendum. Aenean sodales. Donec consectetuer, enim sodales fermentum scelerisque, tortor massa eleifend est, nec dapibus wisi quam id magna. Donec sed libero id lectus vulputate lobortis. Phasellus libero. Nam vel dui. Aenean ut ipsum. Cras quis arcu sed lectus vehicula imperdiet. Donec vestibulum nulla ultrices ligula. Vestibulum odio. Donec venenatis purus nec turpis. Vestibulum facilisis quam eget nibh. Fusce sodales mi a orci. Pellentesque ullamcorper. Nam mollis. Sed cursus nisl id nibh. Suspendisse mi lacus, pretium id, posuere a, mattis in, urna. Aenean ultrices. Nulla facilisi. Praesent rhoncus, wisi ut gravida rhoncus, dolor elit congue ipsum, nec mollis libero magna ac sapien. Curabitur enim justo, pellentesque quis, mollis non, dapibus eu, diam. Morbi eget nibh at neque porta fermentum. Etiam ullamcorper. Etiam quis ligula sit amet nunc feugiat fringilla. Quisque eleifend aliquet velit. Fusce et est. Donec convallis ultricies elit. Phasellus dictum mollis risus. Aliquam suscipit luctus ligula. Etiam eget augue. Vivamus dapibus justo ac metus. Duis sit amet purus. Phasellus ac est quis magna ullamcorper ullamcorper. Nulla ultricies, tellus non nonummy scelerisque, sem enim pharetra pede, vel aliquet purus augue ac diam. Aenean at elit. Donec ac mi non elit blandit mattis. Morbi eu dui. </div> </div> <div id="ftr" align="center">Copyright (c) You 2003</div> </div> </body> </html>
Css
/* Layout Stylesheet */
body {
margin: 20px;
color: #333333;
text-align: center;
padding: 0;
background-image: url(gradiant_bg.gif);
font-family: "Times New Roman", Times, serif;
font-size: 12px;
}
#outer {
text-align: left;
border: 1px solid Gray;
width: 650px;
margin: auto;
}
#header {
height:60px;
background:#eeeeee;
color: #333333;
width: 650px;
}
#menu {
height: 19px;
background: #c0c0c0;
color: #333333;
width: 650px;
border: solid Gray;
border-width: 1px 0 1px 0;
}
#bodyblock {
position:relative;
background: #dcdcdc;
color: #333333;
width:650px;
padding:0;
}
#l-col {
float:left;
background:#dcdcdc;
color: #333333;
width:145px;
}
#cont {
width: 495px;
background: #ffffff;
color: #333333;
border: solid gray;
border-width: 0 0 0 1px;
text-align: left;
}
#ftr {
height:19px;
background:#c0c0c0;
color: #333333;
border:solid gray;
border-width:1px 0 0 0;
margin:0;
width: 650px;
}
/* Layout Stylesheet */ body { margin: 20px; color: #333333; text-align: center; padding: 0; background-image: url(gradiant_bg.gif); font-family: "Times New Roman", Times, serif; font-size: 12px; } #outer { text-align: left; border: 1px solid Gray; width: 650px; margin: auto; } #header { height:60px; background:#eeeeee; color: #333333; width: 650px; } #menu { height: 19px; background: #c0c0c0; color: #333333; width: 650px; border: solid Gray; border-width: 1px 0 1px 0; } #bodyblock { position:relative; background: #dcdcdc; color: #333333; width:650px; padding:0; } #l-col { float:left; background:#dcdcdc; color: #333333; width:145px; } #cont { width: 495px; background: #ffffff; color: #333333; border: solid gray; border-width: 0 0 0 1px; text-align: left; } #ftr { height:19px; background:#c0c0c0; color: #333333; border:solid gray; border-width:1px 0 0 0; margin:0; width: 650px; }
zou me plezier doen moest iemand dit kunnen of me helpen...
|