CSS
-Tricks
treehouse :
what would you like to learn today?
Web Design
Web Development
iOS Development
Show search box
Search
Search in:
All
Articles
Forums
Snippets
Videos
✕
Home
Forums
Snippets
Gallery
Videos
Almanac
Demos
Lodge
Navigation 'n' Search
Forums
Illustration by Nick Sirotich
Forums
»
CSS Combat
3 pixels
Vernontheiii
Permalink to comment
#
September 2008
Well i've posted on here a couple times and if you've read the other post you'll probably find out how much i need help... ha ha...
anyways... My top image is fine in IE but is off three pixels to the right in firefox...
could anyone look at my code and see if they can give me some input as to why it might be doing this.
thanks so much guys!!!
links:
http://www.dse33.com/mr2/interior.html
http://www.dse33.com/mr2/welcomeglobal.css
chazzwick
Permalink to comment
#
September 2008
changing the width of #container to 703px seems to fix it for firefox. Im not sure what this would look like in IE though
Vernontheiii
Permalink to comment
#
September 2008
ha ha... it lines up perfectly in Firefox... but is one pixel off to the left in IE.
daGUY
Permalink to comment
#
September 2008
Use a conditional comment for IE. Set the width of #container so it works in Firefox, then override it in the conditional comment with a different value that works in IE. For example:
<!--[if lte IE 6]>
#container {width: 300px;}
<![endif]-->
More on conditional comments here.
Vernontheiii
Permalink to comment
#
September 2008
I can do that but then the same problem occurs in Opera and Safari... its one pixel off to the left. :(
Add a Comment
anyways... My top image is fine in IE but is off three pixels to the right in firefox...
could anyone look at my code and see if they can give me some input as to why it might be doing this.
thanks so much guys!!!
links:
http://www.dse33.com/mr2/interior.html
http://www.dse33.com/mr2/welcomeglobal.css
More on conditional comments here.