CSS-Layout-Hilfe - 3 Spalten Fußzeile

8

Ich versuche, die Fußzeile auf meiner Site so aussehen zu lassen:

%Vor%

Mein Problem ist, es in die 3 Spalten zu legen. Irgendwelche Vorschläge?

Danke!

    
Micah 20.01.2009, 20:19
quelle

8 Antworten

13

Ganz einfach mit Floats:

%Vor%

und das CSS:

%Vor%     
Jayx 20.01.2009, 20:39
quelle
3
___ qstntxt ___

Ich versuche, die Fußzeile auf meiner Site so aussehen zu lassen:

%Vor%

Mein Problem ist, es in die 3 Spalten zu legen. Irgendwelche Vorschläge?

Danke!

    
___ answer473673 ___
%Vor%

Dies wird jedoch in IE 7 und früheren Versionen nicht funktionieren. In diesem Fall empfehle ich, sie (durch IE bedingte Kommentare) ähnlich wie Alex zu verwenden, wo Sie einfache Gleitkommazahlen verwenden. Diese werden nicht richtig zentriert, aber sie werden sicherlich funktionieren, und wenn Leute auf IE8 oder einen besseren Browser upgraden, werden sie automatisch auf die Anzeige: Tabellenlösung hochkonvertiert.

    
___ answer462950 ___

Hier finden Sie eine Liste dreispaltiger CSS-Layouts . Alistapart.com hat auch einen Artikel > darauf.

Ich würde empfehlen, die Liste "Dreispaltige CSS-Layouts" zu überprüfen. Jeder Link geht detailliert darauf ein, wie es von einem "Zeitungslayout" aus aussieht, sowie die Vor- und Nachteile von jedem. Ich verwendete es für ein dreispaltiges Layout für die Seite, die ich pflege .

    
___ antwort500399 ___

3 Spaltenlayoutgenerator

    
___ answer463004 ___

Ganz einfach mit Floats:

%Vor%

und das CSS:

%Vor%     
___ answer4869175 ___

Tatsächlich funktioniert der Text-Align-Code anders als die Tatsache, dass Sie den Text gegen Ende angelehnt haben. Um dies zu beheben, wenden Sie einfach einen negativen Randwert an, um ihn mit dem linken Text auszurichten. Sieh es dir an ...

%Vor%     
___ answer11183818 ___

Um drei fast gleich breite Spalten zu erhalten:

HTML:

%Vor%

CSS:

%Vor%

Im Vergleich zu Jayx 'Antwort habe ich das Markup vereinfacht und verschiedene Selektoren im Stylesheet verwendet.

Lesen Sie mehr über Teilprozentlängen .

    
___ answer11393816 ___

Ich habe den folgenden Code auf meiner eigenen Website verwendet.

HTML:

%Vor%

CSS:

%Vor%

Alle Inhalte werden in der Mitte ausgerichtet, weil das genau das ist, was ich wollte. Sie können dies jedoch leicht ändern.

    
___ tag123css ___ CSS (Cascading Style Sheets) ist eine Darstellungsstilsprache, die das Aussehen und die Formatierung von HTML (Hyper Text Markup Language), XML-Dokumenten (Extensible Markup Language) und SVG-Elementen einschließlich (aber nicht beschränkt auf) Farben beschreibt. Layout, Schriftarten und Animationen. ___ qstnhdr ___ CSS-Layout-Hilfe - 3 Spalten Fußzeile ___ answer462948 ___

Versuchen Sie Folgendes:

%Vor%

Sie können das Padding usw. entsprechend anpassen.

    
___
unigogo 01.02.2009 07:43
quelle
2

Hier finden Sie eine Liste dreispaltiger CSS-Layouts . Alistapart.com hat auch einen Artikel > darauf.

Ich würde empfehlen, die Liste "Dreispaltige CSS-Layouts" zu überprüfen. Jeder Link geht detailliert darauf ein, wie es von einem "Zeitungslayout" aus aussieht, sowie die Vor- und Nachteile von jedem. Ich verwendete es für ein dreispaltiges Layout für die Seite, die ich pflege .

    
George Stocker 20.01.2009 20:23
quelle
2
%Vor%

Dies wird jedoch in IE 7 und früheren Versionen nicht funktionieren. In diesem Fall empfehle ich, sie (durch IE bedingte Kommentare) ähnlich wie Alex zu verwenden, wo Sie einfache Gleitkommazahlen verwenden. Diese werden nicht richtig zentriert, aber sie werden sicherlich funktionieren, und wenn Leute auf IE8 oder einen besseren Browser upgraden, werden sie automatisch auf die Anzeige: Tabellenlösung hochkonvertiert.

    
Xanthir 23.01.2009 16:59
quelle
1

Um drei fast gleich breite Spalten zu erhalten:

HTML:

%Vor%

CSS:

%Vor%

Im Vergleich zu Jayx 'Antwort habe ich das Markup vereinfacht und verschiedene Selektoren im Stylesheet verwendet.

Lesen Sie mehr über Teilprozentlängen .

    
Daze 25.06.2012 05:18
quelle
0

Tatsächlich funktioniert der Text-Align-Code anders als die Tatsache, dass Sie den Text gegen Ende angelehnt haben. Um dies zu beheben, wenden Sie einfach einen negativen Randwert an, um ihn mit dem linken Text auszurichten. Sieh es dir an ...

%Vor%     
Tabetha Moe 01.02.2011 23:27
quelle
0

Ich habe den folgenden Code auf meiner eigenen Website verwendet.

HTML:

%Vor%

CSS:

%Vor%

Alle Inhalte werden in der Mitte ausgerichtet, weil das genau das ist, was ich wollte. Sie können dies jedoch leicht ändern.

    
shea 09.07.2012 11:05
quelle
-2

Versuchen Sie Folgendes:

%Vor%

Sie können das Padding usw. entsprechend anpassen.

    
alex 20.01.2009 20:23
quelle

Tags und Links

Django: Verwenden von Annotate, Count und Distinct in einem Queryset Welcher vererbte Code hat dich beeindruckt oder inspiriert?