|
|||
3 spalten ausrichten
Hallo erstmals,
bevor mich die ersten auf externe links oder suchmaschinen verweisen sag ich gleich, dass ich diese benutzt habe. Mir scheint dass mein Problem sehr speziell ist und deswegen nicht viel dazu finden ist. Falls ihr aber gute links kennt, welches ähnliche Problem behandelt, wäre ich euch dankbar wenn ihr die links ihr postet. Mein Problem: ich möchte gern 3 gleich grosse Spalten haben. Diese habe ich mit 3 Divs realisiert mit verschiedene backgrounds. Wenn die Seite Leer ist soll en die 3 Divs die seite voll umfassen (height=100%). Die breite will ich auch flexibel halten ( width: 33%). Jetzt nur soll wenn der mittlere bereich einen überlauf hat (sprich: overflow) soll die größe entsprechend angepasst werden. Deswegen hab ich 3 elemente in einen container reingetan mit height: auto Leider geht dadurch rechts und links die divs verloren (weil sie leer sind). Wie kann ich die Leeren Divs trotzdem auf die Seitegrösse anpassen.? Ich hab mir schon überlegt ob es nicht mit hilfe von java script lösbar ist. Für jeden Vorschlag wäre ich dankbar: delibe MFG |
Sponsored Links |
|
||||
Farben? Dann reicht ein Hintergrundverlauf für den body (oder das Übergeordnete Element) Edit fiddle - JSFiddle
|
Sponsored Links |
|
|||
erstmals danke Cebito für dein Vorschlag,
aber mein Hintergrund müsste mit Hintergrundbilder befüllt werden und soweit ich mich informiert habe, funktioniert die methode mit mehrer bilder als bg zu benutzen nur mit den neueren browser. mein html sieht folgendermassen aus: ... <div id="container2"> <div id="login"></div> <div id="content"> <p> Hier kommt der Inhalt der Seite Hier kommt der Inhalt der Seite Hier kommt der Inhalt der Seite Hier kommt der Inhalt der Seite Hier kommt der Inhalt der Seite Hier kommt der Inhalt der Seite </p> </div> <div id="search"></div> ... mein css: #container{ height: auto; width: 80%; border: solid red 2px; } #login{ background: url(../img/bg_green.jpg) no-repeat; background-size: 100% 100%; width: 33%; height: 100%; float: left; } #content{ background: url(../img/bg_orange.jpg) no-repeat; background-size: 100% 100%; width: 33%; height: 100%; margin-left: 50%; display: inline-block; } #search{ background: url(../img/bg_blue.jpg) no-repeat; background-size: 100% 100%; width: 34%; height: 100%; float: right; } Problem: search ist leer und durch (container: height: auto) gar nicht angezeigt wird, nur wenn ich ihm eine feste height zuweisse. |
Themen-Optionen | |
Ansicht | |
|
|
Ähnliche Themen | ||||
Thema | Autor | Forum | Antworten | Letzter Beitrag |
3 Spalten, linke Spalte unten ausrichten - Probleme im IE6 | Mahoney | CSS | 5 | 31.03.2010 12:02 |
Problem beim ein/ausblenden von Spalten in Tabellen via CSS und JavaScript | chrisol_76 | CSS | 2 | 21.07.2008 18:37 |
3 dynam. Spalten mit Inhaltsüberlauf | spacegaier | CSS | 6 | 12.10.2007 01:24 |
mysql: kann man count() in select Anfragen nicht mit anderen Spalten kombinieren? | braindead | Serveradministration und serverseitige Scripte | 5 | 13.03.2007 23:53 |
3 Spalten immer gleich hoch. Wie mach ich das? | Fanello | CSS | 7 | 21.02.2006 16:39 |