|
|||
Probleme mit geschachtelten divs und floats im Firefox
Hallo Leute,
ich würde gern in ein äußeres "Content"-div eingebettet eine Galerie bauen. Aber der Firefox macht das äußere div zu flach, und die Galerie-Bilder "hängen unten raus". Komischerweise funktioniert es im Internet Explorer richtig. Hier der Code: Code:
<HTML lang="de"> <HEAD> <TITLE>Testseite</TITLE> <style type="text/css"> #c-block { width:100%; z-index:1; background:#55dd55; } #hdr{ height:4.5em; border-bottom:1px solid #000000; width:100%; background:#ffffff; color: #333333; margin:0;} #c-col{ position:relative; margin:0.5em 10.5em 0.5em 10.5em; background:#ffffff; color: #333333; z-index:5; border: solid #000000; border-width:1px 1px 1px 1px; padding: 10px; } .thumb1 { float: left; border: 1px solid #000000; width: 150px; padding: 9px; margin: 9px; } </style> </HEAD> <BODY> <div id="hdr"> <h1>Testseite</h1> </div> <div id="c-block"> <div id="c-col"> <h2>Überschrift</h2> <div style="width: 440px"> <div class="thumb1"> [img]achim.jpg[/img] Achim Trautmann, achimtrautmann@gmx.de </div> <div class="thumb1"> [img]martin.jpg[/img] Martin Kosa, m.kosa@web.de </div> </div> </div> </div> </BODY></HTML> Liebe Grüße und danke vorab für die Hilfe - Chris |
Sponsored Links |
|
||||
Fließende Boxen liegen außerhalb des Elementflusses von Blockelementen, wie dir die Forumssuche binnen weniger Sekunden verraten hätte. Da hättest du auch die Lösung gefunden: Ein Container mit »clear« nach der letzten fließenden Box.
Gruß Thomas
__________________
toscho.de |
|
|||
Zitat:
Zitat:
Danke - Chris |
|
|||
So zum Beispiel:
CSS: Code:
.unsichtbar { clear: left; width: 1px; height: 1px; background-color: transparent; } Code:
<div class="unsichtbar"></div> andir
__________________
Grüsse Andreas- auch mal wieder da... Design isn't about the tools, it's about creating the best experience for the user. A design should be based on usability, accesibility, aesthetics, but never on floats, lists or background images. ( by Cameron Adams) Wiedergelesen: > hier und hier [Foren-Links] Dein Post? Klar, DAS vorher gelesen? Hilft. ## User-Landkarte |
Themen-Optionen | |
Ansicht | |
|
|
Ähnliche Themen | ||||
Thema | Autor | Forum | Antworten | Letzter Beitrag |
Geschachtelte Divs mit Background IE7 vs IE8 & Firefox | Dazero | CSS | 8 | 14.07.2009 12:31 |
Firefox 3.0.2 - Probleme mit dem Passwortmanager? Hier die Lösung! | darkiop | Offtopic | 2 | 26.09.2008 18:43 |
Probleme mit Navi Firefox vs IE 7 | Wellington | CSS | 5 | 04.07.2007 11:45 |
Probleme mit Firefox und der Positionierung | psq | CSS | 1 | 16.03.2007 11:37 |
Probleme mit der Darstellung zwischen IE und Firefox | Insane.J | CSS | 1 | 08.11.2005 13:47 |