CSS Pro Needed!
-
-
- MaryZ
- Rocketeer
- Posts: 72
- Thanks: 0
-
Hi All!
The "bottom" module position in the Afterburner template seems to be dropping off... Not sure how to fix the issue in IE7. I am using a custom html module in this position with tables. I tried making the tables smaller, still no go.
View Screen shot Firefox good:
This image is hidden for guests.
Please log in or register to see it.
IE7 (Uggghhhh):
This image is hidden for guests.
Please log in or register to see it.
Any help is greatly appreciated!!!
-
-
-
- Cliff Pfeifer
- Preeminent Rocketeer
- Posts: 8444
- Thanks: 20
- Website Developer
- Hi, can you provide a link to your site so I can diagnose the issue? Thanks.
- The difficult we do immediately, the impossible takes a little longer.
-
-
-
- Cliff Pfeifer
- Preeminent Rocketeer
- Posts: 8444
- Thanks: 20
- Website Developer
- Yes, you can PM your link.
- The difficult we do immediately, the impossible takes a little longer.
-
-
-
- Cliff Pfeifer
- Preeminent Rocketeer
- Posts: 8444
- Thanks: 20
- Website Developer
- Hi, I got your link. I ran your page through an HTML validator and it is reporting an extra </div> closing div tag on your page. That could cause the layout to break. I sifted through your code in my web inspector and I couldn't find it, can you double check all of your content to make sure all of the <div> elements you have are closed correctly and that you don't have any extras. Let me know.
- The difficult we do immediately, the impossible takes a little longer.
-
-
-
- Cliff Pfeifer
- Preeminent Rocketeer
- Posts: 8444
- Thanks: 20
- Website Developer
- Hi, can you PM me the login please.
- The difficult we do immediately, the impossible takes a little longer.
-
-
-
- Cliff Pfeifer
- Preeminent Rocketeer
- Posts: 8444
- Thanks: 20
- Website Developer
-
Hi, I took a look and tried some different things in IE7 with no luck. It looks like IE is treating your tables as block level elements instead of inline elements. I didn't have any luck in my web inspector applying "display:inline;" or "display:inline-block" to the inline style, which would technically work in any other browser. Not sure what quirk IE7 has with this, but you might want to Google for IE7 table bugs.
All I can do suggest is an alternate coding method. Tables should not be used in this way in the first place, only use them for actual tabular data. You're better off with using divs. You could accomplish the same effect with 3 divs and a lot less code. It's easier and I'm sure IE7 would respond better to it. I'm happy to help you with some code, I just can't offer any fixes for your current situation. - The difficult we do immediately, the impossible takes a little longer.
-
-
-
- Cliff Pfeifer
- Preeminent Rocketeer
- Posts: 8444
- Thanks: 20
- Website Developer
-
HI, I looked at your new problem. It looks like that extra space is coming from the row of modules you have above that. I don't know why IE7 is doing that, when the other browser are not.
It looks like your center module "What our Clients Say" - you have a bunch of extra <p> tags in there, it could be pushing the modules down. You also have a height of 320px defined for your modules in light3.css line 354 - but your content is taller than that, it only shows in IE7 for some reason. I would look at those 2 things as a possible cause. Hope that helps. - The difficult we do immediately, the impossible takes a little longer.
-
Time to create page: 0.174 seconds