Frage stellen
Bei meinem Problem geht es um ein CSS Layout. Ich habe mir vorgenommen, für meine Gilde in einem MMORPG eine kleine Homepage zu schustern.
http://erod.er.funpic.de/test.html
Mein Problem ist in diesem Moment ("atm", weil die Seite nicht im entferntesten fertig ist und wohl noch viele Probleme fabrizieren wird^^) die Manüleiste (links). Wenn ich den Text via Padding einrücke, so setzt sich das Hintergrundbild einfach fort... in Wahrheit will ich aber, dass der Text einfach nicht bündig beginnt sondern um x Pixel vom linken Rand entfernt, ohne dass er rechts auch übersteht...
Könnt ihr mir helfen?
Ich habe zu allem Übel die Vorlage aus einem CSS-Generator, daher blicke ich durch den Code ohnehin nicht zu 100% durch *schäm*
Die CSS-Datei:
- Code: Alles auswählen
* {
margin: 0;
padding: 0;
}
html {
height: 100%;
}
body {
font: 12px/18px Arial, Tahoma, Verdana, sans-serif;
width: 100%;
height: 100%;
}
a {
color: blue;
outline: none;
text-decoration: underline;
}
a:hover {
text-decoration: none;
}
p {
margin: 0 0 18px
}
img {
border: none;
}
input {
vertical-align: middle;
}
#wrapper {
width: 1000px;
margin: 0 auto;
min-height: 100%;
height: auto !important;
height: 100%;
}
/* Header
-----------------------------------------------------------------------------*/
#header {
height: 190px;
background-image: url(/Header.jpg);
}
/* Middle
-----------------------------------------------------------------------------*/
#middle {
width: 100%;
padding: 0 0 100px; /**//**//**//**/
height: 1%;
}
#middle:after {
content: '.';
display: block;
clear: both;
visibility: hidden;
height: 0;
}
#container {
width: 100%;
float: left;
overflow: hidden;
background-image: url(/Main.jpg);
}
#content {
padding: 0 0 0 220px;
}
/* Sidebar Left
-----------------------------------------------------------------------------*/
#sideLeft {
padding: 0 50px 0 50px;
float: left;
width: 200px;
margin-left: -100%;
position: relative;
background-image: url(/Menu.jpg);
}
/* Footer
-----------------------------------------------------------------------------*/
#footer {
width: 1000px;
margin: -120px auto 0;
height: 120px;
background-image: url(/Footer.jpg);
}
Hoffe ihr helft mir. Den HTML-Code könnt ihr euch ja anzeigen lassen.
Danke im Vorraus
Shisu
