Hallo Leute,
ich habe da ein kleines oder großes problem, jenachdem wie gut ihr euch auskennt. Es geht darum, daß ich eine Webseite mittels CSS (Div ID) designen will, und dabei gibt es Probleme. Dazu habe ich ein paar Fragen.
Das Seitendesign soll so aussehen: TOP-Header, Navigation links, Inhaltsbereich neben der Navigation, und einen Footer. Das ganze ist 850px breit, und soll daher mittig auf der Seite angezeigt werden.
Problem 1:
Ich möchte einen Login-Bereich über den TOP-Header legen, mit Text unf Grafik. Leider klappt das aber nicht so wie ich das wollte, da es auch hier immer den Header verschiebt.
Wie kann ich das hinbekommen?
Problem 2:
Ich möchte bei der Navigation den Innenabstand des Textes vom Navihintergrund festlegen, aber jedesmal wenn ich das mit padding versuche, verschiebt es den kompletten Hintergrund.
Wie bekomme ich das in CSS hin, ohne das es den Hintergrund der Navigationsleiste verschiebt?
Hier nun mal die Quelltexte:
CSS:
body {
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
color: Black;
background-color: #FFFFFF;
text-align: center;
margin: 0px;
padding: 0px;
}
#container {
width: 806px;
height: auto;
margin: 0px auto;
padding: 0px;
text-align: left;
}
#header {
height: 153px;
width: 806px;
margin: 0px;
text-align: center;
background-image: url(images/header.jpg);
}
#navigation {
float: left;
width: 186px;
padding: 0px;
background-color: #ffffff;
color: inherit;
}
.menuetitel {
height: 19px;
width: 186px;
background-image: url(images/nav_menue.jpg);
font-family: Arial, Helvetica, sans-serif;
font-size: 16px;
font-weight: bold;
text-align: left;
}
#inhalt {
width: 606px;
padding: 0px;
float: right;
background-color: #ffffff;
color: inherit;
overflow: auto;
}
#footer {
height: 78px;
width: 806px;
margin: auto auto 0px auto;
text-align: center;
background-image: url(images/footer.jpg);
}
HTML:
</body>
Vielen Dank mal im Voraus für eure Hilfe.