zurück zur Startseite
  


Zurück XHTMLforum > (X)HTML und CSS > (X)HTML
Seite neu laden 3 Spalten Layout: unbeabsichtigtes global clearing

Antwort
 
LinkBack Themen-Optionen Ansicht
  #1 (permalink)  
Alt 30.04.2011, 13:50
Erfahrener Benutzer
XHTMLforum-Mitglied
Thread-Ersteller
 
Registriert seit: 26.03.2008
Beiträge: 372
Cu Chullain befindet sich auf einem aufstrebenden Ast
Standard 3 Spalten Layout: unbeabsichtigtes global clearing

Ich habe 3 Spalten in meinem Template eines CMS die dynamisch dazugeneriert werden oder eben nicht.
Der Main Content hat dabei kein float. das Problem ist auch sofort klar: Wenn für einen, innerhalb des Contents gefloateten, Div den clearfix brauche, dann wird global auch für die linke und die reche spalte gecleart.
Wie man liest, kann man das umgehen indem man den main Content ebenfalls floatet.
Das screwt aber mein gesamtes Layout up weil das Layout auf einem zentralen nicht gefloateten div basiert.

Wie gehe ich damit um?
__________________
Cu Chullain
Mit Zitat antworten
Sponsored Links
  #2 (permalink)  
Alt 30.04.2011, 19:26
Benutzerbild von plastiko
Erfahrener Benutzer
XHTMLforum-Mitglied
 
Registriert seit: 26.12.2007
Ort: Hannover
Beiträge: 945
plastiko ist ein Lichtblickplastiko ist ein Lichtblickplastiko ist ein Lichtblickplastiko ist ein Lichtblickplastiko ist ein Lichtblick
Standard

Zeige doch mal dein Grundgerüst.
Für Fragende, für Antwortende
__________________
MfG
Jens
Mit Zitat antworten
Sponsored Links
  #3 (permalink)  
Alt 01.05.2011, 01:04
Erfahrener Benutzer
XHTMLforum-Mitglied
Thread-Ersteller
 
Registriert seit: 26.03.2008
Beiträge: 372
Cu Chullain befindet sich auf einem aufstrebenden Ast
Standard

Testcase

Bitte beachten, dass der User irgendwelche Bilder in den Content stellen (kann). das IMG kann also wild irgendwo ine inem <p></p> tag vorkommen, wie es auch im Beispiel der Fall ist.

Danke schon für eure Ideen. (Hab mal nur die rechte Spalte)
__________________
Cu Chullain
Mit Zitat antworten
  #4 (permalink)  
Alt 01.05.2011, 15:58
Benutzerbild von Manfred62
Erfahrener Benutzer
XHTMLforum-Kenner
 
Registriert seit: 18.09.2009
Ort: Ludwigsburg
Beiträge: 2.134
Manfred62 ist einfach richtig nettManfred62 ist einfach richtig nettManfred62 ist einfach richtig nettManfred62 ist einfach richtig nettManfred62 ist einfach richtig nett
Standard

Hmm, du kannst doch im css deines CMS den Style festlegen.
Beispiel: .moduletable p img {float: left; margin:...}
Somit hast du das Grundlayout eines Beitrags festgelegt.
Die Besucher können also da nichts ändern.

Die max-Größe des img würde ich im CMS auch festlegen.

Manfred
Mit Zitat antworten
  #5 (permalink)  
Alt 01.05.2011, 17:28
Erfahrener Benutzer
XHTMLforum-Mitglied
Thread-Ersteller
 
Registriert seit: 26.03.2008
Beiträge: 372
Cu Chullain befindet sich auf einem aufstrebenden Ast
Standard

Zitat:
Zitat von Manfred62 Beitrag anzeigen
Hmm, du kannst doch im css deines CMS den Style festlegen.
Beispiel: .moduletable p img {float: left; margin:...}
Somit hast du das Grundlayout eines Beitrags festgelegt.
Die Besucher können also da nichts ändern.

Die max-Größe des img würde ich im CMS auch festlegen.

Manfred
User können selbst entscheiden ob sie links oder rechts floaten und wie gross irgendwelche Bilder sind die si in Beiträgen anzeigen lassen
WYSIWYG editor...
Damit wäre das Problem des clearing übrigens nicht gelöst
__________________
Cu Chullain
Mit Zitat antworten
  #6 (permalink)  
Alt 01.05.2011, 17:39
Erfahrener Benutzer
XHTMLforum-Kenner
 
Registriert seit: 28.01.2005
Beiträge: 11.775
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 Cu Chullain Beitrag anzeigen
Wenn für einen, innerhalb des Contents gefloateten, Div den clearfix brauche, dann wird global auch für die linke und die reche spalte gecleart.
Wie man liest, kann man das umgehen indem man den main Content ebenfalls floatet.
Das screwt aber mein gesamtes Layout up weil das Layout auf einem zentralen nicht gefloateten div basiert.
Der letze Satz ist für mich gänzlich unverständlich.
Definiere "screwt". Was ist das "zentrale, nicht gefloatete Div"?

Um globales Clear zu verhindern, muss das Clear in einem Block Formatting Context (Google!) eingeschlossen werden. Float ist nur eine Möglichkeit, das zu tun -- meist die beste.
Mit Zitat antworten
  #7 (permalink)  
Alt 01.05.2011, 17:59
Erfahrener Benutzer
XHTMLforum-Mitglied
Thread-Ersteller
 
Registriert seit: 26.03.2008
Beiträge: 372
Cu Chullain befindet sich auf einem aufstrebenden Ast
Standard

Haha wie geil wollte grad auch die Antwort schreiben weil ichs gefunden hab
vielen Dank aber. Hier noch paar gute Links falls jemand auf den Thread stösst:
Visual formatting model
The magic of
__________________
Cu Chullain
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 01:02
Layout: 2 Spalten gleich langer Höhe Boof CSS 1 05.03.2010 11:50
Layout mit bis zu 7 Spalten (DIV) michael-r CSS 3 23.06.2009 19:26
3 Spalten Layout, mal anders Sushimeister CSS 2 05.03.2007 12:15
3 Spalten Layout in CSS sisa CSS 1 22.09.2006 10:28


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