Css-layout-Hilfe - 3-Spalten-footer
Ich versuche die Fußzeile in meiner Website wie folgt Aussehen:
Wilgrove Baptist Church Home | Über uns | Ministerien 1234 S. Main st. John G. Smith, Sr., Pastor Kontaktieren Sie Uns | Site Map irgendwo, ID 55555
Mein problem ist es angelegt in 3 Spalten. Irgendwelche Vorschläge?
Dank!
Du musst angemeldet sein, um einen Kommentar abzugeben.
Ganz leicht getan mit Schwimmern:
und CSS:
3-Spalten-layout generator
Hier eine Liste der dreispaltige CSS-layouts. Alistapart.com auch hat ein Artikel drauf.
Ich würde empfehlen, die überprüfung der 'Drei-Säulen-CSS-layouts" Liste; jeder link geht ins detail über das, was es sieht aus wie aus einer 'Zeitung Layout' Sicht, sowie die vor-und Nachteile der einzelnen. Ich benutzte es für ein drei-Spalten-layout für die Website Pflege ich.
Diese funktionieren nicht im IE 7 und vor, aber. In diesem Fall empfehle ich Ihnen dienenden (durch IE conditional comments) markup ähnlich wie alex, wo man einfach schwebt. Diese wird nicht center richtig, aber Sie werden sicherlich die Arbeit, und als die Menschen ein upgrade auf IE8 oder einen besseren browser, Sie werden automatisch aufwärtskonvertieren auf dem display:table-Lösung.
Drei Spalten von nahezu gleicher Breite:
HTML:
CSS:
Im Vergleich zu Jayx Antwort, ich habe die vereinfachte markup und verwendet verschiedene Selektoren im stylesheet.
Lesen Sie mehr über gebrochene Anteil Längen.
Eigentlich die text-align-code funktioniert, außer der Tatsache, dass Sie den text Angeln gegen Ende. Um dies zu beheben, wenden Sie einfach ein margin-top-negativen Wert ein, um eine Linie mit der linken text.
Werfen Sie einen Blick...
Ich verwendete den folgenden code auf meiner eigenen Website.
HTML:
CSS:
Alle Inhalte werden zentriert, weil das ist, was ich wollte. Sie können ganz einfach ändern Sie dieses, wenn.
Versuchen Sie dies:
Können Sie anpassen, die Polsterung, etc. entsprechend.