|
|||
Zwei Divs auf gleiche Höhe
Sou liebe Foren-Mitglieder,
versuche seit einiger Zeit von Tabellen-Konstrukten auf divs umzuswitchen. Läuft ganz gut BIS AUF den Umstand, dass ich es net auf die gleiche Höhe krieg. Mein Design besteht aus ner linken (main) und rechten (navi) Spalte und der IE zickt wieder wie ein olles Waschweib. Habe es nach diesem Schema probiert: A List Apart: Articles: In Search of the Holy Grail HTML: HTML-Code:
<!-- Main/ Navi --> <div id="container"> <div id="left" class="column"> [other Code] </div> <div id="right" class="column"> [other Code] </div> </div> <!-- Footer/ Abschluss --> <div id="footer"> </div> Code:
#container { width:980px; margin:0 auto 0 auto; overflow: hidden; } #container .column { position: relative; float: left; padding-bottom: 2010px; /* X + padding-bottom */ margin-bottom: -2000px; /* X */ } #left { background: url(../grafiken/main-bg.jpg) repeat-y; width: 692px; } #right { background: url(../grafiken/navi_bg.jpg) repeat-y; width: 288px; } FF funzt, IE zieht mir das alles sonstwohin! Habs auch wie im obigen Link beschrieben mit Code:
* html #footer-wrapper {} Hat einer ne Idee bzw. einen Vorschlag wie es anders geht? Getestet wurde nur der IE6 bisher, weil der immer die meisten Spärenzchen macht. Joar, mehr is nich! Danke fürs mitlesen und evtl. kommentieren. Liebe Grüße Chris Link zur Ansicht: http://www.perfekte-website.de/desig...en/immobilien/ Geändert von poppihasi (20.12.2009 um 22:06 Uhr) |
Sponsored Links |
|
||||
Zitat:
Ich rate zu FAQ 1 - wobei ich noch nicht einmal wirklich erkennen kann, wo auf Deiner Seite gleich hohe Spalten sein bzw. entstehen sollen.
__________________
Wer keinen Link auf seine problembehaftete Seite posten kann, weil diese noch nicht online ist: Testcase bauen, online stellen, Link posten. Internet-Grundregel: Unbekannte Begriffe googeln! (Erspart 99% aller Nachfragen.) Geändert von heiko_rs (20.12.2009 um 23:27 Uhr) |
Sponsored Links |
|
||||
Im IE6 habe ich es mir nicht angesehen.
Aber im IE7 wird #container (overflow:hidden) nicht abgeschnitten. Ohne position: relative; für .column funktioniert es. Braucht #container im IE6 vielleicht layout? Sprunglink im Firefox: designvorlagen/immobilien/#traumhaus
__________________
MfG Jens Geändert von plastiko (20.12.2009 um 23:48 Uhr) |
|
|||
Versteh ich nicht! Over the top?
Zitat:
Na der Hauptteil und die Navi sollen beide gleich ziehen, damit die weiße Fläche auf gleicher Höhe bleibt. Dachte der Container zieht das dann automatisch mit. |
|
|||
Zitat:
Geändert von poppihasi (20.12.2009 um 23:56 Uhr) |
|
||||
Total übertrieben, über's Ziel hinausgeschossen etc.
Nicht unter Punkt 1. Aber das ist auch gar nicht Dein Problem (siehe nächster Absatz). Lies das und lasse den Quatsch auch draußen - Du musst einfach nur richtig clearen - FAQ 2.
__________________
Wer keinen Link auf seine problembehaftete Seite posten kann, weil diese noch nicht online ist: Testcase bauen, online stellen, Link posten. Internet-Grundregel: Unbekannte Begriffe googeln! (Erspart 99% aller Nachfragen.) |
|
|||
Oh mann, ich bin so *piep*!
Einfach das gesamte Background pic in den Hintergrund des Containers laden. Manchmal frag ich mich echt. Man versteift sich wahrscheinlich zu sehr auf die Einzelelemente, dass man das Übergeordnete vergisst ... Gruß Chris |
Stichwörter |
css, design, div, gleiche höhe |
Themen-Optionen | |
Ansicht | |
|
|
Ähnliche Themen | ||||
Thema | Autor | Forum | Antworten | Letzter Beitrag |
100% Höhe von Divs klappt einfach nicht. | icecold | CSS | 10 | 24.09.2010 11:25 |
3 DIVs - dynamische Höhe | fire90de | CSS | 2 | 02.06.2009 14:39 |
div hat keine Höhe, wenn innere divs gefloatet werden? | Anotherone | CSS | 3 | 23.07.2006 02:25 |
divs aneinander in der höhe ausrichten - wie ? | MS Master | CSS | 1 | 24.02.2005 17:49 |