zurück zur Startseite
  


Zurück XHTMLforum > (X)HTML und CSS > CSS
Seite neu laden 3 Spalten Layout, mal anders

Antwort
 
LinkBack Themen-Optionen Ansicht
  #1 (permalink)  
Alt 01.03.2007, 14:38
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 01.03.2007
Beiträge: 2
Sushimeister befindet sich auf einem aufstrebenden Ast
Standard 3 Spalten Layout, mal anders

Hallo Leute,

ich müsste ein 3-Spalten Layout realisieren, allerdings muss ich auf den XHTML-Code achten, dazu aber gleich mehr!
Die Gesamtbreite der Seite ist auf 750px festgesetzt, dazu habe ich einen umspannenden div-tag benutzt, der mittig gesetzt ist via margin: auto.
Das klappt soweit auch! Nun aber zu dem Problem!

Das Layout soll also so aussehen:
1. Spalte | 2. Spalte | 3. Spalte

Dabei sollen die Spalten optisch direkt aneinanderstehen, also keine Freiräume haben. Die 1. Spalte hat einen border-right, die 3. Spalte einen border-left.


Nun, im Quelltext sähe das dann ungefähr so aus:

PHP-Code:
<div id="umspanntag">
  <
div id="erste">1. Spalte</div>
  <
div id="zweite">2. Spalte</div>
  <
div id="dritte">3. Spalte</div>
</
div
Soweit, so gut, würde ja auch alles klappen. Nun möchte ich aber den Code für Screenreader optimieren! Da die 2. Spalte am wichtigsten ist, sollte sie im Quelltext ganz oben stehen, bzw so weit oben wie möglich. Und da liegt der Hund begraben...

Wenn ich das so mache...

PHP-Code:
<div id="umspanntag">
  <
div id="erste">2. Spalte</div>
  <
div id="zweite">1. Spalte</div>
  <
div id="dritte">3. Spalte</div>
</
div
Dann schaffe ich es zwar, die linke (also 1.) und die mittlere (also 2.) Spalte richtig zu setzen, aber die rechte macht Probleme.
Wenn ich die "absolute" positioniere, dann wäre das Layout nicht mehr mittig. Zumindest habe ich da keine Lösung gefunden.


Für kreative Lösungsvorschläge jeglicher Art bin ich sehr dankbar!!

Greetz,
Sushimeister
Mit Zitat antworten
Sponsored Links
  #2 (permalink)  
Alt 01.03.2007, 15:21
Benutzerbild von kadees
Erfahrener Benutzer
XHTMLforum-Mitglied
 
Registriert seit: 22.06.2004
Ort: in Baden (nicht Schwaben)
Beiträge: 791
kadees wird schon bald berühmt werden
Standard

Schau mal hier:
Layout Gala: a collection of 40 CSS layouts based on the same markup and ready for download!
Denke Nr.7 könnte interessant sein.
__________________
Gruss Dieter

Vegetarier essen meinem Essen das Essen weg.
Und unsere Norweger sind reine Karnivoren.

selfhtml | css4you | jendryschik | styleworks | Webdesign mit XHTML und CSS
Mit Zitat antworten
Sponsored Links
  #3 (permalink)  
Alt 05.03.2007, 11:15
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 01.03.2007
Beiträge: 2
Sushimeister befindet sich auf einem aufstrebenden Ast
Standard

Merci beaucoup - genau das was ich gesucht hab!!
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
2 Spalten Layout INKL. 1 Spalten Layout miedsegadse CSS 20 14.04.2011 00:02
Layout: 2 Spalten gleich langer Höhe Boof CSS 1 05.03.2010 10:50
3 Spalten fixed width css layout sharepointkb CSS 9 28.02.2010 20:00
Layout mit bis zu 7 Spalten (DIV) michael-r CSS 3 23.06.2009 18:26
3 Spalten Layout in CSS sisa CSS 1 22.09.2006 09:28


Alle Zeitangaben in WEZ +2. Es ist jetzt 10:59 Uhr.