zurück zur Startseite
  


Zurück XHTMLforum > (X)HTML und CSS > CSS
Seite neu laden Überschriften über zwei Spalten

Antwort
 
LinkBack Themen-Optionen Ansicht
  #1 (permalink)  
Alt 10.08.2007, 01:20
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 10.08.2007
Ort: München
Beiträge: 3
MeisterK befindet sich auf einem aufstrebenden Ast
Standard Überschriften über zwei Spalten

Es sieht so einfach aus, aber nach stundenlangem Rumprobieren bin ich noch zu keiner vernünftigen Lösung gekommen.
Ist folgendes überhaupt mit CSS (ohne Tabellen) möglich?



Mehrere Überschriften (blau) sollen sich über den kompletten Inhaltsbereich ausdehnen.
Unter den Überschriften sollen jeweils zwei Spalten (gelb) entstehen.
Mit Zitat antworten
Sponsored Links
  #2 (permalink)  
Alt 10.08.2007, 01:54
Benutzerbild von heiko_rs
Erfahrener Benutzer
XHTMLforum-Kenner
 
Registriert seit: 18.09.2005
Ort: Berlin
Beiträge: 9.848
heiko_rs ist ein wunderbarer Anblickheiko_rs ist ein wunderbarer Anblickheiko_rs ist ein wunderbarer Anblickheiko_rs ist ein wunderbarer Anblickheiko_rs ist ein wunderbarer Anblickheiko_rs ist ein wunderbarer Anblickheiko_rs ist ein wunderbarer Anblick
Standard

Kein Problem: Links floatet ul#navi, und rechts div#inhalt, das wiederum die Überschriften sowie die gelben divs enthält.
Mit Zitat antworten
Sponsored Links
  #3 (permalink)  
Alt 10.08.2007, 02:00
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 10.08.2007
Ort: München
Beiträge: 3
MeisterK befindet sich auf einem aufstrebenden Ast
Standard

Und wie bekomme ich die gelben divs nebeneinander und die blaue Überschrift darunter?
Mit Zitat antworten
  #4 (permalink)  
Alt 10.08.2007, 02:03
Benutzerbild von heiko_rs
Erfahrener Benutzer
XHTMLforum-Kenner
 
Registriert seit: 18.09.2005
Ort: Berlin
Beiträge: 9.848
heiko_rs ist ein wunderbarer Anblickheiko_rs ist ein wunderbarer Anblickheiko_rs ist ein wunderbarer Anblickheiko_rs ist ein wunderbarer Anblickheiko_rs ist ein wunderbarer Anblickheiko_rs ist ein wunderbarer Anblickheiko_rs ist ein wunderbarer Anblick
Standard

Zitat:
Zitat von MeisterK Beitrag anzeigen
wie bekomme ich die gelben divs nebeneinander
float: left;

Zitat:
Zitat von MeisterK Beitrag anzeigen
und die blaue Überschrift darunter?
clear: left;
Mit Zitat antworten
  #5 (permalink)  
Alt 15.08.2007, 11:22
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 10.08.2007
Ort: München
Beiträge: 3
MeisterK befindet sich auf einem aufstrebenden Ast
Daumen hoch Danke!

Ich habe noch einen Kasten drumrumgebaut, der die Gesamtbreite beschränkt.
Navigation, Inhaltsbereich und die gelben Bereiche floaten links.

Das komplette Beispiel: Layoutbeispiel
Mit Zitat antworten
  #6 (permalink)  
Alt 15.08.2007, 13:26
Benutzerbild von heiko_rs
Erfahrener Benutzer
XHTMLforum-Kenner
 
Registriert seit: 18.09.2005
Ort: Berlin
Beiträge: 9.848
heiko_rs ist ein wunderbarer Anblickheiko_rs ist ein wunderbarer Anblickheiko_rs ist ein wunderbarer Anblickheiko_rs ist ein wunderbarer Anblickheiko_rs ist ein wunderbarer Anblickheiko_rs ist ein wunderbarer Anblickheiko_rs ist ein wunderbarer Anblick
Standard

div.Umbruch brauchst Du nicht, da auch h2 clearen kann, und div#Inhalt sollte eine Breite bekommen, da float ohne width in dieser Konstellation relativ unberechenbar ist (z.B. zerhauen ältere 7er-Versionen von Opera das Design). Es ist aber auch kein Problem, hier eine Breite zu vergeben, da ja alle übrigen Breiten bekannt sind.
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
Layout: 2 Spalten gleich langer Höhe Boof CSS 1 05.03.2010 10:50
Problem beim ein/ausblenden von Spalten in Tabellen via CSS und JavaScript chrisol_76 CSS 2 21.07.2008 17:37
3 dynam. Spalten mit Inhaltsüberlauf spacegaier CSS 6 12.10.2007 00:24
2 Überschriften in Spalten gleich hoch HaraldMenza CSS 10 19.08.2007 23:06
3 Spalten immer gleich hoch. Wie mach ich das? Fanello CSS 7 21.02.2006 15:39


Alle Zeitangaben in WEZ +2. Es ist jetzt 20:48 Uhr.