zurück zur Startseite
  


Zurück XHTMLforum > (X)HTML und CSS > (X)HTML
Seite neu laden 3-Spaltiges Layout oder Wo sind die Grenzen von XHTML/CSS?

Antwort
 
LinkBack Themen-Optionen Ansicht
  #1 (permalink)  
Alt 08.10.2005, 15:44
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 08.10.2005
Beiträge: 7
audi befindet sich auf einem aufstrebenden Ast
Standard 3-Spaltiges Layout oder Wo sind die Grenzen von XHTML/CSS?

Hallo,
habe ein riesen CSS-Problem, welches ich nicht gelöst bekomme! Vielleicht ist es für Euch auch interessant, also bitte nicht an der Länge meine Beschreibung verzweifeln- es geht mir um u.a. die grundsätlziche Frage, ob ich alles, was ich mit Tabellendesign auch mit tabellenlosem XHTML/CSS darstellen kann?

Ich möchte ein 3-spaltiges Design entwickeln welches folgende Anforderungen erfüllt:

ein erstes div (wrapper, ca. 700px breit) welches alle weiteren divs umschliesst und das ganz mittig darstellt (soweit kein Problem)

ein Header-div (z.B. Höhe 80px) in dem sich irgendein Headerinhalt befindet (auch kein Problem)

in dem wrapper-div befinden sich zudem 3 nebeneinenderliegende Spalten (über divs realisiert, unterhalb des header-divs ). Jede Spalte hat eine eigene Farbe! (kann ggf. gerne über Hintergrundbild in Wrapper realisiert werden).


Variante 1: die Spalten werden so dargestellt (zumindest soll es so aussehen, kann also geschummetl sein), dass sie bis zum Ende der Seite (Ende des Browserfensters) laufen.
Wichtig: was in diesem Falle nicht geht, ist ein Hintergrundbild für den Bodybereich, welches mittig platziert wird! Bitte also so nicht einbinden. Das aussehen der 3-spaltigkeit bis zum Seitenende müsste schon irgendwie durch das wrapper-div oder die darin enthaltenen divs realisiert werden!

Variante 2:
die 3 Spalten müssen nicht zwingend bis zum Ende der Seite (Browserfenster) laufen, sollen aber immer alle auf einer Höhe miteinander abschliessen und zwar egal (und das ist hier mein wesentliches Probelm!!), in welcher der 3 Spalten sich der längste Inhalt befindet!

Das ganze sollte ohne Javascript o.ä. laufen, also rein über XHTML/CSS.

Zusatzanforderung, die aber auch weggelassen werden könnte: (am Ende der ganzen Geschichte sollte noch ein Footer auftauchen).

Ist das möglich?!?

Tausend Dank für Eure Hilfe und Kommentare
Audi
Mit Zitat antworten
Sponsored Links
  #2 (permalink)  
Alt 08.10.2005, 19:02
Erfahrener Benutzer
XHTMLforum-Kenner
 
Registriert seit: 20.02.2005
Beiträge: 1.045
Tigereye befindet sich auf einem aufstrebenden Ast
Standard

Weiß nicht, ob ich das alles richtig verstanden habe, aber ne Suche nach "faux columns" schadet nie! Dadurch könnte man zumindest das "Mitwachsen" der beiden vom Inhalt her kürzeren divs realisieren!
Mit Zitat antworten
Sponsored Links
  #3 (permalink)  
Alt 08.10.2005, 20:06
Benutzer
neuer user
 
Registriert seit: 02.10.2005
Beiträge: 45
B. Scheuert befindet sich auf einem aufstrebenden Ast
Standard

Hast du evtl. mal ein GIF oder JPG, dass die fertige Seite darstellt?
Manche Dinge die man mit CSS nicht umsetzen kann lassen sich aber grafisch lösen.

Leider kann ich mir trotz deiner ausführlichen Erklärung nicht das Endprodukt vorstellen.

Gruß B.
Mit Zitat antworten
  #4 (permalink)  
Alt 09.10.2005, 13:45
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 08.10.2005
Beiträge: 7
audi befindet sich auf einem aufstrebenden Ast
Standard

vielen Dank für Eure Beiträge!

In einem anderen Forum habe ich die Lösung bekommen:
http://forum.jswelt.de/showpost.php?...9&postcount=12

Grüße,
Audi
Mit Zitat antworten
  #5 (permalink)  
Alt 09.10.2005, 15:21
Benutzerbild von E|H
E|H E|H ist offline
body:hover{display:none;}
XHTMLforum-Kenner
 
Registriert seit: 27.01.2005
Beiträge: 1.325
E|H befindet sich auf einem aufstrebenden Ast
Standard

1. Ich würde kein XHTML 1.1 und keinen xml-Prolog verwenden.

2. Im Header Fehlen noch ein paar Sachen.

3. Für das clear:both; braucht man schonmal kein
, wenn man einen footer hat.

4. Der Anfang vom CSS ich wirklich unnötig umständlich. Aber der läßt sich insgesamt noch optimieren.

5. Für den wrapper würde ich eine Breite wählen, die sich durch drei teilen läßt.

6. Ich bin mir nicht sicher, ob das dein Problem wirklich löst.
Mit Zitat antworten
  #6 (permalink)  
Alt 09.10.2005, 15:34
Erfahrener Benutzer
XHTMLforum-Kenner
 
Registriert seit: 02.06.2003
Beiträge: 2.441
ulle befindet sich auf einem aufstrebenden Ast
Standard

http://www.xhtmlforum.de/viewtopic.php?p=40534#40534
__________________
</ulle>
Mit Zitat antworten
Antwort

Themen-Optionen
Ansicht

Forumregeln
Es ist Ihnen nicht erlaubt, neue Themen zu verfassen.
Es ist Ihnen nicht erlaubt, auf Beiträge zu antworten.
Es ist Ihnen nicht erlaubt, Anhänge hochzuladen.
Es ist Ihnen nicht erlaubt, Ihre Beiträge zu bearbeiten.

BB-Code ist an.
Smileys sind an.
[IMG] Code ist an.
HTML-Code ist aus.
Trackbacks are an
Pingbacks are an
Refbacks are aus


Ähnliche Themen
Thema Autor Forum Antworten Letzter Beitrag
3 Spaltiges Layout mit CSS - Fluid Fixed Fluid chuha CSS 3 23.12.2011 13:37
3 spaltiges Layout mit CSS Serpico CSS 2 20.12.2010 16:53
Untermenü im IE nici CSS 10 22.06.2009 22:19
2 spaltiges Layout, unabhängig scrollbar Plasm CSS 6 15.02.2008 11:31
3 spaltiges Layout, die 100.000te Speedoo CSS 21 18.08.2006 11:13


Alle Zeitangaben in WEZ +2. Es ist jetzt 09:22 Uhr.