CSS-Layout Frage

7

Ich kann nicht für das Leben von mir einen Weg finden, um das zu funktionieren.

Wenn ich drei divs (eine linke Seitenleiste, einen Hauptkörper und eine Fußzeile) habe, wie kann ich die Seitenleiste und den Hauptkörper nebeneinander positionieren, ohne ihre Positionen als "absolut" festzulegen oder sie zu schweben? Das Ausführen einer dieser Optionen führt dazu, dass das Fußzeilen-DIV nicht von der einen oder anderen Seite gedrückt wird.

Wie kann ich dies erreichen, unabhängig davon, was vor diesen Elementen steht (sagen wir einen anderen Header div oder etwas)?

Falls es hilft, hier ist eine Illustration der beiden Fälle, die ich berücksichtigen möchte:

alt text http://www.nickawilliams.com/files/layout.jpg

Hier ist eine vereinfachte Version des HTML, das ich gerade eingerichtet habe:

%Vor%     
Wilco 08.11.2008, 02:49
quelle

3 Antworten

18

Sie müssen die Fußzeile angeben, um den Float zu löschen:

%Vor%

Dies zwingt es unter schwebende Elemente.

Andere Optionen zum Löschen sind links und rechts.

    
Vincent Ramdhanie 08.11.2008, 02:54
quelle
1
___ qstnhdr ___ CSS-Layout Frage ___ 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. ___ tag123xhtml ___ XHTML, eXtensible HyperText Markup Language, ist eine Anwendung von HTML, die auch ein gültiges XML-Dokument ist, im Gegensatz zu Standard-HTML, das auf SGML basiert. Es ist eine Auszeichnungssprache, die häufig für HTML-Seiten verwendet wird, die mit einem XML-basierten Tool erstellt werden. Verwenden Sie dieses Tag NICHT für Facelets. Verwenden Sie stattdessen [Facelets]. ___ tag123html ___ HTML (Hyper Text Markup Language) ist die Standard-Auszeichnungssprache, die zum Strukturieren von Webseiten und zum Formatieren von Inhalt verwendet wird. HTML beschreibt die Struktur einer Website semantisch zusammen mit Hinweisen für die Präsentation, wodurch sie eine Markup-Sprache statt einer Programmiersprache wird. Die neueste Revision der HTML-Spezifikation ist HTML5.2. ___ qstntxt ___

Ich kann nicht für das Leben von mir einen Weg finden, um das zu funktionieren.

Wenn ich drei divs (eine linke Seitenleiste, einen Hauptkörper und eine Fußzeile) habe, wie kann ich die Seitenleiste und den Hauptkörper nebeneinander positionieren, ohne ihre Positionen als "absolut" festzulegen oder sie zu schweben? Das Ausführen einer dieser Optionen führt dazu, dass das Fußzeilen-DIV nicht von der einen oder anderen Seite gedrückt wird.

Wie kann ich dies erreichen, unabhängig davon, was vor diesen Elementen steht (sagen wir einen anderen Header div oder etwas)?

Falls es hilft, hier ist eine Illustration der beiden Fälle, die ich berücksichtigen möchte:

alt text http://www.nickawilliams.com/files/layout.jpg

Hier ist eine vereinfachte Version des HTML, das ich gerade eingerichtet habe:

%Vor%     
___ answer274269 ___

Sie müssen die Fußzeile angeben, um den Float zu löschen:

%Vor%

Dies zwingt es unter schwebende Elemente.

Andere Optionen zum Löschen sind links und rechts.

    
___ answer436054 ___

Im Moment bist du ziemlich hoffnungslos, wenn du nichts schweben lassen willst, noch Position: absolut.

Die einzigen verbleibenden Alternativen sind:

  • Verwenden Sie display: inline-block für die Sidebar und Content-Divs (dies wird noch nicht von allen Browsern unterstützt)
  • warte auf das CSS-Modul für erweitertes Layout oder ein anderes Spaltenmodul (dauert wahrscheinlich ewig)
  • gehe zurück zu den Tabellen
___ antwort500381 ___

Wenn Sie eine dieser Optionen verwenden, wird das Fußzeilen-DIV nicht durch das eine oder andere gedrückt?

Probieren Sie dieses Tool

aus     
___
unigogo 01.02.2009 07:22
quelle
0

Im Moment bist du ziemlich hoffnungslos, wenn du nichts schweben lassen willst, noch Position: absolut.

Die einzigen verbleibenden Alternativen sind:

  • Verwenden Sie display: inline-block für die Sidebar und Content-Divs (dies wird noch nicht von allen Browsern unterstützt)
  • warte auf das CSS-Modul für erweitertes Layout oder ein anderes Spaltenmodul (dauert wahrscheinlich ewig)
  • gehe zurück zu den Tabellen
Marco Luglio 12.01.2009 16:46
quelle

Tags und Links

Django: Verwenden von Annotate, Count und Distinct in einem Queryset Was ist die bevorzugte Methode für eine 'WSDL' für den REST-Webservice?