3 replies [Last post]
Jenni
Jenni's picture
Offline
Enthusiast
Seattle
Last seen: 11 years 36 weeks ago
Seattle
Joined: 2007-03-09
Posts: 115
Points: 0

This page is behaving badly. Its too wide in IE 7. In FF it looks ok.

http://wisetopic.com/profile/musicTray/artistSongs.aspx?userId=98

Here is the CSS

#wrapper { width: 690px; margin:0px auto; text-align:left; padding:15px; } #content { margin:0px auto; text-align:left; padding:15px; border:1px dashed #fff; }

Seems pretty straight foward; I've added a width: 790px property to all the containers, one at a time, and still had no effect, the right hand menu alwasy wrapped to far right.

mucho gracious!

Tyssen
Tyssen's picture
Offline
Moderator
Brisbane
Last seen: 6 years 7 weeks ago
Brisbane
Timezone: GMT+10
Joined: 2004-05-01
Posts: 8201
Points: 1386

Just tested quickly but

Just tested quickly but removing the float from .mp3Menu seems to fix it in IE7 with no adverse effect in FF.

Not sure why you're bothering with floats etc though as you're already using tables to split each row up into left and right sections. Seems to me if you're going to go that route with tables, you may as well do the whole thing like that.

You could also do with marking up some of the other content with more appropriate tags other than spans.

How to get help
Post a link. If you can't post a link, jsFiddle it.
My blog | My older articles | CSS Reference

Jenni
Jenni's picture
Offline
Enthusiast
Seattle
Last seen: 11 years 36 weeks ago
Seattle
Joined: 2007-03-09
Posts: 115
Points: 0

Thanks for the advice. That

Thanks for the advice. That actually did the trick.

Others have also scolded me on the messy use of divs amongst tables. At the time that seemed like the right way to do it, but apparently I was in the wrong. Well honestly, Im kind of siding with the thought - "if it ain't broke"... but if more problems arise it might warrant reworking it.

Thanks Tyssen. Smile

Hugo
Hugo's picture
Offline
Moderator
London
Last seen: 5 years 47 weeks ago
London
Joined: 2004-06-06
Posts: 15668
Points: 2806

We did try and suggest a

We did try and suggest a better approach Smile, I think Gary might even have provided the code? it might be as wise to bite the bullet sooner rather than later?

Before you make your first post it is vital that you READ THE POSTING GUIDELINES!
----------------------------------------------------------------
Please post ALL your code - both CSS & HTML - in [code] tags
Please validate and ensure you have included a full Doctype before posting.
Why validate? Read Me