nicht angemeldet
Hallo erstmal,
also ich bin gerade dabei meine Homepage total in CSS zu "bauen/schreiben". Und jetzt hänge ich bei der Navi! UNd zwar möchte ich meine Navigation in dem Div "Header" unten "liegen" haben. Ich habe bloß keine Ahnung wie ich das machen soll. Ich kann auch nicht den div "mainnav" unter den div "header" legen da der untere Teil des Hintergrundbildes auch zur mainanv gehört! Und dieses möchte ich nciht teilen! Hier mal mein HTML-CODE:
<style type="text/css" media="screen">
body
{
margin:0;
padding:0;
font-size:10px;
font-family:Verdana, Arial, Helvetica, sans-serif;
text-align:center;
background-image:url(Material/background.gif);
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
color:#666666;
}
a:link { color:#666666; text-decoration:underline; font-family:Verdana, Arial, Helvetica, sans-serif; }
a:visited { color:#666666; text-decoration:underline; font-family:Verdana, Arial, Helvetica, sans-serif; }
a:active { color:#666666; text-decoration:underline; font-family:Verdana, Arial, Helvetica, sans-serif; }
a:hover { color:#666666; text-decoration:none; font-family:Verdana, Arial, Helvetica, sans-serif; }
h1 { font-size:10px }
h2 { font-size:12px }
#container
{
margin:10px auto;
width:682px;
text-align:left;
background-color:#ffffff;
}
#header
{
height:82px;
background-image:url(Material/header_background.gif);
background-repeat:no-repeat;
background-position:top;
}
#mainnav
{
height:22px;
}
#content
{
float:right;
height:291px;
width:505px;
background-image:url(Material/content_background.gif);
background-repeat:no-repeat;
background-position:top;
}
#contenttext
{
float:left;
width:400px;
margin:10px;
}
#menuright
{
float:right;
height:291px;
width:177px;
background-image:url(Material/menurigth_background.gif);
background-repeat:no-repeat;
background-position:top;
}
</style>
</head>
<body>
<div id="container">
<div id="header">
<div id="mainnav">
<img src="Gästebuch.gif" />
</div>
</div>
<div id="menuright"></div>
<div id="content">
<div id="contenttext">
<h1>Herzlich Willkommen auf Myperfectsite.de</h1>
<p>Schaut euch einfach mal um. Es gibt hier vieles zu entdecken: seht euch meine Arbeiten an, schreibt ins Gästebuch,...
<br /><br />
Apropos, nur so nebenbei, es sind noch <b>
<script type="text/javascript">
var eventdate = new Date("December 24, 2006 00:00:00 GMT");
d=new Date();
count=Math.floor((eventdate.getTime()-d.getTime())/1000);
count=Math.floor(count/(60*60*24));
document.write(count);
</script></b> Tage bis Weihnachten.
</p>
<p>
<a href="http://validator.w3.org/check?uri=referer"><img
src="http://www.w3.org/Icons/valid-xhtml10"
alt="Valid XHTML 1.0 Transitional" height="31" width="88" border="0" /></a>
</p>
</div>
</div>
</div>
</body>
</html>
Ach noch was: Leide ich denn an DIVITIS (oder wie das auch immer heißt)???
Mfg Lukas
Der Martin