Ja ich weiß, dann hat "gecodet" oder was weiß ich..
Hab ich auch versucht allerdings schieben sich die beiden untereinander siehe:
Code:
<?xml version=\"1.0\" encoding=\"iso-8859-1\"?>
<!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="de">
<head>
<title>Media-Experience.net - Webdesign and Webhosting</title>
<link rel="stylesheet" type="text/css" href="./style.css" />
</head>
<body>
<div id="container">
[img]./images/logo.jpg[/img]
<div id="nav"><lu>[*]+ home[*]+ leistungen[*]+ webdesign[*]+ webhosting[*]+ sitemap[*]+ support</$></div>
</div>
<div id="empty">
<div id="nav_right"><ul>[*][img]./images/referenzen.jpg[/img][*][img]./images/ueber_uns.jpg[/img][*][img]./images/agb.jpg[/img][*][img]./images/impressum.jpg[/img][/list]</div>
<div id="img">[img]./images/img.jpg[/img]</div>
</div>
</body>
</html>
Code:
body {
margin:0;
width:100%;
}
#container {
padding-top:52px;
padding-right:0;
padding-bottom:0;
padding-left:209px;
margin-bottom:3px;
margin-right:380px;
float:right;
}
#nav {
list-style:none;
padding:0;
font-family:verdana;
font-size:11px;
color:#878787;
}
#nav li {
display:inline;
padding:0;
}
#nav ul {
padding:0;
}
#img {
text-align:left;
padding-top:0;
padding-left:0;
padding-right:0;
padding-bottom:0;
margin:0;
text-align:right;
position:fixed;
right:269px;
}
#empty {
background:#EAEAEA;
width:100%;
height:144px;
padding:0;
margin-top:0;
margin-right:0;
margin-left:0;
margin-bottom:0;
float:right;
}
#nav_right {
list-style:none;
background:#EAEAEA;
margin-top:0;
position:fixed;
right:0%;
}
#nav_right ul{
list-style:none;
margin:0;
padding:0;
}
Die Liste sollte rechts sein und die Grafik img gleich daneben..
Im IE funktioniert dieser Code noch nicht also bitte nur per Firefox testen.