XHTMLforum

XHTMLforum (http://xhtmlforum.de/index.php)
-   (X)HTML (http://xhtmlforum.de/forumdisplay.php?f=72)
-   -   Mehrere Bodys DRINGEND!! (http://xhtmlforum.de/showthread.php?t=68519)

RoyMalinak 01.12.2012 13:09

Mehrere Bodys DRINGEND!!
 
Liste der Anhänge anzeigen (Anzahl: 2)
Hallo.
Also ich habe eine wichtige Frage. Ich möchte mir eine Homepage erstellen. Soweit klappt das auch gut. Ich habe nun meine Navigation fertig, wozu ich allerdings "body" benötigt habe (mit css) damit die Navigation die ganze länge des Browsers bedeckt. Nun möchte ich allerdings ein Fenster erstellen, wo der eigentliche Inhalt reinkommt. Dazu benötige ich noch 1x "body". Ich habe es schon mit <body class="..."> versucht, doch dann klappt es auch nicht. Immer wenn ich dieses mache, geht meine Navigation von oben weg, und geht mit in den Inhaltsbereich, was ich nicht möchte. (Siehe Bilder). Was kann ich machen, damit die Navigation oben bleibt, und ich normal den Inhaltsbereich habe?
Bitte um eure Hilfe!
-Dankeschön

Mein Code ist der:

<div class="menu">
<style type="text/css">
body{
margin:0px;
padding:0px;
background-image:url('troll.jpg');
font-family:Verdana,Arial,Helvetica,sans-serif;
color: #FFFFFF;
}
</style>
<a href="lalalaa"><img style="text-align:center;height:55px; width:300px;" src="sosoo.jpg"></a>
<ul>
<li><a style="position:relative; top:-60px; left:450px;background-image:url(&quot;öüö.jpg&quot;); background-repeat:no-repeat; padding-left:45px; background-position: 0px -2px;" href="sisi">Bilder</a></li>
<li><a style="position:relative; top:-105px; left:580px;background-image:url(&quot;logovideo.jpg&quot;); background-repeat:no-repeat; padding-left:45px; background-position: 0px -2px;" href="sisi">Videos</a></li>
<li><a style="position:relative; top:-150px; left:710px;background-image:url(&quot;chat-icon.png&quot;); background-repeat:no-repeat; padding-left:45px; background-position: 0px -2px;" href="sisi">Chat</a></li>
<li><a style="position:relative; top:-195px; left:830px;background-image:url(&quot;fd.png&quot;); background-repeat:no-repeat; padding-left:45px; background-position: 0px 1px;" href="sisi">Spiele</a></li>
<div class="vs">
<li><a style="font-size:12px;text-align:center;position:relative; top:-250px;float:right;border:1px black solid; width:135px;height:20px;line-height:20px;border-top-left-radius:5px;border-bottom-left-radius:5px;" href="lala">Bild&ensp;/&ensp;Video Upload</a></li>
</div>
</ul>
<style type="text/css">
.menu{
font-family:arial;
width:100%;
border:1px steelblue solid;
background:steelblue;
font-size:16px;
height:55px;
line-height:6px;
position:fixed;
}
.menu ul li a,.menu ul li a:visited{
font-weight:bold;display:inline-block;text-decoration:none;color:#000;width:55px;height:43px; color:#fff;border:1px solid steelblue;background:steelblue;line-height:32px;font-size:16px;overflow:hidden;
}
.menu ul{
list-style:none;
}
.menu ul li{
}
.menu a:hover {
text-decoration:underline;
}
.vs a:hover{
background:dodgerblue;
text-decoration:none;
font-size:15px;
font-weight:bold;
}
</style>
</div>

<body class="bd">
<style type="text/css">
.bd{
width:942px; border: 6px whitesmoke solid; ;
margin:50px auto;
height:900px;
text-align:center;
background-color:white;
}
</style>
</body>

Manfred62 01.12.2012 13:40

es dürfen nicht mehrere body im html verwendet werden. Nimm dafür ein div.

Ev. ist es ratsam, wenn du dich erstmal mit den Basics vertraut machst: Little Boxes

RoyMalinak 01.12.2012 13:49

Zitat:

Zitat von Manfred62 (Beitrag 523340)
es dürfen nicht mehrere body im html verwendet werden. Nimm dafür ein div.

Ev. ist es ratsam, wenn du dich erstmal mit den Basics vertraut machst: Little Boxes


Hallo, danke für deine Antwort. Mit Div habe ich es auch schon ausprobiert!

threadi 01.12.2012 14:51

Probiert? Und was kam dabei raus? Vor allem vom Quellcode her?


Alle Zeitangaben in WEZ +2. Es ist jetzt 19:01 Uhr.

Powered by vBulletin® Version 3.8.11 (Deutsch)
Copyright ©2000 - 2024, vBulletin Solutions, Inc.

© Dirk H. 2003 - 2023