Designing for Mozilla is driving me nuts

[Anka]

Hope I can find some assistance here... I´m trying to redesign my site so that it can be seen properly both in Mozilla and IE. If you want to see it at it´s current state, it really *****... IE shows it alright, but not Mz. cultivaelespiritu.com.ar
And, to make it even easier on myself, I decided to learn CSS while I did this... Result: nothing works. I have a start of a new index file here cultivaelespiritu.com.ar/index24.htm, but it´s not working out in Mozilla, since it adds some space between the upper table with the header picture and the next, and doesn´t allow me to make the last TR just 11 px high. I can´t understand why it doesn´t display the 11 px. Could someone give me a hint? Please? I´ll be forever thankful! :D

[WebSavvy]

That's because you cannot apply size to <TR> that is applied to <TD> only.

If the external CSS is failing, you can always add inline style elements to the <TD> like this:

<td style="height:11px; font-family:verdana, sans-serif, serif; font-size:10px; font-weight:normal; color:#000;">

put the content here

</td>

Let me know if this works, and if not, we'll try it another way.

Have you tried to validate the code using the W3C Markup Validation tool?

There's also one at the W3C for validating your CSS file as well.

If the HTML and CSS pass validation, then we can eliminate those as possibilities as to why your layout isn't working for you.

[g1smd]

Mozilla is a standards compliant browser.

If you add a standardised DOCTYPE (e.g. HTML 4.01 Transitional) to your page of HTML code, and validate both your HTML and CSS then it is usually easier to design for Mozilla than it is to design for IE... at least in my experience of all this.

[Connie]

Anka you have 11 html errors on the page. I don't think they would cause your problem but they might since you using the Strict Doc type.

Here are the valadation results. http://validator.w3.org/check?verbose=1&uri=http%3A//cultivaelespiritu.com.ar/index24.htm

[Anka]

Wohoooo! Thank you all for your advice.
I started with Savvy1´s... The style tag worked just fine for the bottom line that was showing to tall.
Regarding validation, I´m trying to make the site valid, but my plan is to first design it, and then correct it. I´m not too good with CSS yet... Most of the errors should be corrected by formatting the site externally, so I gotta work on that a bit.
Now one more question... it´s a total mystery to me... The top table on the site (the one with the site´s baner and the first links) is showing a space between the top row and the second. Somehow (I wish I knew how) I made it a little smaller... You´ll see that the top attempt has a bigger space than the second one. Still, I can´t understand why the program´s creating a space between to TRs... It might even make a little sense if they were to tables, but they´re simply rows of a table with cellpadding and cellspacing=0... Any ideas on what could be causing this?