Welcome to the MacNN Forums.

waffffffle · May 8, 2003, 01:28 AM

If anyone can view my site www.lastweekmusic.com in IE for windows as well as on a Mac please go to the music page and tell me why:

1 - in the first music page that shows the 3 album covers IE won't center anything, even though every other browser centers them

2 - for the pages devoted to each album everything just looks like crap. compare to ANY mac browser which displays the pages fine.

Cany ANYONE help me with this? I have been trying to fix this forever and its been driving me nuts. Thanks.

wallinbl · May 8, 2003, 06:59 AM

At the top:

<BODY BGCOLOR="#000000" LINK="#ffffff" ONLOAD="preloadImages();"
TEXT="#ffffff" VLINK="#ffffff" ALINK="#cccccc">

<P><CENTER><MAP ><TD><TABLE WIDTH="640" HEIGHT="480" BORDER="0"CELLSPACING="0" CELLPADDING="0" BACKGROUND="back.jpg">

See how you have a TD tag before your first TABLE tag?

Then, at the end:

</TABLE>
<TR>
</TR>
</BODY>
</HTML>

You have some TR tags that aren't in any table.

Try to clean up your table related tags and make sure that they are all correctly opened/closed and that rows stay within tables and cells stay within rows.

I didn't examine the HTML thoroughly, but if you still have problems after you are sure that your table tags are in order, I'll be happy to look at it again.

waffffffle · May 8, 2003, 07:05 PM

Thanks but removing those tags made no difference. I figured out a workaround though and now everything is looking fine (sort of).

See the problem that I have always had with this site is that since I am using tables with an image background if the table ever expands too large (usually if there it too much text, and IE makes the text larger than other browsers which also causes it) then everything goes haywire. Take a look at the news page and then increase the text size and you'll see what I mean.

I am planning a site redesign but I really like having cool images in the background but I'm not sure how to do it so that it actually works right. Is there anything I can do to force the dimensions of the table so that the text just gets cropped or something?

wallinbl · May 8, 2003, 07:57 PM

You can use CSS to fix the font sizes.

You can probably use in line styles to fix the table cell sizes, although I'm not sure on this. I only ever do this with DIV and SPAN tags.

Simon Mundy · May 8, 2003, 10:40 PM

Originally posted by waffffffle:
Thanks but removing those tags made no difference. I figured out a workaround though and now everything is looking fine (sort of).

See the problem that I have always had with this site is that since I am using tables with an image background if the table ever expands too large (usually if there it too much text, and IE makes the text larger than other browsers which also causes it) then everything goes haywire. Take a look at the news page and then increase the text size and you'll see what I mean.

I am planning a site redesign but I really like having cool images in the background but I'm not sure how to do it so that it actually works right. Is there anything I can do to force the dimensions of the table so that the text just gets cropped or something?

< td >
< div class="crop" >
Your text...
< /div >
< /td >

Then make a class called "crop":

.crop {
width: 200px;
height: 300px;
background: repeat-none URL('yourimage.png');
overflow: hidden;
}

How's that?

By the way, your site is an excellent candidate to go 'table free' (or at least table-for-layout-free). Have a look at the templates at:

http://www.meyerweb.com/eric/css/edge/

or

http://www.glish.com/css/

for a much better way to render your layouts and keep your code leaner, more valid and much more future-friendly.

waffffffle · May 13, 2003, 02:13 AM

Thanks, that crop thing works really well. Finally I don't have to worry about IE destroying my site.

I also took out a lot of the nested tables (but not all). It will probably load a lot faster now.