web design using layers and problem with firefox?

1 ⤊

web design using layers and problem with firefox?

hello
I have just made this template using layers:
http://www.linmiss.com/test/telegom2/
now, it is correct in IE,
but unfortunately In firefox three colored rectangle ( reg, green, blue) , above the footer are not placed in the main layer.
and are shown out of the main layer(i.e. wrapper).

Please help mee,
thanks.

2007-05-21 06:28:07 · 3 answers · asked by Anonymous in Computers & Internet ➔ Programming & Design

3 answers

Ah the good ol' cross-browser differences, ever the bane of us all! Try perhaps an empty "clear: both;" element below the blocks, a la:

Notice the period in the paragraph, as it is relatively unobtrusive...nagging and maybe even sort of tacky but unobtrusive. Maybe you could even get away with amper-nbsp- semicolon (Yahoo! won't lemme put the escape sequence in this here answer...) instead of period... Other such hacks, see the cited source.

2007-05-21 06:42:51 · answer #1 · answered by fjpoblam 7 · 1⤊ 0⤋

divs in firefox don't stretch when you put floating divs inside them.

The best work-around I found for this would be to put something at the bottom of all your floating divs, but inside the wrapper, such as a transparent 1x1 gif, or a dot character the same colour as the background.

2007-05-21 13:42:17 · answer #2 · answered by ninique305 3 · 0⤊ 0⤋

This seems to work - to the 'div' element with the id 'bottom', add:

style="overflow: auto;"

2007-05-21 13:43:18 · answer #3 · answered by steve7357 3 · 0⤊ 0⤋