| | |
Firefox vs IE CSS Woes...
Please support our HTML and CSS advertiser: PostgreSQL or MySQL? Compare and contrast the two most popular open source databases
![]() |
•
•
Join Date: Apr 2008
Posts: 31
Reputation:
Solved Threads: 0
Hi there,
I have a web page that looks different in Firefox than in IE. Here is the page:
http://www.laudontech.com/exhibitfloorplans
The specific things I find odd are:
1. Divs with "For more information..." text shows up on 3 lines in Firefox, 4 lines in IE.
2. There seems to be spaces between the page heading "Interactive Trade Show/Exhibit Hall Floor Plans" and the logo above it in Firefox. In IE there are no spaces.
3. On my Google Map, the map type button has towo lines of text in Firefox, and, only one line in IE (correct).
Any ideas?
Thanks in advance,
Mapper
I have a web page that looks different in Firefox than in IE. Here is the page:
http://www.laudontech.com/exhibitfloorplans
The specific things I find odd are:
1. Divs with "For more information..." text shows up on 3 lines in Firefox, 4 lines in IE.
2. There seems to be spaces between the page heading "Interactive Trade Show/Exhibit Hall Floor Plans" and the logo above it in Firefox. In IE there are no spaces.
3. On my Google Map, the map type button has towo lines of text in Firefox, and, only one line in IE (correct).
Any ideas?
Thanks in advance,
Mapper
IE and Firefox display things slightly different:
- IE makes characters in some fonts one pixel wider than Firefox does.
- Firefox counts the surrounding styles (margin, border, padding) as being OUTSIDE the declared width or height of some box objects. IE stuffs those surrounding styles INSIDE the declared width or height of the box object. So Firefox renders the object in a largfer space.
To fix this, nest two box objects, one with the declared size, and the other with the surrounding styles.
- IE makes characters in some fonts one pixel wider than Firefox does.
- Firefox counts the surrounding styles (margin, border, padding) as being OUTSIDE the declared width or height of some box objects. IE stuffs those surrounding styles INSIDE the declared width or height of the box object. So Firefox renders the object in a largfer space.
To fix this, nest two box objects, one with the declared size, and the other with the surrounding styles.
Daylight-saving time uses more gasoline
![]() |
Similar Threads
- CSS on IE vs. Firefox (HTML and CSS)
- Float not working in Firefox. (HTML and CSS)
- <col style="" /> and firefox (HTML and CSS)
- CSS Centering Image Navigation Bar (HTML and CSS)
- Help re scrolling bar not working in firefox, CSS problem (HTML and CSS)
- CSS pseudo-letter ??? (HTML and CSS)
Other Threads in the HTML and CSS Forum
- Previous Thread: Website is zoomed out so big on IE browser
- Next Thread: Page layout format
| Thread Tools | Search this Thread |
appointments asp background backgroundcolor beta browser bug calendar cart cgi code codeinjection corporateidentity css design development displayimageinsteadofflash dreamweaver emailmarketing epilepsy explorer firefox flash form format google griefers hackers hitcounter hover html ide ie7 ie8 iframe image images internet internetexplorer intranet iphone javascript jpeg layout macbook maps marketshare microsoft mozilla multimedia navigationbars news offshoreoutsourcingcompany opacity opera optimization perl pnginie6 positioning problem scroll seo shopping studio swf swf. textcolor timecolor titletags url urlseparatedwords visual visualization web webdevelopment webform website windows7 xml xsl






