Forum Moderators: open

Message Too Old, No Replies

Page not the same on IE6 and Firefox

         

epersidi

2:20 pm on Feb 28, 2008 (gmt 0)

10+ Year Member



Can anyone help me out here ? My page uses layers and an external CSS file and some inline styles.
The problem is that the page is showing almost completely different on Firefox and on IE6. I think it must have something to do with lineheight but again if i knew what was wrong i'd also try to fix it. Anyways all ideas and directions are welcome. If you need to take a look at the
code or to a picture showing the actual problem plz say so.
For the creation of the page i used a dreamweaver css style if that helps...

[edited by: tedster at 5:29 pm (utc) on Feb. 28, 2008]
[edit reason] no personal links - thanks [/edit]

penders

4:27 pm on Feb 28, 2008 (gmt 0)

WebmasterWorld Senior Member 10+ Year Member Top Contributors Of The Month



...the page is showing almost completely different on Firefox and on IE6.

Hi epersidi, welcome to WebmasterWorld! :)

This is a very open query and could be caused by any number of peculiar browser quirks. But anyway, I can at least start the ball rolling... what DOCTYPE are you using?

(Btw, links to external docs/test pages aren't allowed in these forums [webmasterworld.com] and I think you have illustrated one of the issues - 404 errors!]

Murdoch

6:49 pm on Feb 28, 2008 (gmt 0)

10+ Year Member



Padding and margins are also very different in many cases between FF and IE6. Sometimes you have to find a happy medium or use IE comment hacks.

penders

12:51 am on Feb 29, 2008 (gmt 0)

WebmasterWorld Senior Member 10+ Year Member Top Contributors Of The Month



Padding and margins are also very different in many cases between FF and IE6.

It can sometimes be useful to reset the padding and margin (to 0) on elements at the top of your stylesheet so you are starting from a level playing field in all browsers. (See Global or Universal reset - reset.css [webmasterworld.com])

epersidi

12:02 pm on Mar 1, 2008 (gmt 0)

10+ Year Member



Reseting the padding and margin by putting
* {padding: 0; margin: 0;}
at the start of my css file fixed the problem but also destroyed the layout in some of my pages. No big deal though, i'll fix it no time. Thx guyz for all your help ...

penders

7:15 pm on Mar 1, 2008 (gmt 0)

WebmasterWorld Senior Member 10+ Year Member Top Contributors Of The Month



... but also destroyed the layout in some of my pages.

With the (default) padding and margins set to zero on all elements, you will naturally have to set the padding/margin on every element as required.

LadynRed

1:38 am on Mar 2, 2008 (gmt 0)

10+ Year Member



Padding and margins are the same in FF and IE6 since MS fixed it's busted box model for IE6. What you're usually left dealing with is a hasLayout issue and/or behavior caused by a missing DOCTYPE - which is where IE REALLY screws up.