DarkPoet
Hallo,
es ist schon eine Weile her, dass ich mich an eigenen Gehversuchen mit HTML und CSS versucht habe (von der Arbeit her bin ich mit CMS "verwöhnt"...)
Ich versuche schon seit mehreren Tagen ein Problem zu lösen, kann aber beim besten Willen keine Lösung finden - oder ich steh einfach mächtig aufem Schlauch. Dabei geht es um folgendes:
Ich möchte den Hauptteil meiner Seite mit einer Breite von 960px zentrieren. Sie beginnt mit einer oberen Sektion, in die später ein Logo und andere eingefügt werden soll. Darauf folgt die Navigationsleiste und schließlich der Hauptteil. Die Leiste mit der Navigation soll aber eben nicht auf diese 960px beschränkt sein, sondern sich über die gesamte Fensterbreite erstrecken. Die Navigation selbst soll aber weiterhin zentriert in der Mitte der Seite erscheinen. Nur leider kriege ich es einfach nicht hin. Bislang sieht das alles wie folgt aus:
HTML:
CSS:
Ich hoffe jemand von Euch kann mir weiterhelfen und mir wenigstens einen Schubs in die richtige Richtung geben ^^
Grüße
b3ast
es ist schon eine Weile her, dass ich mich an eigenen Gehversuchen mit HTML und CSS versucht habe (von der Arbeit her bin ich mit CMS "verwöhnt"...)
Ich versuche schon seit mehreren Tagen ein Problem zu lösen, kann aber beim besten Willen keine Lösung finden - oder ich steh einfach mächtig aufem Schlauch. Dabei geht es um folgendes:
Ich möchte den Hauptteil meiner Seite mit einer Breite von 960px zentrieren. Sie beginnt mit einer oberen Sektion, in die später ein Logo und andere eingefügt werden soll. Darauf folgt die Navigationsleiste und schließlich der Hauptteil. Die Leiste mit der Navigation soll aber eben nicht auf diese 960px beschränkt sein, sondern sich über die gesamte Fensterbreite erstrecken. Die Navigation selbst soll aber weiterhin zentriert in der Mitte der Seite erscheinen. Nur leider kriege ich es einfach nicht hin. Bislang sieht das alles wie folgt aus:
HTML:
Code:
<body>
<div id="wrap">
<div id="top-content">
<p>Hier kommen Logo etc. hin... </br> zweite Zeile </br> dritte Zeile</p>
</div>
<div id="navcontainer">
<!-- hier soll die Navigation eingepasst werden -->
</div>
<div id="main-content">
<h1>Hauptteil</h1>
</div>
<div id="bottom-content">
<p>Impressum etc.</p>
</div>
</div>
</body>
CSS:
Code:
* {
margin: 0;
padding: 0;
}
body {
background: none repeat scroll 0 0 #545454;
font-family: Georgia,serif;
font-size: 62.5%;
}
#wrap {
background: none repeat scroll 0 0 #e3e3e3;
margin: 0 auto;
width: 960px;
}
#topcontainer {
height: 130px;
}
#navcontainer {
background: none repeat scroll 0 0 black;
border-bottom: 2px solid white;
border-top: 2px solid white;
left: 0;
height: 40px;
}
Ich hoffe jemand von Euch kann mir weiterhelfen und mir wenigstens einen Schubs in die richtige Richtung geben ^^
Grüße
b3ast