[EZ]
Legacy Member
'k Heb een probleem met een siteje waar'k momenteel aan bezig ben:
Mijn container div is gecentreerd, maar toch staat hij zo'n 50px meer naar links dan in het midden, zowel in IE als in FF.
Hieronder screen die het wat duidelijker maakt:
http://img141.imageshack.us/img141/9320/screentw7.jpg
hier de HTML:
en tenslotte de CSS:
(de 2 bovenstaande zijn van de index, omdat ik denk dat de fout daarin zit
)
En zal de preload werken?
greetz,
EZ
Mijn container div is gecentreerd, maar toch staat hij zo'n 50px meer naar links dan in het midden, zowel in IE als in FF.
Hieronder screen die het wat duidelijker maakt:
http://img141.imageshack.us/img141/9320/screentw7.jpg
hier de HTML:
Code:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>SolidRaven</title>
<link href="stylesheet_index.css" rel="stylesheet" type="text/css">
<link rel="shortcut icon" href="favicon.ico" type="image/x-icon">
<script language="JavaScript">
function roll_over(img_name, img_src)
{document[img_name].src = img_src}
var arImages=new Array();
function Preload() {
var temp = Preload.arguments;
for(x=0; x < temp.length; x++) {
arImages[x]=new Image();
arImages[x].src=Preload.arguments[x];
}
}
</script>
</head>
<body onload="Preload('news.gif','news_mouseover.gif','pictures.gif','pictures_mouseover.gif','releases.gif','releases_mouseover.gif','remixes.gif','remixes_mouseover.gif')">
<div id="container">
<div id="logo"><img src="logo.jpg" width=800 height=180 alt="SolidRaven's banner"></div>
<div id="navigation">
<a href=news.html target="iframe" onmouseover="roll_over('news', 'navigation/news_mouseover.gif')" onmouseout="roll_over('news', 'navigation/news.gif')"><img src="navigation/news.gif" width=55 height=25 name="news" border=0></a>
<a href=pictures.html target="iframe" onmouseover="roll_over('pictures', 'navigation/pictures_mouseover.gif')" onmouseout="roll_over('pictures', 'navigation/pictures.gif')"><img src="navigation/pictures.gif" width=93 height=25 name="pictures" border=0></a>
<a href=releases.html target="iframe" onmouseover="roll_over('releases', 'navigation/releases_mouseover.gif')" onmouseout="roll_over('releases', 'navigation/releases.gif')"><img src="navigation/releases.gif" width=104 height=25 name="releases" border=0></a>
<a href=remixes.html target="iframe" onmouseover="roll_over('remixes', 'navigation/remixes_mouseover.gif')" onmouseout="roll_over('remixes', 'navigation/remixes.gif')"><img src="navigation/remixes.gif" width=88 height=25 name="remixes" border=0></a>
</div>
<div id="tekst">
<iframe src="home.html" name="iframe" frameborder="0" width="800px" height="380px" scrolling="auto">
Je gebruikt een te oude internetbrowser om deze pagina te kunnen bekijken, download een nieuwere versie om door te gaan...
</iframe>
</div>
<div id="ondergradient"><a href="http://users.telenet.be/pimp/ez_himself" target="_blank"><img src="ondergradient.gif" width=800 height=15 border=0></a></div>
</div>
</body>
</html>en tenslotte de CSS:
Code:
a {
color: white;
text-decoration: underline
}
a:hover {
text-decoration: none
}
html body {
width: 93%
}
body {
background-image: url(pattern.gif);
text-align: center
}
#container {
width: 800px;
height: 600px;
margin: auto
}
#logo {
width: 800px;
height: 180px
}
#navigation {
background-image: url(gradient.gif);
height: 25px;
width: 800px
}
#tekst {
height: 380px;
width: 790px;
text-align: left;
font-family: verdana, tahoma, arial;
font-size: 10pt;
color: white;
}
#ondergradient {
height: 15px;
width: 800px
}(de 2 bovenstaande zijn van de index, omdat ik denk dat de fout daarin zit
)En zal de preload werken?
greetz,
EZ
