Unwanted space... please help...

[Ayac]

Hi All!

Look at this website:

http://www.legalexplorer.com/

Whatever reason if I look at it under Mozilla 1.0 and above, there are tons of space horizontally between the table cells what makes it really ugly...

It is strange that older browsers like Netscape 4.7 still displays it nice...

Do you know what the problem is??

 

[RISTMO]

It looks good in the other browsers. Just not NS 6. So, I'd try putting height attributes in the td's. You could try putting them in the TR's, but that's not in the HTML 4.01 standard and might not work. If that doesn't do it, try playing with the margins for the TR's.

eg.
tr{
margin:-10;
}

Rick If I have helped you just click the first link below to let me know

 

[Ayac]

Those does not do anything... I have tried...
It is pure HTML, and the tables looks fine, I do not know where the problem is...

:-(

 

[RISTMO]

Oh. I see it now. I know what's causing it. You have tables inside of td's. tables inside of td's=bad! You need to take those out and do the same thing without nesting tables inside of td's.

Rick If I have helped you just click the first link below to let me know

 

[RISTMO]

That should fis the problem at the top right. Also the centers are causing the big spaces between the other rows of images take out this individual centers and keep everything in one big one.

Rick If I have helped you just click the first link below to let me know

 

[cian]

Hi

can I mention something different?
Really nice site but I dont like the bottom banner image changing when I mouse-over the 6 pictures! It's not-consistent, because the mouse-overs take up such a large space on the page you can't avoid going over them if you are just going to search or site map for example and quite often the banner image just goes blank! And just going from "Need a lawyer" to "consumer alert" there's too much flashing going on (fron black to cream to black) and I find it very off putting.

Apart from that it's a really nice site, great graphics and use of colours!

About your question? I only have IE6 and it looks fine!
I would suggest that you eliminate any spaces in your code but I see you have done this! Sorry not much help.


É

http://www.endamcg.com/finland-gaa

 

[cian]

Hi again,

sorry I just noticed another thing,
below your main graphic section you have 10 links. the banner image changes with these also, not nice! What's worse is that when i mouse-off one of these links the banner image goes blank, everytime! And you lose consistency cos the banner image does not change when I mouse over the links for Search, Site map, Contact, About Us.
Sorry again for straying from the topic but I thought it might help!


É

http://www.endamcg.com/finland-gaa

 

[SPYDERIX]

ristmo2001,

What is wrong with <TABLE> inside <TD>? I do it all the time. There is nothing wrong with doing that, that is how you nest the tables. What if you wanted a table in a table with COLSPAN=&quot;2&quot; or ROWSPAN=&quot;2&quot;? You can't put those in <TR>'s, they have to go in <TD>'s. I just tried it too.

Ayac,

Sorry I can't answer your problem however I notice a discrepancy in your site. Right above the woman in the box saying &quot;Need a lawyer&quot; your background image is slightly off to the right (2-3 pixels or so).

Hope this helps! NATE

design@spyderix-designz.com

http://www.spyderix-designz.com

 

[BlueMango]

Well, I'm afraid I must not understand the problem your having.. did you fix it already? I'm running Mozilla build 2002053012, and it looks fine to me!

Just a couple things I noticed while going over your code though..
Where you have the simpler navigation buttons in the top-right hand corner, there is some discrepancy in the widths you set in your tables. The sum of the TD widths does not equal the set width of your table, and therefore it not equal to the equivalent portions in the containing table, etc. My browser seems to have sorted it out in the end, but you're getting a bit of faulty line up with the following root-level table, possibly because of this.
Secondly, why so many separate root-level tables? Since they are all being used to make a single graphical stack, everything should probably be held in one big table with extra tables nested as needed (I should point out that I agree with Spyderix on this one - there is nothing wrong with using nested tables in this case). How you have it now, some browsers may try to put vertical spaces between the tables, resulting in nasty gaps amidst your smooth graphic presentation.
Lastly, what's up with the <layer> and <ilayer> and <div> tags all stacked up near the end there? I see you use them in your javascript to make somthing happen, but whatever it is, it doesn't seem to work in Mozilla This may have to do with the fact that neither <layer> or <ilayer> are defined in any W3C DTD (let alone 4.01), and you've explicitly set the DTD to W3C transitional at the start of your document... Even if this isn't what's causing it not to work, you shouldn't have this doctype declaration anywhere near a page that uses ilayer.

I think thats enough for one post Great looking page! -----------------------
*doink!*

 

[Ayac]

Hi everyone!

Thank you all that you were trying to help, but finally I have figured it out. The solution is really strange, but works. The weird extra spacing in my tables were caused by the bad DTD!

So the first line of my html page has to look like this:

<!DOCTYPE html PUBLIC &quot;-//W3C//DTD HTML 4.01 Transitional//EN&quot;>

I put strict instead of transitional, and that messed up the spacing... Interesting eh? This is like a &quot;scratch your butt if you have an ich on your head&quot; type of problem...

 

[Ayac]

Oh, and thanks for your suggestions sbout the page, I really appreciate it!
I think when you, BlueMango were looking at the page, it was fixed. Thank you!!!