footer erweiterungsfarbe css

Ich habe ein Problem mit einer Last-Minute-Änderungsanforderung, im Grunde Client entschieden, die Fußzeile Farbe zu ändern und ich kann keine praktikable Lösung finden, erweitern Sie es auf der Loch-Website bei der Anzeige auf großen Bildschirmen und nicht schneiden die Farbe und zurück zur Körperfarbe.footer erweiterungsfarbe css

Website

Ich dachte, etwas zu tun, die Push-Klasse hinzufügen, jedoch mit der Ansprechempfindlichkeit der Seite, die ich Pausen, die ich auf diesem einen Rat schätzen würde. Ich möchte die HTML- oder Body-Farbe NICHT in Weiß ändern, ich möchte es so machen, wie es ist.

Vielen Dank im Voraus.

Quelle

2012-04-12 andresmijares25

Die Seite sieht ziemlich gut aus.

Leider glaube ich nicht, dass Sie die Footer-Hintergrundfarbe und alles darunter ändern können, ohne die Körperfarbe ändern zu müssen, können Sie einfach eine Arbeit um nur einen Wrapper hinzufügen, der vor der Kopfzeile TAG und beginnt endet vor dem Fußzeilen-Tag.

<div id="wrapper"> 
<header>...</header> 
.... 
</div> 
<footer>...</footer>

Ich weiß, das ist wollen Sie vermeiden wollen, aber ich glaube nicht, dass es keine „bessere“ Lösung, eine andere Lösung Javascript impliziert wird die Fußzeile wachsen und es ist nicht schön zu machen: P

Viel Glück

Quelle

2012-04-12 17:50:44 tabris

leider Ich habe bereits den Körper und auch den HTML-Tag mit anderen Texturen gefährdet ist, nicht möglich ist, für mich, das zu ändern, ich habe auch versucht, ein neues div Zugabe als du hast gesagt, aber funktioniert nicht, wahrscheinlich habe ich ein div schließen irgendwo in der loch-schablone, die es tötet – andresmijares25

Also im Grunde Ihr Ziel ist es, sicherzustellen, dass die gesamte Fußbereich (vom oberen Rand der Fußzeile an der Unterseite des Fensters) ist weiß?

Wenn das ist, was du gehst, denn dann, dass ich fürchte, <body> zu ändern ist wirklich die beste Wahl (Sie sollten immer davon ausgehen, dass <body> den Fußzeile Hintergrund diktiert).

Was Sie tun müssen, wickeln Sie alles über die Fußzeile in einem Container div, und wechseln Sie dann Ihr Körper Styling über den Container. Die gute Nachricht ist, dass es, abhängig davon, wie Ihre Site templatiert wird, nur darum geht, ein oder zwei Layout-Dateien zu optimieren.

Das Endergebnis ist, dass der Hintergrund von <body> die Illusion gibt, dass sich die Fußzeile bis zum unteren Rand des Fensters erstreckt.

Wie so ...

<body> 
    <div id="container"> 
     <!-- all your stuff --> 
    </div><!-- #container --> 
    <footer> 
     <!--footer stuff--> 
    </footer> 
</body>

Quelle

2012-04-12 17:53:18

leider habe ich bereits den körper und auch das html-tag mit anderen texturen kompromittiert, ist nicht möglich für mich das zu ändern, ich versuchte auch ein neues div als Tabris sagte, aber funktioniert nicht, – andresmijares25

Leider ist das wirklich Ihre einzige Option, da DOM-Elemente nach oben zusammenfallen und es gibt Keine Eigenschaft 'height: fill' in CSS. Wenn Sie Ihre Struktur überhaupt nicht ändern können, können Sie das Design entweder so anpassen, dass die Fußzeile als horizontales * Band * angezeigt wird, oder Sie können der Fußzeile eine "feste" oder "absolute" Position zuweisen. Wenn Sie sich für eine feste oder eine absolut positionierte Fußzeile entscheiden, würde ich empfehlen, CSS-Medienabfragen zu verwenden, um sie bei kleineren Bildschirmgrößen in "Position: relativ" zu ändern (damit Ihre Website auf mobilen Geräten und kleineren Bildschirmen nutzbar bleibt). –

footer erweiterungsfarbe css

Antwort

Verwandte Themen