Könnt ihr mal diese Screenshots genauer anschauen? Mein Problem ist die Navi. In den IE's wird sie grösstenteils nicht angezeigt. Im neuen 7-er aber schon. Und noch was kleines: Das Bild mit dem Titel wird nicht zentriert angezeigt.
Der Quelltext wäre der hier:
PHP
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>Antoine Gilliand's Homepage - powered by White Tiger Design -- www. wtd .ch</title>
<link rel="stylesheet" type="text/css" href="layout.css" media="all">
</head>
<body>
<?php $x = $_GET['uri'];
$date = array(
"jcfh3" => "Home",
"u57gj" => "Gästebuch",
"j45kh" => "Links");
## Datensätze: Anfang ##
#// jcfh3 = Home
#// u57gj = Gästebuch
#// j46kh = Links
#// jfh45 = Bilder und Videos
#// l2sn9 = Kontakt
## Datensätze: Ende ## ?>
<div id="header"></div>
<div id="titelbox"><div id="tit_box_in"><?php echo $date[$x]; ?></div></div>
<div id="inhalte"><div id="inh_box_in">[img]homepage_grob.JPG[/img]</div></div>
<div id="menue">
<font id="menuepunkte">[url='index.php?uri=jcfh3']>Home[/url]
[url='index.php?uri=u57gj']>- Gästebuch[/url]
[url='index.php?uri=j46kh']>- Links[/url]
[url='index.php?uri=jfh45']>- Bilder & Videos[/url]
[url='index.php?uri=12sn9']>- Kontakt[/url]
</font>
</div>
</body>
</html>Der CSS hier:
Code
/* ...Cascading Style Sheet... !==! designed by White Tiger Design -- www. wtd .ch */
body {
background-image: url(images/bg.png);
background-repeat: repeat-y;
background-color: #FF6505;
}
#header {
background-image: url(images/header.gif);
margin: 0 auto;
height: 81px;
width: 600px;
}
#menue {
position: absolute;
float: left;
overflow: hidden;
text-align: center;
border: 2px solid #FFFFFF;
width: 260px;
padding: 10px;
}
#menuepunkte a {
color: #e2e2e2;
font-family: Arial, Helvetica, sans-serif;
text-decoration: none;
}
#menuepunkte a:hover {
text-decoration: underline;
}
#titelbox {
float: right;
width: 100%;
height: 50px;
}
#tit_box_in {
border: 2px solid #FFFFFF;
margin-left: 320px;
witdth: 500px;
font-family: Arial, Helvetica, sans-serif;
font-weight: bold;
font-size: 18px;
color: #FFFFFF;
}
#inhalte {
float: right;
width: 100%;
height: auto;
}
#inh_box_in {
border: 2px solid #FFFFFF;
margin-left: 320px;
}
