Floats vliegen in de rondte!

Door Timen kut op 15-02-2009 22:12

635 views

Hela hola kindercola!

Ik heb in mijn ontwerp een container, met daarin een sub-container voor de linker content, en een sub-container voor de rechterkant.
Nu vliegt die rechtercontainer random onder de linker container in firefox. het kan 10x goed gaan, en dan schiet ie er ineens onder.
Is er iets bekend over dit probleem?

Heb zo onderhand display:inline, table geprobeerd. De breedtes gechecked etc. niks mocht baten

Wat het moet wezen:


--------------
|         |  |
|         |  |
|         |  |
|         |  |
--------------

En wat het soms doet:


--------------
|            |
|            |
|            |
|____________|
|    |
|    |
|    |
|    |
------

Wouter De Schuyter

15-02-2009 22:17

Zet in de div waar je div hebt staan met de float eens deze div

<div style="clear: both;"></div>

Jesper Diovo

15-02-2009 22:17

Dan is je linker container qua tekst te breed. Geef hem een overflow: hidden; en als het goed is komt het niet meer voor.

Timen kut

15-02-2009 22:30

Paradox™ schreef op 15.02.2009 22:17
Zet in de div waar je div hebt staan met de float eens deze div
<div style="clear: both;"></div>

Bedoel je de container? of de rechtse container? en dan boven/onderin?

En overflow:hidden had ik al geprobeerd en is helaas niet de oplossing, toch bedankt!

Timen kut

17-02-2009 10:23

Bump!

Justin S

17-02-2009 11:42

Wil je even je CSS code posten.

Timen kut

17-02-2009 11:45

irrelevantie CSS weggelaten:


code out-of-date

Winston Smith

17-02-2009 11:46

Het ligt in elk geval aan de breedtes van je divisions. De container moet 100% zijn, je linker-div iets van 70% en de rechter 30%. Je kan iets met die waarden spelen. In mijn ervaring moet je soms wat ruimte houden tussen de divs.

Timen kut

17-02-2009 11:47

edit:
hoewel ik dit normaal niet doe bij deze de URL ervan:
www.****.nl
Bij mijn firefox is het dus na een aantal refreshes dat ie er onder schiet...(kan 1 refresh wezen, kunnen er ook 20 wezen)

edit:
Heb m effe helemaal xhtml valid gemaakt(http://validator.w3.org/check?uri=http%3A%2F%2Fwww.****.nl%2F&charset=(detect+automatically)&doctype=Inline&group=0&user-agent=W3C_Validator%2F1.606)

Maar nog steeds schiet ie heen weer

Mitchell

17-02-2009 13:15

Ik zie het probleem niet in FF 3.0 / IE 7.0.
Heb ook gerefreshed in FF.

Waarom gebruik je overigens niet gewoon float right en een float left?

Timen kut

17-02-2009 13:50

Mitchell schreef op 17.02.2009 13:15
Ik zie het probleem niet in FF 3.0 / IE 7.0.
Heb ook gerefreshed in FF.

Waarom gebruik je overigens niet gewoon float right en een float left?

Hij hoort links te kunnen floaten... Daarbij had ik deze reactie al verwacht. maar ik wil ze wel in ALLE browsers werkende hebben, ook al is mijne de enige waar die op stuk loopt :P

met een float:right; krijg ik het zelfde, alleen dan zit de kolom er rechtsonder ipv links onder:D

Reageren

Inloggen om te reageren