vegetto
Legacy Member
Hallo,
Ik ben pas aan mijn eerste website begonnen door gebruik te maken van CSS, maar ik heb een probleem. Ik heb mijn website ingesteld met procenten, op mijn laptop ziet de website er goed uit, maar van het moment dat ik die open op mijn desktop staat alles helemaal door elkaar enzo.
op laptop:
http://img13.imageshack.us/img13/830/33726580.jpg
Hier is de link:
Bruincafé 22 mei 2009 @ Chiro Jongens Helchteren
css:
html:
iemand die weet hoe ik dit moet oplossen?
bedankt!
Ik ben pas aan mijn eerste website begonnen door gebruik te maken van CSS, maar ik heb een probleem. Ik heb mijn website ingesteld met procenten, op mijn laptop ziet de website er goed uit, maar van het moment dat ik die open op mijn desktop staat alles helemaal door elkaar enzo.
op laptop:
http://img13.imageshack.us/img13/830/33726580.jpg
Hier is de link:
Bruincafé 22 mei 2009 @ Chiro Jongens Helchteren
css:
Code:
body {
margin:0;
border:0;
padding:0;
height:100%;
max-height:100%;
background:#bca64e;
font-family:verdana;
font-size:76%;
color:#595441;
overflow: hidden;
}
#header {
position:absolute;
top:0;
left:0;
width:100%;
height:70%;
overflow:auto;
background:#82733e;
color:#82733e;
text-align: center;
position: relative;
}
#onder {
border-top: 3px solid;
border-color: #494537;
position:absolute;
bottom:0;
left:0;
width:100%;
height:9%;
overflow:auto;
text-align:center;
background:#82733e;
}
#links {
border-right: 3px solid;
border-color: #494537;
position: fixed;
top:0%;
bottom:0%;
left:0;
width:19%;
overflow:auto;
background:#82733e;
}
#midden {
position:fixed;
top:29%;
left:21%;
bottom:10%;
right:22%;
overflow:auto;
background:#bca64e;
}
#rechts{
border-left: 3px solid;
border-color: #494537;
position: fixed;
top:0%;
bottom:0%;
left:79%;
width:22%;
overflow:auto;
background:#82733e;
}
* html body {
padding:15% 0 10% 0;
}
* html #contents {
height:100%;
width:100%;
}
p.nav{width: 100%;}
p {width:80%;}html:
Code:
<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">
<head>
<title>Bruincafe 22 mei 2009 @ Chiro Jongens Helchteren</title>
<link href="bruincafe.css" rel="stylesheet" type="text/css"/>
</head>
<body>
<div id="header">
<img src="header copy.jpg" usemap="#header copy" alt="" style="border-style:none" />
<map id="header copy" name="header copy">
<area shape="rect" alt="" coords="123,175,226,217"<a href="index.html" target="_self"></a>
<area shape="rect" alt="" coords="256,167,460,220" <a href="programma.html" target="_self"></a>
<area shape="rect" alt="" coords="497,178,679,220" href="dranklijst.html"target="_self"></a>
<area shape="rect" alt="" coords="704,175,938,222" href="brouwerijsavio.html" target="_self"></a>/>
<area shape="default" nohref="nohref" alt="" />
</map>
</div>
<div id="onder">
<h3>contact: <A HREF="mailto:[email protected]">Webmaster</A>
<br>
<a href="http://www.chirohelchteren.org">Chiro Jongens Helchteren</a>
</h3>
</div>
<div id="links">
</div>
<div id="rechts">
</div>
<div id="midden">
<h1>Welkom op de website van Bruincafe.</h1>
<p>
Zoals elk jaar organiseert Chiro Jongens Helchteren ook dit jaar weer bruincafe. Alle info hierover vind je op deze website.
<br>
Bruincafe vindt plaats op 22 mei 2009. Je kan hier genieten van live muziek en sterke bieren. En dit allemaal met gratis inkom!
</p>
<p>
De affiche van dit jaar:
<br>
<img src="affichekleur.jpg"> </img>
</p>
</div>
</body>
</html>iemand die weet hoe ik dit moet oplossen?
bedankt!
