Autor |
Nachricht |
kczimenga
Threadersteller
Dabei seit: 11.12.2008
Ort: -
Alter: -
Geschlecht: -
|
Verfasst Di 01.12.2009 10:56
Titel Hintergrund im body immer unten |
|
|
Hallo,
ich habe ein sich wiederholendes horizontales Hintergrundbild, das im body liegt und im Browserfenster immer ganz unten "kleben" soll. Darüber liegen die restlichen divs mit dem Inhalt. Hier kann man es ansehen:
http://www.web-ready.de/hub-pels
Leider erscheint das Hintergrundbild nicht, obwohl es auf dem Server liegt und die Verknüpfung stimmt. In Dreamweaver zeigt er es an. Hier die css:
Code: | body {
background-color: #9bbbd8;
z-index: 1;
margin-left: 0px;
margin-top: 0px;
margin-right: 0px;
margin-bottom: 0px;
background-image: url(/images/hintergrundkachel.jpg);
background-repeat: repeat-x;
background-position: bottom;
}
#zentriert {
width:830px;
height:auto;
z-index:3;
margin-top: 8px;
margin-right: auto;
margin-left: auto;
text-align: right;
}
#inhalt {
width:800px;
height:400px;
z-index:5;
background-color: #FFFFFF;
border-top-width: 1px;
border-right-width: 1px;
border-left-width: 1px;
border-top-style: solid;
border-right-style: solid;
border-left-style: solid;
border-top-color: #363636;
border-right-color: #363636;
border-left-color: #363636;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 13px;
line-height: 17px;
color: #666666;
margin-left: 28px;
background-image: url(images/hintergrund-inhalt.gif);
background-repeat: no-repeat;
background-position: 20px 50px;
text-align: left;
}
#text {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 13px;
line-height: 18px;
color: #666666;
margin-top: 56px;
margin-left: 90px;
margin-right: 60px;
}
#inhaltohne {
width:800px;
height:400px;
z-index:5;
background-color: #FFFFFF;
border-top-width: 1px;
border-right-width: 1px;
border-left-width: 1px;
border-top-style: solid;
border-right-style: solid;
border-left-style: solid;
border-top-color: #363636;
border-right-color: #363636;
border-left-color: #363636;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 13px;
line-height: 17px;
color: #666666;
margin-left: 28px;
}
#adresse {
width:800px;
height:28px;
z-index:5;
background-color: #c3d6e8;
border-right-width: 1px;
border-left-width: 1px;
border-right-style: solid;
border-left-style: solid;
border-right-color: #363636;
border-left-color: #363636;
border-bottom-width: 1px;
border-bottom-style: solid;
border-bottom-color: #363636;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
color: #666666;
margin-left: 28px;
text-align: center;
padding-top: 4px;
font-weight: bold;
}
#head {
width:830px;
height:auto;
z-index:5;
}
#navigation {
width:780px;
height:30px;
z-index:5;
padding-left: 17px;
} |
Ich bin ratlos. Ist wahrscheinlich nur eine Kleinigkeit, aber ich finde sie nicht
Vielen Dank für die Hilfe!!!!
Karina
|
|
|
|
|
heiko_rs
Dabei seit: 06.02.2008
Ort: Berlin
Alter: -
Geschlecht:
|
Verfasst Di 01.12.2009 11:12
Titel
|
|
|
Du verlinkst root-relativ (was gut ist), aber mit falschem Pfad.
|
|
|
|
|
Anzeige
|
|
|
top
Moderator
Dabei seit: 25.11.2003
Ort: Hedwig Holzbein
Alter: 52
Geschlecht:
|
Verfasst Di 01.12.2009 11:14
Titel
|
|
|
heiko_rs hat geschrieben: | Du verlinkst root-relativ (was gut ist), aber mit falschem Pfad. |
Jep - hier ist der Fehler:
background-image: url(/images/hintergrundkachel.jpg);
|
|
|
|
|
kczimenga
Threadersteller
Dabei seit: 11.12.2008
Ort: -
Alter: -
Geschlecht: -
|
Verfasst Di 01.12.2009 11:21
Titel Erscheint zwar jetzt aber nicht unten bündig |
|
|
Danke erstmal für den Tipp, ich wusste ja, dass es mal wieder eine Kleinigkeit war
Aber leider orientiert sich der Hintergrund jetzt an dem div zum Zentrieren des Inhalts und nicht wie gewünscht im Browserfenster unten?!?! Habt ihr vielleicht dafür auch noch eine Lösung parat?
Ansehen könnt es ihre es wieder hier:
http://www.web-ready.de/hub-pels
Danke
Karina
|
|
|
|
|
top
Moderator
Dabei seit: 25.11.2003
Ort: Hedwig Holzbein
Alter: 52
Geschlecht:
|
Verfasst Di 01.12.2009 11:45
Titel
|
|
|
Das Problem kenne ich...
Code: |
html {
min-height: 100%;
} |
|
|
|
|
|
kczimenga
Threadersteller
Dabei seit: 11.12.2008
Ort: -
Alter: -
Geschlecht: -
|
Verfasst Di 01.12.2009 11:55
Titel Klingt gut aber ... |
|
|
leider funktioniert es nicht. Ich habe es im body eingesetzt oder sollte es woanders hin?!? Sieht jetzt so aus:
Code: | body {
background-color: #9bbbd8;
z-index: 1;
margin-left: 0px;
margin-top: 0px;
margin-right: 0px;
margin-bottom: 0px;
background-image: url(images/hintergrundkachel.jpg);
background-repeat: repeat-x;
background-position: bottom;
min-height: 100%;
} |
Die Unwissende
|
|
|
|
|
top
Moderator
Dabei seit: 25.11.2003
Ort: Hedwig Holzbein
Alter: 52
Geschlecht:
|
Verfasst Di 01.12.2009 11:58
Titel Re: Klingt gut aber ... |
|
|
Nein, extra!
Etwa so:
Code: | body {
background: #9bbbd8 url(images/hintergrundkachel.jpg) repeat-x center bottom;
z-index: 1;
margin: 0;
}
html {
min-height: 100%;
}
|
Zuletzt bearbeitet von top am Di 01.12.2009 11:58, insgesamt 1-mal bearbeitet
|
|
|
|
|
kczimenga
Threadersteller
Dabei seit: 11.12.2008
Ort: -
Alter: -
Geschlecht: -
|
Verfasst Di 01.12.2009 12:03
Titel Juppiiie |
|
|
Danke, jetzt funzt es. Da wäre ich nie drauf gekommen.
LG
|
|
|
|
|
|
|
|
Ähnliche Themen |
HTML / CSS: Raster über gesamten Body Hintergrund
body {padding} und body{height:100%} möglich
CSS Frage : Body div /div div ?
CSS Angaben im Body
js im body mit popup
conditional body tag
|
|