hi, ich bin gerade dabei ein lay mittels css und div anstatt zu tabellen coden, jedoch steh ich vor einen leicht seltsamen problem und zwar: bei mir sind keine fehler an der seite bei nem freund auch nit... soo und bei manchen anderen is die navigation nicht ganz am hauptbody :(
und ich weis nicht woran das liegen kann :(
http://xine.xi.funpic.de/Schule/
html datei:
css datei
ich hoffe ihr könnt mir helfen.
mfg
xine
und ich weis nicht woran das liegen kann :(
http://xine.xi.funpic.de/Schule/
html datei:
HTML:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<title>Ein Beispiel</title>
<link rev="made" href="mailto:">
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
<meta name="author" content="zimtstern#3">
<meta name="description" content="Realschule Lengede">
<style type="text/css">@import url(style.css);</style>
<!--[if IE]>
<style type="text/css">@import url(style.css);</style>
<![endif]-->
</head>
<body>
<div id="body">
<div id="navigation">
<div id="navi">
<a href="index.html?site=home"><img src="images/04.gif" border="0"/></a>
<a href="index.html?site=info"><img src="images/07.gif" border="0"/></a>
<a href="#"><img src="images/09.gif" border="0"/></a>
<a href="#"><img src="images/13.gif" border="0"/></a>
</div>
<div id="navi2">
<a href="#"><img src="images/05.gif" border="0"/></a>
<a href="#"><img src="images/08.gif" border="0"/></a>
<a href="#"><img src="images/10.gif" border="0"/></a>
</div>
</div>
<div id="header">
</div>
<div id="main">
<div id="inhalt">
<?
switch($site){
case "home": include("start.html"); break;
case "info": include("info.html"); break;
case "sponsor": include("infosponsor.php"); break;
case "links": include("infolinks.php"); break;
case "joinus": include("infojoinus.php"); break;
case "fightus": include("infofightus.php"); break;
case "gbook": include("infogbook.php"); break;
default: include("start.html"); break;
}
?>
</div>
</div>
</div id="footer">
<img src="images/entwurf3_19.gif" /><br /> </bt>
</div>
</div>
</body>
</html>
css datei
Code:
body {
margin: 0 auto;
width:680px;
background: #ffffff;
font-family: Times New Roman,Verdana, Arial,Helvetica, sans-serif;
font-weight: normal;
font-size: 1em;
text-align: center;
}
#header {
margin: 0 auto;
position:relative;
width:603px;
height:312px;
text-align: center;
background: url(images/entwurf3_03.gif) no-repeat;
}
#main {
margin: 0 auto;
position:relative;
width:605px;
text-align: center;
background: url(images/entwurf3_12.gif);
}
#inhalt {
margin: 0 auto;
position: relative;
top: 0px;
left: 50px;
width:500px;
max-width:500px;
}
#footer {
margin: 0 auto;
position:relative;
width:605px;
}
#navigation {
margin: 0 603px;
position:absolute;
float:right;
width:77px;
text-align:right;
}
#navi {
float:left;
width:41px;
background: url(images/15.gif);
}
#navi2 {
float:right;
}
ich hoffe ihr könnt mir helfen.
mfg
xine