Probleempje in FF

**D. Chan** · 22-01-2009, 13:03

Ik kom er niet uit, normaal gesproken weet ik altijd wel een antwoord te geven op dit soort problemen en help ik mensen hier op SD, maar nu weet ik het niet meer.

In IE staat de footer en submenu goed, de pagina's zijn gevalideerd en zo ook de CSS op 4 foutjes na met opacity (dit ondersteund CSS 2.1 niet).

Maar in FF wordt zowel het sebmenu en de footer op een rare manier geladen. Ze wijken af van het lay-out.

Wie kan mij helpen en of wie weet een oplossing?
zie screenshots.

screen FF http://dwork.nl/screen/screen-ff.jpg

screen IE http://dwork.nl/screen/screen-ie.jpg

**B. van Rosmalen** · 22-01-2009, 13:21

Meestal maak je een aparte CSS voor IE, dus baseer nooit je website op IE. Gewoon op FF baseren, werken ze ook meestal in Opera, Safari en noem maar op ;)

Of..?

**D. Chan** · 22-01-2009, 13:38

Correct, ben ik met je eens. Alleen dat help niet in mijn probleem voor nu.

**Mathijs Kingma** · 22-01-2009, 13:41

Clear: both;?

**Harmen Vogel** · 22-01-2009, 13:42

dat probleem heb ik ook heel vaak
en inderaad wat Matthijs Kingma al zegt

clear: both; zou moeten helpen

**D. Chan** · 22-01-2009, 14:16

"clear: both;" was inderdaad een optie heb ik geprobeerd maar op een of of andere manier werkt het niet.

**gast7972** · 22-01-2009, 14:25

Ik neem aan dat je je <body> en <html> op height:100%; hebt staan? Dan neemt hij dus maar 100%.. waarschijnlijk gaat IE hier dus wel goed mee om. Je zou kunnen proberen om <body> en <html> een float:left; mee tegeven en die height:100%; weghalen of vervangen door min-height:100%; hoewel dit volgens mij niet in IE6 werkt... Maar daar maak je dan een aparte stylesheet voor ;)!

**D. Chan** · 22-01-2009, 14:37

Beste Zanders,

Ik heb het al gedaan:

#nonFooter
{
position: relative;
min-height: 100%;
}

Maar het probleem zit um hier in, door dit wil de footer raar gaan doen:

#context
{
width: 580px;
float: left;
}

Ik heb margin:auto; al bij geplaatst maar dat help niet. Wanneer ik deze weg haal of de div dan doet de footer het goed.

In IE 6 laat ie hem goed zien, op een paar foutjes na maar dat is te overzien.

-update-
Het sub menu heb ik kunnen oplossen (eindelijk)
alleen de footer nog.

**Mathijs Kingma** · 22-01-2009, 15:11

ehm.. overflow: hidden; misschien?

**D. Chan** · 22-01-2009, 15:21

Hehehe, je bent geweldig!

**Mathijs Kingma** · 22-01-2009, 15:49

Mooi!

Clear: both; en
overflow: hidden;
helpen erg vaak met dit soort kleine dingen ;)

**D. Chan** · 22-01-2009, 17:31

Origineel gepost door Mathijs Kingma

Mooi!

Clear: both; en
overflow: hidden;
helpen erg vaak met dit soort kleine dingen ;)

Inderdaad, raar maar help wel. Nogmaals dank!

**Jeroen Kamphuis** · 23-01-2009, 02:30

het beste is gewoon slicen in de preciese pixels die er zijn in de psd. dan komt het in ff meestal wel goed. dan kijk je naar ie7 hoe ziet het eruit welke pixels staan ee nbeetje raar? vervolgens apparte ie6 stylesheet alle margins gedeeld door 2 en dan verder kijken

**Tim Wolf** · 27-01-2009, 16:58

Hallo, ik denk dat je het element boven de footer in de CSS gewoon op display: table; moet zetten. Soms renderd IE het goed en FF fout, kan soms ook precies andersom zijn. Ik voorkom vaak dit soort problemen door een div zich te laten zien als een tabel/table.

Min-height en 100% is echt niet goed meer deze tijd. En als je alles Xhtml en met een strict doctype maakt dan zul je ook zien dat dit soort opties eigenlijk niet kunnen. Het is altijd op te lossen als je er goed oplet dat je code strict is geschreven.

Hoop dat het helpt.

Probleempje in FF