SitePoint Sponsor |
|
User Tag List
Results 1 to 5 of 5
Thread: More FF vs. IE display issues :(
-
Jan 2, 2007, 15:14 #1
- Join Date
- Jan 2001
- Location
- Northern VA
- Posts
- 194
- Mentioned
- 0 Post(s)
- Tagged
- 0 Thread(s)
More FF vs. IE display issues :(
There are two issues I'm having, the URL is www.activetuning.com/tm
1) In IE the text/padding seems bigger on the "What We Do" box, so it ends up extending longer in IE
2) In IE in the Who We Serve box, it is adding a space between each box.
Here's screenshots...the top two boxes are IE (bad) the bottom is FF (good):
-
Jan 2, 2007, 15:31 #2
- Join Date
- Jan 2003
- Location
- Hampshire UK
- Posts
- 40,556
- Mentioned
- 183 Post(s)
- Tagged
- 6 Thread(s)
Hi,
You need to force "layout" on these elements as follows (see faq on "haslayout"):
Code:#who a { display: block; color: #000; background-color: #FFF; padding: 0; text-decoration: none; font-weight: bold; font-size: 1.2em; border: 1px solid #d3d3d3; margin: 0; width:100%; } /* mac hide \*/ * html #what li{height:1%} /* end hide */
-
Jan 2, 2007, 15:49 #3
- Join Date
- Jan 2001
- Location
- Northern VA
- Posts
- 194
- Mentioned
- 0 Post(s)
- Tagged
- 0 Thread(s)
Ok I think that fixes the issue...but not 100%.
Those three boxes (home, home office, small business) are actually supposed to be formatted in the middle of the box through padding and margins (see www.trimegatech.com for example). When I put that formatting back in, it screws up the layout...I'm assuming since it's setting the width to 100%. Any suggestions?
-
Jan 2, 2007, 16:06 #4
- Join Date
- Jan 2003
- Location
- Hampshire UK
- Posts
- 40,556
- Mentioned
- 183 Post(s)
- Tagged
- 6 Thread(s)
You will have to use the height:1% hack if you can't determine the actual width.
Add it to the other hack.
e.g.
Code:/* mac hide \*/ * html #what li, * html #who a {height:1%} /* end hide */
-
Jan 2, 2007, 16:13 #5
- Join Date
- Jan 2001
- Location
- Northern VA
- Posts
- 194
- Mentioned
- 0 Post(s)
- Tagged
- 0 Thread(s)
Perfect, that fixed it
I didn't read the FAQ good enough.
For those looking for the haslayout FAQ here's the link:
http://www.sitepoint.com/forums/show...9&postcount=24
Bookmarks