CSS help again



Okay, so I managed to debug and figure out the other problem I was having, but this one has me stumped.

I have the page at: http://www.oaksclass.com/index2.html
It links to an external CSS file at http://www.oaksclass.com/oaksclass.css

The problem is, ALL the files reference that CSS.
2/3 of the pages work. 1/3 have this odd error in Mozilla ONLY.

Below are the problem pages:
In the main menu, clicking on schedule, list grades, check grades, madlibs, and links–instead of everything lining up, Mozilla inserts extra space on those pages sending everything out of wack. I can’t find any differences in code that would do that, seeing as they use the same CSS code.

Also, click on wish list, then wishes; syllabus then class rules; monthly then any of the months; extra credit and then 1st Six weeks; etc. has the same error.

Again, 2/3 of the pages work.
While some of the non-working pages have more CSS code in the HTML file itself, some don’t–so that doesn’t seem to be the problem.
On wishes–I even removed the main text. Still has the error.

I can’t figure it out.




If you are talking about the “main menu” box being wider than the main menu items, its because even though you specify a width on the table cells for the left and right columns, the browser is still considering the width of the columns to be proportional to the width of the table.
You need to add “width=100%” to the TD containing the logo to force that table cell to take up the most room.

I think another problem is that you are using the same id more than once!



----------------[/code] This is bound to cause problems, too. Mozilla follows the CSS 2.1 specification, and here is what it says:

[quote]5.9 ID selectors

Document languages may contain attributes that are declared to be of type ID. What makes attributes of type ID special is that no two such attributes can have the same value; whatever the document language, an ID attribute can be used to uniquely identify its element. In HTML all ID attributes are named “id”; XML applications may name ID attributes differently, but the same restriction applies.

The ID attribute of a document language allows authors to assign an identifier to one element instance in the document tree. CSS ID selectors match an element instance based on its identifier. A CSS ID selector contains a “#” immediately followed by the ID value, which must be an identifier.[/quote]

:cool: Perl / MySQL / HTML CSS


I hadn’t thought about the width thing but I should know better than the id’s. That’s what classes are for–silly me!

I’ll give that a try in the morning and see if that fixes it.