mediengestalter.info
FAQ :: Mitgliederliste :: MGi Team

Willkommen auf dem Portal für Mediengestalter

Aktuelles Datum und Uhrzeit: Fr 29.03.2024 14:52 Benutzername: Passwort: Auto-Login

Thema: Hintergrund im body immer unten vom 01.12.2009


Neues Thema eröffnen   Neue Antwort erstellen MGi Foren-Übersicht -> Allgemeines - Nonprint -> Hintergrund im body immer unten
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

Antworten mit Zitat Zum Seitenanfang

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 * Nee, nee, nee *

Vielen Dank für die Hilfe!!!!
Karina
  View user's profile Private Nachricht senden
heiko_rs

Dabei seit: 06.02.2008
Ort: Berlin
Alter: -
Geschlecht: Männlich
Verfasst Di 01.12.2009 11:12
Titel

Antworten mit Zitat Zum Seitenanfang

Du verlinkst root-relativ (was gut ist), aber mit falschem Pfad.
  View user's profile Private Nachricht senden
Anzeige
Anzeige
top
Moderator

Dabei seit: 25.11.2003
Ort: Hedwig Holzbein
Alter: 52
Geschlecht: Männlich
Verfasst Di 01.12.2009 11:14
Titel

Antworten mit Zitat Zum Seitenanfang

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);
  View user's profile Private Nachricht senden
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

Antworten mit Zitat Zum Seitenanfang

Danke erstmal für den Tipp, ich wusste ja, dass es mal wieder eine Kleinigkeit war Menno!

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
  View user's profile Private Nachricht senden
top
Moderator

Dabei seit: 25.11.2003
Ort: Hedwig Holzbein
Alter: 52
Geschlecht: Männlich
Verfasst Di 01.12.2009 11:45
Titel

Antworten mit Zitat Zum Seitenanfang

Das Problem kenne ich... *zwinker*

Code:

html {
   min-height: 100%;
}
  View user's profile Private Nachricht senden
kczimenga
Threadersteller

Dabei seit: 11.12.2008
Ort: -
Alter: -
Geschlecht: -
Verfasst Di 01.12.2009 11:55
Titel

Klingt gut aber ...

Antworten mit Zitat Zum Seitenanfang

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 Menno!
  View user's profile Private Nachricht senden
top
Moderator

Dabei seit: 25.11.2003
Ort: Hedwig Holzbein
Alter: 52
Geschlecht: Männlich
Verfasst Di 01.12.2009 11:58
Titel

Re: Klingt gut aber ...

Antworten mit Zitat Zum Seitenanfang

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
  View user's profile Private Nachricht senden
kczimenga
Threadersteller

Dabei seit: 11.12.2008
Ort: -
Alter: -
Geschlecht: -
Verfasst Di 01.12.2009 12:03
Titel

Juppiiie

Antworten mit Zitat Zum Seitenanfang

Danke, jetzt funzt es. * Applaus, Applaus * Da wäre ich nie drauf gekommen.

LG
  View user's profile Private Nachricht senden
 
Ä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
Neues Thema eröffnen   Neue Antwort erstellen
MGi Foren-Übersicht -> Allgemeines - Nonprint


Du kannst keine Beiträge in dieses Forum schreiben.
Du kannst auf Beiträge in diesem Forum nicht antworten.
Du kannst an Umfragen in diesem Forum nicht mitmachen.