zurück zur Startseite
  


Zurück XHTMLforum > (X)HTML und CSS > CSS
Seite neu laden Verzweiflung mit drei Spalten per float

Antwort
 
LinkBack Themen-Optionen Ansicht
  #1 (permalink)  
Alt 22.04.2007, 00:02
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 21.04.2007
Ort: Deutschland
Beiträge: 5
Mondschatten befindet sich auf einem aufstrebenden Ast
Standard Verzweiflung mit drei Spalten per float

Ihr Lieben,

nach mehreren Tagen und Nächten erfolglosen Forschens brauche ich auf dem Weg zu einer Lösung einen neuen Denkanstoß. Vielleicht ist die Lösung ja ganz einfach und ich verschwende Stunden.

Ausgangssituation:
Ich habe ein div als Nest, welches drei weitere divs ("content_left", "content" und "content_right") beherbergt. Die divs "content_left" und "content_right" sollen mit fester Breite jeweils am Rand stehen (der Name verrät schon, wo) und das div "content" soll größenveränderlich die Mitte ausfüllen.

Ich dachte, so funktioniert es in der css-Datei:

PHP-Code:
#content_nest {
    
min-height:600px;
    
height:auto !important;
    
height:600px;    
    
padding5px;
    
border0px;
    
margin1px;
    
background#FFFFFF;
}

#content_left {
    
float:left;
    
width:160;
    
padding2px;
    
border1px solid #C5D8C0;
    
background-color:white;color:black;
    
border-right2px solid #B0B7AF;
    
border-bottom2px solid #B0B7AF;
    
overflow:hidden;
}

#content {
    
background#FFFFFF;
    
background-image:url(http://www.isjetztegal.de/images/background.jpg);
    
background-repeat:repeat-y;
    
overflow:auto;
}

#content_right {
    
float:right;
    
width:160;
    
border1px solid #C5D8C0;
    
background-color:white;color:black;
    
border-right2px solid #B0B7AF;
    
border-bottom2px solid #B0B7AF;
    
overflow:hidden;

Das dachte ich nur.
Im Firefox funktioniert es, ich habe drei schöne Spalten nebeneinander.
Im IE dagegen sind die schönen Spalten nur anfangs nebeneinander - am unteren Ende von "content_left" nimmt "content" (also die mittlere Spalte) dann die komplette Seitenbreite ein. "content_left" wird also von "content" umflossen.

Ich habe mich heißgegoogelt und alle Beispiele, die ich finde, sind im Grunde die gleiche Lösung wie die von mir verwandte. Eine Breitenangabe für die mittlere Spalte hilft mir nichts, da sie sich ja der Größe anpassen soll. Für die mittlere Spalte einen linken Rand anzugeben macht auch keinen Sinn - dann nickt der IE und der Firefox baut ihn (korrekter Weise) zwischen den linken und den mittleren div.

Wo ist mein Denkfehler? Alle Beispiele, die ich fand, sehen so einfach aus, aber bei mir mag es einfach nicht klappen.

Einen Beispiellink gebe ich per PM gerne.

Viele Grüße
Mondschatten
Mit Zitat antworten
Sponsored Links
  #2 (permalink)  
Alt 22.04.2007, 00:12
Erfahrener Benutzer
XHTMLforum-Kenner
 
Registriert seit: 28.01.2005
Beiträge: 11.780
fricca kann auf vieles stolz seinfricca kann auf vieles stolz seinfricca kann auf vieles stolz seinfricca kann auf vieles stolz seinfricca kann auf vieles stolz seinfricca kann auf vieles stolz seinfricca kann auf vieles stolz seinfricca kann auf vieles stolz sein
Standard

Poste bitte vollständigen und validierten Code.
Siehe auch http://xhtmlforum.de/40080-fuer-frag...twortende.html

Zitat:
Für die mittlere Spalte einen linken Rand anzugeben macht auch keinen Sinn - dann nickt der IE und der Firefox baut ihn (korrekter Weise) zwischen den linken und den mittleren div.
Der Firefox macht das nur, weil du overflow:auto angegeben hast. Warum machst du das?
Mit Zitat antworten
Sponsored Links
  #3 (permalink)  
Alt 22.04.2007, 01:18
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 21.04.2007
Ort: Deutschland
Beiträge: 5
Mondschatten befindet sich auf einem aufstrebenden Ast
Standard

Zitat:
Zitat von fricca Beitrag anzeigen
Der Firefox macht das nur, weil du overflow:auto angegeben hast. Warum machst du das?
...nehme ich es raus, ändert es auch nichts am Ergebnis.

Viele Grüße
Mondschatten
Mit Zitat antworten
  #4 (permalink)  
Alt 22.04.2007, 02:28
Erfahrener Benutzer
XHTMLforum-Kenner
 
Registriert seit: 28.01.2005
Beiträge: 11.780
fricca kann auf vieles stolz seinfricca kann auf vieles stolz seinfricca kann auf vieles stolz seinfricca kann auf vieles stolz seinfricca kann auf vieles stolz seinfricca kann auf vieles stolz seinfricca kann auf vieles stolz seinfricca kann auf vieles stolz sein
Standard

Zitat:
Zitat von Mondschatten Beitrag anzeigen
...nehme ich es raus, ändert es auch nichts am Ergebnis.
Doch, tut es ganz bestimmt.

Grundlagen zu float findest du in den FAQ.
Mit Zitat antworten
  #5 (permalink)  
Alt 22.04.2007, 02:55
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 21.04.2007
Ort: Deutschland
Beiträge: 5
Mondschatten befindet sich auf einem aufstrebenden Ast
Standard

Hallo fricca,

ich habe es herausgenommen, und es hat sich nichts an dem beschriebenen Erscheinungsbild geändert. Ich hätte die Behauptung nicht aufgestellt, ohne dass ich es probiert hätte.

Zu den Floating-Grundlagen habe ich mittlerweile (ehrlich!) tonnenweise Literatur gelesen, Beispiele nachgebaut, Werte probehalber verändert. All das hat eben nichts geholfen, ansonsten hätte ich hier nicht gepostet.

Viele Grüße
Mondschatten
Mit Zitat antworten
  #6 (permalink)  
Alt 22.04.2007, 12:00
Erfahrener Benutzer
XHTMLforum-Kenner
 
Registriert seit: 28.01.2005
Beiträge: 11.780
fricca kann auf vieles stolz seinfricca kann auf vieles stolz seinfricca kann auf vieles stolz seinfricca kann auf vieles stolz seinfricca kann auf vieles stolz seinfricca kann auf vieles stolz seinfricca kann auf vieles stolz seinfricca kann auf vieles stolz sein
Standard

Zitat:
Zitat von Mondschatten Beitrag anzeigen
ich habe es herausgenommen, und es hat sich nichts an dem beschriebenen Erscheinungsbild geändert.
Dann machst du etwas falsch.
Lies meine erste Antwort, ganz besonders den Link.
Mit Zitat antworten
  #7 (permalink)  
Alt 22.04.2007, 12:30
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 21.04.2007
Ort: Deutschland
Beiträge: 5
Mondschatten befindet sich auf einem aufstrebenden Ast
Standard

...dass ich etwas falsch mache, ist mir schon klar. Leider weiß ich nicht was - und auch Dein Link konnte mir nicht helfen. Wie ich eingangs bereits erwähnte, mir fehlt jeder Denkanstoß, was ich noch verändern könnte. Auch den in diesem Forum an anderer Stelle gegebenen Tipp, dass der Inhalt der mittleren Spalte im Quelltext an letzter Stelle kommen muss, habe ich umgesetzt, leider ebenso ohne Veränderung am Ergebnis. Die Seiten aufzuzählen, an denen das (sogenannte) klassische Dreispaltenlayout erklärt wird und die ich versucht habe, nachzuvollziehen, würde hier den Rahmen sprengen. Ich habe die Hilfe von Firebug in Anspruch genommen - er zeigt mir einen grünen Haken für "null Fehler", wenn ich die gebaute Testseite aufrufe. Selbst The W3C Markup Validation Service beklagt keine Fehler, die mit dem Layout in Verbindung stehen könnte.

Ich hatte gehofft, dass ich betriebsblind geworden bin oder einen Denkfehler begangen habe, der Anderen ins Auge sticht, manchmal ist es ja so. Darum ging es mir. Das scheint dann wohl nicht so zu sein.

Viele Grüße
Mondschatten
Mit Zitat antworten
  #8 (permalink)  
Alt 22.04.2007, 12:32
Erfahrener Benutzer
XHTMLforum-Kenner
 
Registriert seit: 28.01.2005
Beiträge: 11.780
fricca kann auf vieles stolz seinfricca kann auf vieles stolz seinfricca kann auf vieles stolz seinfricca kann auf vieles stolz seinfricca kann auf vieles stolz seinfricca kann auf vieles stolz seinfricca kann auf vieles stolz seinfricca kann auf vieles stolz sein
Standard

Zitat:
Zitat von Mondschatten Beitrag anzeigen
Ich hatte gehofft, dass ich betriebsblind geworden bin oder einen Denkfehler begangen habe, der Anderen ins Auge sticht,
Wie soll "anderen" etwas ins Auge stechen, was sie nicht einmal sehen können.
Du hast weder meine erste Antwort gelesen und verstanden, noch den geposteten Link.
Solange du nur (nicht valide!) CSS-Schnipsel abwirst, *kann* dir niemand helfen.

Geändert von fricca (22.04.2007 um 12:34 Uhr)
Mit Zitat antworten
  #9 (permalink)  
Alt 22.04.2007, 12:45
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 21.04.2007
Ort: Deutschland
Beiträge: 5
Mondschatten befindet sich auf einem aufstrebenden Ast
Standard

Zitat:
Zitat von fricca Beitrag anzeigen
Wie soll "anderen" etwas ins Auge stechen, was sie nicht einmal sehen können.
...ich hatte geschrieben, dass ich einen Beispiellink - an dem man problemlos mehr hätte sehen können - per PM weitergebe. Ich habe meine Gründe, ihn nicht öffentlich zu posten.

Zitat:
Zitat von fricca Beitrag anzeigen
Du hast weder meine erste Antwort gelesen
Unwahr!

Da ich es nicht für erforderlich halte und auch diesen Ort nicht als geeignete Stelle empfinde, mich zu streiten - mir ging es um das Problem und nicht darum, sich gegenseitig anzugiften, ziehe ich meine Frage hiermit zurück. Möglicherweise bin ich noch nicht Purist genug für diese Liga.

Ich wünsche allen einen schönen Tag, einen heißen Sommer und viel Erfolg mit Euren Projekten.

Viele Grüße
Mondschatten

Thread kann geschlossen werden.
Mit Zitat antworten
Sponsored Links
  #10 (permalink)  
Alt 22.04.2007, 12:48
Erfahrener Benutzer
XHTMLforum-Kenner
 
Registriert seit: 28.01.2005
Beiträge: 11.780
fricca kann auf vieles stolz seinfricca kann auf vieles stolz seinfricca kann auf vieles stolz seinfricca kann auf vieles stolz seinfricca kann auf vieles stolz seinfricca kann auf vieles stolz seinfricca kann auf vieles stolz seinfricca kann auf vieles stolz sein
Standard

Zitat:
Zitat von Mondschatten Beitrag anzeigen
...ich hatte geschrieben, dass ich einen Beispiellink - an dem man problemlos mehr hätte sehen können - per PM weitergebe. Ich habe meine Gründe, ihn nicht öffentlich zu posten.
Du kannst hier vollständigen Code posten, das ist völlig ausreichend.
Lösungen per PM entsprechen nicht dem Sinn eines Forums.


Zitat:
Unwahr!
Du hast den Teil "und verstanden" unterschlagen. Und das ist offensichtlich nicht unwahr.

Dir ist leider wirklich nicht zu helfen.
Mit Zitat antworten
Sponsored Links
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
Float-Problem? mischaef CSS 33 20.10.2010 17:20
CSS 3 Spalten Layout mit float --> Umbruch verhindern der_die_das CSS 1 27.10.2009 06:57
zwei Spalten nebeneinander pixel24 CSS 7 02.07.2009 09:23
Mozilla zeigt DIV zu oft an cracki CSS 6 09.03.2008 16:22
IE zeigt gewisse Texte nicht an zitronenbaum CSS 2 16.01.2008 16:25


Alle Zeitangaben in WEZ +2. Es ist jetzt 08:26 Uhr.