Sie sind nicht angemeldet.

Lieber Besucher, herzlich willkommen bei: Panorama Community. Falls dies Ihr erster Besuch auf dieser Seite ist, lesen Sie sich bitte die Hilfe durch. Dort wird Ihnen die Bedienung dieser Seite näher erläutert. Darüber hinaus sollten Sie sich registrieren, um alle Funktionen dieser Seite nutzen zu können. Benutzen Sie das Registrierungsformular, um sich zu registrieren oder informieren Sie sich ausführlich über den Registrierungsvorgang. Falls Sie sich bereits zu einem früheren Zeitpunkt registriert haben, können Sie sich hier anmelden.

1

Freitag, 24. August 2007, 23:48

Float wandert in nächste Zeile siehe Beispiel

Hallo, ich muss schon wieder nerven! In meinem Beispiel ist ein Pano rechts mit Float right und ein blaues Div mit Float left. Unten ist eine Tabelle mit fünf Bildern. Wenn ich das Fenster stauche springt mir das Bild in die nächste Zeile und es entsteht ein weisser Rand rechts, da die Tabelle unten im Weg steht und das Panno weiter nach links wandert. Wie kann ich das ganze dynamisch lösen. Hätte gern den blauen Balken variabel und das zusammenschieben sollte nur soweit möglich sei bis der Rand vom Browserfenster an der Tabelle unten ansteht. ----------------------------------------------------------- Link zum Beispiel http://www.fewobesler.de/Kugelbild/flash/vorlage.html ----------------------------------------------------------- CSS Datei @charset "utf-8"; /* CSS Document */ * { margin: 0px; padding: 0px; } body { color:#00FFCC; background:#FFFFCC; font:13px verdana, sans-serif; margin:0px; padding:0px; } #aussen { background:#ffffe6; height:100%; margin:0 10% 0 10%; } #head { background:#fcda89; color:black; margin:0; padding0px 0 0 0; } #head p { color:#FFFFFF; background:#cb4526; padding:3px 20px 3px 0; margin:0; text-align:right; border-top:1px solid black; font-weight:normal; } #left-text { float: left; margin:0px; padding:0px 0 0px 5px; background-color: Blue; } #rigth-text { float:right; padding:0px 0 0px 5px; } h1 { font:1.2em Arial, Helvetica, sans-serif; margin:0px; } .pano{ border-top:10px black solid; border-bottom:10px black solid; width:400px; height:250px; } p { font:1em Arial, Helvetica, sans-serif; margin:0px; } #foot{ height: 30px; width: 100%; padding:0; clear: both; border-top: 1px solid #CB4526; border-bottom: 1px solid #CB4526; margin: auto; } table { height: 100px; } .auswahl { background-color: Aqua; } Bin halt in CSS noch anfänger und bin um jeden Tipp dankbar. mfg Stefan

2

Samstag, 25. August 2007, 09:23

RE: Float wandert in nächste Zeile siehe Beispiel

Das wäre ein Fall für die CSS-Anweisung "min-width", die aber vom IE nicht umgesetzt wird. Dem IE muss man mit mit einer Expression zu Leibe rücken. Dann kannnst Du die minimale Breite der Seite auf die Breite der 5 Bilder unten begrenzen.