|
|||
mal wieder: divs mit variabler Breite
Servus,
ich sitz gerade an einem Joomla-Template. dabei soll es links und rechts neben dem Inhalt Modulpositionen geben, die aber nicht auf allen Seiten Inhalt enthalten sollen. Ich habe ein umgebendes Div mit fixer Breite (#center). Darin soll das Div #left, das links floatet und das div #content das rechts floatet enthalten sein. In #content sind wiederum zwei Divs (#main und #right) die dann wieder links und rechts floaten. Quasi ein dreispaltiges Layout. Ziel wäre jetzt, den Inhalt von #main immer auf volle Breite zu bekommen, egal ob und wie viel Inhalt sich in #left und #right befindet. HTML-Code:
<div id="center"> <div id="left"> <jdoc:include type="modules" name="left" style="xtml" /> </div> <div id="content"> <div id="main"> <jdoc:include type="component" style="xhtml"/> <!-- include inhalt der seite--> </div> <div id="right"> <jdoc:include type="modules" name="right" style="xtml" /> </div> <div class="clear"></div> </div> <div class="clear"></div> </div><!--end div center--> Wenn sich das Problem für #left und #content lösen lässt, sind #main und #right natürlich hinfällig. Schonmal danke Schwammakobf |
Sponsored Links |
|
||||
Du kannst #main ungefloatet lassen und nur #left float:left geben.
Hat #left eine feste Breite?
__________________
CSS-FAQ beantwortet die meisten Fragen | Retro coding gegen Divitis | Code validieren & posten für Hilfe |
Sponsored Links |
|
|||
Hallo ArcVieh,
#left hat leider keine feste Breite...das ist ja das Problem...sonst könnte #content auch einen fixen Abstand von links einhalten und das Prob wäre gelöst eigentlich kann man das Problem auf folgendes herunterbrechen: Die Breite des umgebenden Containers ist fix (980px) darin sollen zwei Container sein: #left und #content #content soll immer 100% Breite haben (also auch 980px)! Außer, in #left wird auch Inhalt geladen. Dann soll #content die Breite [width: 980px - width(#left)] haben und quasi den kompletten Bereich zwischen #left und rechtem Containerrand füllen. |
|
||||
Ach so.
Leere Elemente sind aber nicht gut - ich würde eher mit if-Klauseln bei Joomla abfragen, ob da Inhalt geladen wird. Und wenn ja, soll das div#left dazu kommen und sich zB die Klasse von content ändern (um die Breite ggf anzupassen). Ich habe seit Jahren nicht mehr mit Joomla gearbeitet, da ich das CMS als eher "schrottig" bewerte (kA wie es heute ist). Aber schon damals konnte man da mit einer if-Klausel abfragen, ob Module geladen werden oder nicht -- musst Du mal schauen.
__________________
CSS-FAQ beantwortet die meisten Fragen | Retro coding gegen Divitis | Code validieren & posten für Hilfe |
|
|||
Ok, das ist natürlich ein vollkommen anderer Ansatz...Danke
Dann werd ich mal probieren, das auf diese Art zu lösen. Trotzdem würds mich irgendwie interessieren... kann doch eine allzu seltene Anforderung sein, nebeneinander liegende Bereiche in variablen Größen zu gestalten... |
|
||||
Zitat:
Du kannst #left & #right & #main floaten. #content könntest Du wiederum eine Hintergrundfarbe wie #main zuweisen, dann würde shrink-to-fit bei #main optisch nicht aufallen - wenn ich nicht gerade einen Denkfehler hab. Du kannst auch mal hier schauen: http://xhtmlforum.de/40267-faq-h-ufi...-und.html#faq3
__________________
CSS-FAQ beantwortet die meisten Fragen | Retro coding gegen Divitis | Code validieren & posten für Hilfe |
|
|||
wenn ich dich jetzt richtig verstanden hab, geht das aber auch nicht...
Der linke Rand von meinem content würde sich ja trotzdem nicht verschieben. mit der Hintergrundfarbe hat das ja zunächst mal noch gar nichts zu tun (wir sind ja quasi jetzt auf dem Stand, dass nur 2 divs enthalten sind) der Bereich #left muss ja nicht zwangsläufig leer sein: er dürfte ja auch einfach mit dem enthaltenen Text in die Breite wachsen. (angenommen ich hätte darin ein Menü, das unterschiedlich lange Menüpunkte enthält...oder zusätzlich aufklappende submenüs, die dann das Menü nach rechts erweitern) werd mir nachher mal den Link ansehen...evtl ist da ja noch irgend ein tipp drin. Trotzdem danke, dass du dich damit auseinandersetzt! Gruß Schwammakobf |
|
||||
Zitat:
Zitat:
Mein Vorschlag funktioniert zwar, sollte aber #content zu viel Inhalt haben, rutscht es einfach nach unten. Wobei Du da mit max-width arbeiten könntest, was dann aber wiederum zu unterschiedliche Abständen führen könnte. Wie Du merkst, ist das nicht ganz so einfach. Aber ich würde es - wie bereits empfohlen - über die Template-Funktionen von Joomla! regeln.
__________________
CSS-FAQ beantwortet die meisten Fragen | Retro coding gegen Divitis | Code validieren & posten für Hilfe |
|
|||
Zitat:
Ist tatsächlich ein interessanteres Problem als zunächst vermutet. Ich werds dann auch mal über's Joomla versuchen. Vielen Dank Schwammakobf |
Sponsored Links |
Themen-Optionen | |
Ansicht | |
|
|
Ähnliche Themen | ||||
Thema | Autor | Forum | Antworten | Letzter Beitrag |
div mit variabler Breite nebeneinander | rifl | CSS | 9 | 17.02.2011 10:25 |
Horizontaler Scroll mit DIVs und Breite über Javascript | kolarsky | Javascript & Ajax | 1 | 16.08.2010 11:18 |
3 Spalten Layout mit Divs - mitte fest, Seiten dynamische Breite | devnull | CSS | 3 | 02.02.2009 11:03 |
Zwei DIVs nebeneinander mit variabler Breite | FuryDE | CSS | 1 | 27.08.2008 19:40 |
floaten von divs ohne breite | dany | CSS | 18 | 27.03.2008 12:34 |