✔ CSS-Seite Umbau fix auf float (variabel)

[hausl78]

Hallo!

Ich möchte gerne diese Seite (http://hausl.lima-city.de/) in eine variable umbauen und bin bisher so "weit":
http://hausl.lima-city.de/_float/

Hätte nun noch einige Dinge die nicht so wollen, ev. habt ihr einen Tipp für mich:

1. Wenn das Fenster zu klein wird bricht der "content-Container" (der leider sehr bald!) und das Suchemenü um, (wie) kann ich das verhindern?

2. Um den weißen Rand zu erhalen hat der Inhalt 99%. Geht das auch anders das man den fix 10px zuweist, ich hab das nicht geschafft, weil ich den Inhaltsboxen ja nicht 100% (relativ) - 10px (absolut) zuweisen.

3. Wie sieht das mit älteren Browsern aus? Ich habe IE8, FF3.6 und Opera 10 hier am Rechner. Damit passts soweit.


Danke!
Juergen

 

[Biergamasda]

zu 1:
Das ist doch der sinn eines float layouts?
solltest du das nicht wünschen kannst du dir um den ganzen Bereich ein div legen, welches eine fixe größe hat. Wenn dann das fenster verkleinerst "verschwindet" das Suchfeld einfach außerhalb des Fensters

zu 2:
2 möglichkeiten
Struktur sieht so aus

<div1><div2></div2></div1>

jetzt kannst du entweder beim div 1 ein padding von 10px setzen, wodurch das div1 dann auf die angegebene größe + 2* Padding anwächst, oder du gibst beim div 2 einen margin von 10px an und setzt es auf 100%, was zur folge hätte, dass sich das div 2 auf 100% -2*margin ausdehnt

zu 3:
Beim IE 6 gibts so einen float bug (such mal nach 3px bug) ansonsten wüsste ich jetzt nichts

Gruß Christoph

 

[Jan-Frederik Stieler]

Hi,
ich würd die Hintergrundgrafik deines Menüs in die Li deiner Menüpukte mit reinnehmen dann sieht man die weiße Schrift auch wenn deine Liste umbrochen wird.

Viele Grüße

 

[hausl78]

Hallo!

Also danke mal für die Antworten, ich werde mir die zu Hause in Ruhe ansehen und mal einbauen versuchen.

Aber zu 1 noch:

Das ist doch der sinn eines float layouts?

Schau mal hier: Das kann nicht der Sinn von sowas sein ;-)
http://www.abload.de/img/imgtsv7.gif

Juergen

//EDIT:

Sorry wegen Doppeltpost und edit, aber jetzt passt es einigermaßen:
http://hausl.lima-city.de/_float/in...oziloCMS-nbsp~Inhaltsseite-nbsp~Nummer-nbsp~2

Aber 2 Dinge sind noch komisch

a) woher kommt der viele Platz oben im content - Bereich

b) wenn man das B-Fester ganz langsam verkleinert, dann verschwindet der Text immer ein wenig bevor er wegen der neuen größe umbricht, das ist nicht schön. Wie kann ich das verhindern bzw. wasist daran schuld?

Danke!

 

[Maik]

Hi.

a) woher kommt der viele Platz oben im content - Bereich

Die Ursache findet sich in den beiden Regeln float:left und width:75% für #content, die für diesen Block überflüssig sind, da er mit seinem festgelegten linken Außenabstand die linke Spalte umfliesst, und sich seine Breite innerhalb seines Anzeigebereichs von selbst ergibt, und sie nun zur Folge haben, dass das Element dort beginnt, wo der Inhalt der linken Spalte höhenmäßig endet.

b) wenn man das B-Fester ganz langsam verkleinert, dann verschwindet der Text immer ein wenig bevor er wegen der neuen größe umbricht, das ist nicht schön. Wie kann ich das verhindern bzw. wasist daran schuld?

Bei mir verschwindet beim Skalieren der Fenstergröße der Text überhaupt nicht, bevor er umgebrochen wird.

mfg Maik

 

[hausl78]

Genau das wars, Danke sehr!!

Bei mir verschwinden die nun auch nicht mehr.. seltsam warscheinlich ein Cache Problem. Egal, jetzt passts soweit...