Fire Fox vs IE

[sly_foxx68]

http://home.comcast.net/~jackfox68/Hello everyone Brian here and I am new to the forum and relativley new to HTML and coding. How is everyone doing? I would appreciate it if anyone has the time if you could look at the above website in Fire Fox and IE (6) and tell me why the <div>'s appear to be in different locations from browset to browser. Created with FP 2003. I am baffled $#%#$ Any help would be greatly appreciated. Thanks Kindly Brian P.

[awaddington]

http://home.comcast.net/~jackfox68/Hello everyone Brian here and I am new to the forum and relativley new to HTML and coding.  How is everyone doing?  I would appreciate it if anyone has the time if you could look at the above website in Fire Fox and IE (6) and tell me why the <div>'s appear to be in different locations from browset to browser.  Created with FP 2003.  I am baffled $#%#$   Any help would be greatly appreciated.  Thanks Kindly Brian P.

<{POST_SNAPBACK}>

Hi Brian,I haven't spent much time looking at this to be honest, but if I remember correctly, IE builds the border outside of the dimensions and Firefox, opera, etc. is the opposite.That means that a 100px X 100px DIV with a 2 px border is actually 104px x 104px with the border for one while the other remains 100 x 100 and the border is included in that dimesion.I might have that backwards, but you have the idea. I've faced and solved this problem before (can't seem to remember how though at the moment) . I'll post something if it comes to me.Something that might help would be to declare the style type for the page if you need to use the "style" attribute instead of all classes.<meta http-equiv="Content-Style-Type" content="text/css">You've already declared the styles with in your <style> tag as "text/css" but not the styles in your <div>'s.A lot of cross compatibility issues I've facesed with CSS are cleared up by declaring the style type.Hope this helps (sorry if i rambled)CheersAndrew

[sly_foxx68]

Hi Brian,I haven't spent much time looking at this to be honest, but if I remember correctly, IE builds the border outside of the dimensions and Firefox, opera, etc. is the opposite.That means that a 100px X 100px DIV with a 2 px border is actually 104px x 104px with the border for one while the other remains 100 x 100 and the border is included in that dimesion.I might have that backwards, but you have the idea.  I've faced and solved this problem before (can't seem to remember how though at the moment) .  I'll post something if it comes to me.Something that might help would be to declare the style type for the page if you need to use the "style" attribute instead of all classes.<meta http-equiv="Content-Style-Type" content="text/css">You've already declared the styles with in your <style> tag as "text/css" but not the styles in your <div>'s.A lot of cross compatibility issues I've facesed with CSS are cleared up by declaring the style type.Hope this helps (sorry if i rambled)CheersAndrew

<{POST_SNAPBACK}>

Hi Andrew and thanks for he response. I have tried some of your suggestions and have had not luck sorry to say. I have shortened the code so it is easier to read but I am still gettting the 2 px overage on firefox and not with IE. I am assuming it is FF thats adds the px's to the "OUTSIDE" of the layer. Why is it that there is no standard for something like this. Something everyone uses, you would think the browser companies would call each other and sync up! If there is anyone out there that can shed some light, thanks in advnace.BrianEdit @ 10:57 AM....Funny too, I just had the W3C CSS vaildate all the code on the site and I am still getting the same issue. http://jigsaw.w3.org/css-validator/

[awaddington]

This might help you.Not sure though.http://www.ozzu.com/ftopic24024.html

[sly_foxx68]

This might help you.Not sure though.http://www.ozzu.com/ftopic24024.html

<{POST_SNAPBACK}>

Thank You!That was exactly it, and now I am about to register at that wonder forum you sent me to. Did I mention ....Thank you! Oh well......no really thanks! :-)Brian I love learning!