Forum Moderators: not2easy

Message Too Old, No Replies

Floating div works in IE but not Firefox

         

colebowl

7:50 am on May 6, 2008 (gmt 0)

10+ Year Member



Hi,

I am currently writing an website for a client and i have an issue that i have never come across and is doing my head in. When i view the website in IE7 the images and text in the centre appear next to each other but when i view it in firefox the text appears below the images. Does anyone have any ideas what could be causing this?

Any assistance with this would be extremely appreciated!

Also I am new to divs so feel free to slap me if i have done something stupid.

Thanks
CB

[edited by: jatar_k at 2:49 am (utc) on May 7, 2008]
[edit reason] no urls thanks [/edit]

solaris07

2:54 pm on May 6, 2008 (gmt 0)

10+ Year Member



Can you post up the specific code with the divs that are being floated?

solaris07

5:45 pm on May 6, 2008 (gmt 0)

10+ Year Member



Try adding a height to the floating DIV

colebowl

3:13 am on May 7, 2008 (gmt 0)

10+ Year Member



Hi,

Thanks for your speedy response. I have just tried and it didn't work.

Any other ideas?

Xapti

4:41 am on May 7, 2008 (gmt 0)

WebmasterWorld Senior Member 10+ Year Member



Assigning heights for containers is always a bad idea anyways. I see high profile websites do this all over the net, and it can completely break the page layout for users who have things such as minimum specified font sizes (which are larger than the sites specified). You either get content cut off, or content overlapping others. It's a very serious problem in my opinion.

As solaris07 mentioned, we will most likely require a example code of your situation.
Also some things to note:
-have you tried adding/removing line breaks in your code for the affected area?
-are you using a proper doctype?
-have you tested in another browser than those two?
-does your HTML and CSS code validate?