2011-01-13 12 views
0

Ich habe einen Footer Wrap außerhalb des Inhalts Wrap gemacht (in dem sich alles andere befindet). Ich möchte den Footer-Wrap erweitern, um die Breite der Seite zu füllen, und ich möchte, dass er unten fixiert wird. Hier ist der Code:Footer Wrap auf Seitenbreite erweitern

footerWrap {

background-color:#000; 
width: auto; 

}

Fußzeile {

margin: auto; 
text-align:center; 
width:965px; 
height:150px; 
background-color:#000; 
border:#000 inset medium; 

}

Die Website ist item9andthemadhatters.com lassen Sie mich bitte wissen, ob Sie brauchen anderer Code oder Info. Vielen Dank!!

Update:

html { padding: 0; Höhe: 100%; Breite: 100%; }

Körper { Rand: -1px 0 0 0; Hintergrundfarbe: #FFF; Schriftfamilie: calibri; Hintergrundbild: URL (images/item9HeaderSideFiller.gif); Hintergrund-Wiederholung: Wiederholung-x; Polsterung: 0; Höhe: 100%; Breite: 100%; }

Wrap {

width: 965px; 
margin:auto auto; 
min-height:462px; 
max-height:4000 

px;

footerWrap {

background-color:#000; 
position:absolute; 
bottom:0; 
width:100% 

}

Fußzeile {

margin: auto; 
text-align:center; 
width:965px; 
height:150px; 
background-color:#000; 

}

}

+0

#footerWrap { \t Hintergrundfarbe: # 000; \t Position: absolut; \t unten: 0; \t Breite: 100% \t } #footer { \t margin: auto; \t Textausrichtung: Mitte; \t Breite: 965px; \t Höhe: 150px; \t Hintergrundfarbe: # 000; } – hawkeye126

+0

html { \t Auffüllen: 0; \t Höhe: 100%; \t Breite: 100%; } Körper { \t Rand: -1px 0 0 0; \t Hintergrundfarbe: #FFF; \t Schriftfamilie: calibri; \t Hintergrundbild: URL (images/item9HeaderSideFiller.gif); \t Hintergrund-Wiederholung: Wiederholung-x; \t Polsterung: 0; \t Höhe: 100%; \t Breite: 100%; } #wrap { \t Breite: 965px; \t Rand: Auto Auto; \t min-Höhe: 462px; \t max-Höhe: 4000px; } – hawkeye126

Antwort

1

So füllen Sie die Seite

width:100% 

am unteren Rand der Seite zu bleiben, eine Lösung

position:absolute; 
bottom:0; 

feststellen, dass sowohl in Körper und HTML Sie

padding:0 
height:100%; 
+0

Danke für die Hilfe! Das hat nicht funktioniert. Ich poste mehr Code. – hawkeye126

+0

@ hawkeye126, habe ich Ihre Website überprüft. Die Fußzeile ist in der Verpackung! Sie müssen es als direktes Kind des Körperelements platzieren – stecb

+0

Danke für die Hilfe. Soweit ich das beurteilen kann, habe ich den Footer div nach dem Wrap div. Wenn nicht, habe ich den neueren Code erneut hochgeladen. Wie platziere ich es als direktes Kind des Körperelements? Nochmals vielen Dank für Ihre Hilfe, ich denke es ist knapp. – hawkeye126

0

width:100% in footerWrap Versuchen gesetzt sein könnte. Auch, was meinst du mit unten fixiert? Meinst du, die Fußzeile sollte immer am unteren Bildschirmrand sein, auch beim Scrollen? Oder meinst du es sollte immer am Ende der Seite sein?

+0

Ich meine, dass sollte immer unten sein, also ist kein Leerzeichen zwischen ihm und dem Browserfenster. Ich habe versucht, die Breite auf 100% zu ändern und tat es nicht. Ich bearbeite meine Frage und poste mehr Code. Danke für die Hilfe! – hawkeye126

+0

Halten Sie die Telefone! Es funktioniert jetzt. Vielen Dank für die Hilfe! – hawkeye126