Background repeat y

Fragen rund um PHP,HTML,CSS und MySQL

Background repeat y

Beitragvon Honni72 » 11. Mär 2011, 21:27

hallo leute
habe eine frage wegen dem hintergrund, mein wrapper hat den befehl
#wrapper{
margin:auto;
width:1024px;
min-height:600px;
background:url(hg.png) repeat-y;

das problem ist der zeigt auch nur die 600px an und verlängert das net automatisch wenn ich einen längeren text habe
muß ich da evtl irgendwo was anders schreiben und wenn ja wie ???

lg und schönen abend
Honni72
 
Beiträge: 52
Registriert: 3. Mär 2011, 09:18

Re: Background repeat y

Beitragvon Richard.Laing » 12. Mär 2011, 10:03

#wrapper{
margin:auto;
width:1024px;
min-height:600px;
background:url(hg.png) repeat-y;

hier fehlt das schliessende }

margin würde ich auf 0 auto setzen.
in welchem browser schaust du denn?
versuch mal so..

Code: Alles auswählen
#wrapper{
min-height:600px;
height:auto !important;  /* für moderne Browser */
height:600px;  /*für den IE */
margin:0 auto;
width:1024px;
background-image: url(hg.png);
background-repeat: repeat-y;
}

gruß richy
REXvideo Videotutorials für Redaxo www.REXvideo.de
Webseite www.on-laing.de smokezig.de www.smokezig.de
Benutzeravatar
Richard.Laing
 
Beiträge: 2109
Registriert: 27. Aug 2005, 23:55
Wohnort: Brühl / Rheinland

Re: Background repeat y

Beitragvon Ingo » 13. Mär 2011, 13:12

Meine Glaskugel sagt mir, dass dein wachsender Text entweder absolut positioniert ist oder floated und deswegen der umgebende Layer nicht mitwächst. Die Breite eines Elementes auf 1024px zu setzen ist übrigens keine gute Idee. Damit erzeugst du bei allen, die eine Browserauflösung 1024 x XXX haben einen horizontalen Scrollbalken. Zum Schluss noch der beste Tipp: du kannst den Elementen body und html eine Hintergrundbild zuweisen

background: url(hg_bild_website.jpg) repeat-y center top;

Dann brauchst du dir auch keine Gedanken mehr über dubiose Mindesthöhen machen...
Ingo
 
Beiträge: 290
Registriert: 23. Jun 2010, 23:34

Re: Background repeat y

Beitragvon mow » 24. Mär 2011, 20:43

hallo Honni72

Code: Alles auswählen
#wrapper {
margin:0 auto;
width:970px;
height:auto;
overflow:hidden;
background:url(hg.png) repeat-y;
}

grüsse
mow
best viewed with an open mind!
Benutzeravatar
mow
 
Beiträge: 76
Registriert: 2. Jul 2007, 00:49


Zurück zu PHP/HTML/CSS/MySQL

Wer ist online?

Mitglieder in diesem Forum: 0 Mitglieder und 1 Gast