Newb needs help!

Hello, I am a novice web designer and I have been stumped on this problem for almost two months now. The page I am referencing can be found at the following address:

http://www.pgroove.com/quicknews/content_frame.php

The main photo and the five colored blocks underneath it are all a part of one subdivided table. The cell padding is set to 1. I believe you can view all of this in the actual source code.

So here is my probem - the page appears as intended when viewed with Mozilla. The spacing around all of the "blocks" is even on the vertical and horizontal plane. However, when viewed in IE6, the spacing is not as intended.

Can someone please help me. This has been driving me nuts. Completely nuts. Any suggestions would save my mental health.
Thanks, Ben

Have you tried setting cellspacing to 1 and cellpadding to 0?

Catalyst - Thanks for the advice - out of the six forums I have posted in, you are the only person to address my problem - thank you.

I have followed your advice and changed the settings. It is a vast improvement for IE6, but at the same time, it has effected the view in Mozilla. I am almost at the point where I could care less about it, but that would be a lie as I have been working on this site for quite some time. Anyway, thanks for the help, I am more worried about the appearance in IE6 than Mozilla and you have certainly changed it for the better!

What is the deal with IE6 rendering things differently than other browsers anyway?

Take a look at how the change looks:

http://www.pgroove.com/quicknews/frame_set.html

I also re-oriented the four block images so that they are aligned with the left and right side respectively - however this has thrown everything out of whack in Mozilla. It does however look exactly the way I want it to in IE.....

Unfortunately I do not think that the standards are exact enough. This means that when a browser is made, it is up to the interpretation of the programmers as to how to deal with these things. That is often what causes most of the problems between browsers.

Then again, it's almost impossible to design a specification that's precise in all circumstances.

But then again.. according to w3schools.com only 9.6% of all web users are using mozilla anyways... Where as internet explorer is 82.9%. This is as of March 2004. So I would make sure IE looked good, and then try and make mozilla work.

I appreciate the input everyone. I think I am to the point where I have it looking right in IE6, and I am just going to forget about working it over for Mozilla. This is a problem that has been plagueing me for weeks, so it is time to move on. It's certainly frustrating to look at other sites that have no problems between browsers, I guess that's why youpay someone to do all of this stuff!

Thanks again,
Ben

Well, you could probably get exactly what you want in this case by not using cellspacing or cellpadding and using CSS instead - but the cellspacing was the quick and dirty answer...

If you want CSS tips on it just ask and someone here will help out.

You must also remember that more people use Mozilla and Opera (and similiar browsers) that the statistics show. Opera includes the option to tell websites it is IE6 instead of Opera - which would change the statistics.

on the table cell, use css:-

Code: Select all

 <td style="padding:2px; margin:0px;"> content </td>

This will tell all CSS compatible browsers to place a 2 pixel padding all the way round the cell. you will want to set the table cellpadding to 0 for this to work across all browsers.

__________________
Rob - Webforumz Founder

I am currently NOT available for SEO consultancy work

My Sites: Student Midwife Forum

you also have to realize that stats can only show you a "General Idea" of what things are. Doesn't mean its the truth the light and the way. Just helps you get started in your designs and lets you know which one to design for, then try and make it work on the others after... Until your as good as some of these guys that do universal browser supports all the time.