Problem mit .float

Gunther103

hallo,

bin ein .float-Neuling und habe Probleme. Nachdem ich das Layout der neuen Site doch wieder auf feste Breite umgestellt habe, wollte ich mir eine tabelle sparen und hab Bilder gefloatet. Das funktioniert gut am Mac, im IE 6 (win) funktioniert anscheinend der "clear"-Befehl nicht und die Seite wird falsch dargestellt. Übrigens zeigt mir GoLive im Layout-Modus das gleiche wie der IE 6, im Vorschau-Modus ist Alles oK. Was habe ich faisch gemacht?

Dnkee für Hilfe
Gunther

Hier der Quelltext:
#float {
padding: 0px;
float: left;
width:120px;
height: 110px;
margin-left: 0px;
margin-right: 0px;
}

#clear {
display: none;
clear:both;
}

html>body #clear {
display: block;
clear: both;
}

$md

Reeds:

$as1

SabineP

Hallo Gunther,

>> wollte ich mir eine tabelle sparen und hab Bilder gefloatet.

Ja, das ist eine gute Idee.

>> Was habe ich falsch gemacht?

Du verwendest die ID float zwei mal in Deinem HTML-Code, IDs dürfen nur ein mal verwendet werden.

Wie sollen die Bilder und die horizontale Linie denn angeordnet werden?

Bei mir sieht es in allen Browsern gleich aus:

Bild Linie
____Bild

Gruß Sabine

Gunther103

Hallo Sabine,

so solls sein:

Musiker 1 ( ein Bild + Name)

Musiker 1-4 (Bilder +Name)

...
Das Bild ist nur Platzhalter. Ursprünglich hatte ich keine

, dachte damit die Zeile voll zu machen, damit die nachfolgenden Bilder in einer neuen Zeile links beginnen. Im Moment ist es unter IE 6 (win) so, daß die neue Zeile hinter dem einzigen Bild der ersten Zeile beginnt.

Gunther

SabineP

Dann probiers mal so:

New Document

andi

$md

Reeds:

$as1

Gruß Sabine

Gunther103

Hallo Sabine,

hab deinen Vorschlag ausprobiert.
Nun funktioniert der Float gar nicht mehr. Hier die URLs zu den Testseiten:

Neue Version nach deinem Vorschlag:
http://sundaynightorchestra.de/SNO/musiker1.php

Meine Version davor:
http://sundaynightorchestra.de/SNO/musiker.php

SabineP

Hallo Gunther,

>> Nun funktioniert der Float gar nicht mehr.

Du hattest den Rest Deiner Seite nicht gepostet,
mein Beispiel funktioniert sogar in Netscape 4.

Habe momentan nur Firefox zur Verfügung.
Deine Beispielseite funktioniert mit diesem Browser.
http://sundaynightorchestra.de/SNO/musiker.php

Im IE4 fliegen allerdings die divs alle durcheinander.

Vielleicht kann sich das noch jemand mit dem IE6 ansehen.
Ich habe diesen Browser leider nicht.

Du könntest Dir die Sache einfacher machen mit einer zweispaltigen Tabelle.
In die linke Spalte die Bilder, in die rechte Spalte die Navigation.

Gruß Sabine

Gunther103

Hallo,

ich hab immer noch keine Lösung für mein Problem. Klar könnte ich den Inhalt in eine Tabelle stellen, will ich aber nicht. Wer weiß wie's geht?

Gunther

SabineP

Nur ein Versuch.

Du könntest alle

durch

ersetzen.

Vielleicht läßt sich der IE damit überreden die Bilderreihen an der richtigen Stelle umzubrechen.

Gruß Sabine

WolfJack

Meine Frage an dich: Warum einfach, wenn es kompliziert auch NICHT funzt..
LOL

Das Ergebnis dieser doch recht einfach gestrickten Bandsite fällt ja absolut nicht aus dem Rahmen.. Deine Floating Boxes allerdings!
Da würde ich mich an deiner Stelle doch.. auf simple Frames und vernünftige Tabellen einlassen, denn die funzionalisieren immer..
"Klar könnte ich den Inhalt in eine Tabelle stellen, will ich aber nicht."
Floating Boxes würde ich nur für Extras benutzen und nicht als Grundprinzip. Die CSS in einen Extra-Ordner "Intern" zu packen, kommt mir seltsam vor aber man lernt ja nie aus.
Ich würde die massenhaften CSS-Styles und völlig verstrickten Floating Boxes mal gründlich entkernen!

Wichtig ist doch immer, was hinten heraus kommt! *neudeutscheHühnerzüchtervereinigung*

---
Die Zukunft war früher auch besser..
*Karl Valentin*

Gunther103

Also gut,

dann halt raus mit den Boxes und wieder Tabellen. Hab auch noch das float-Menu erstetzt, da die einzelnen Menupunkte in der Höhe tanzten und die CSS-Anweisungen überarbeitet und in eine extra Datei exportiert.
Werde erstmal die Finger von den Floating Boxes lassen, da das eine Wissenschaft für sich zu sein scheint.

Danke

Gunther

WolfJack

Kleiner Schönheitsfehler:
Wissenswertes übers Orchesters

Wie wärs, wenn du das Wörtchen "Die" in der Navi einfach weg lässt?

))-)

---
Die Zukunft war früher auch besser..
*Karl Valentin*