Page 1 of 1

Any problems with the CSS/HTML on my site?

Posted: Sun Dec 02, 2007 11:49 pm
by Josh1billion
Hey everyone,

My site ( http://www.seedsoftime.net ) has been having some issues lately with layout problems. I believe this to be due to the layout possibly having some errors/problems in it, CSS or HTML-wise.

So if anyone is bored enough to take a look over the code of the layout there (Firebug would be helpful to see the div's that build the layout, and to see the CSS stylesheet), please let me know of any problems you run across. :)

Particularly: problems have occured on pages where the navigation bar (the blue one which says Home / Forums / Create Account / Login) AND/OR the ads are displayed. So there might be something wrong with the layout in there... for example, on pages where I had either the ads or the navigation bar displayed, or both of them displayed, there would be problems if I tried to print out a table. The table would appear outside of the layout columns, to the right of the right-side navigation bar. So for pages which display that table, I have the ads and navigation bar hidden (not printed to the screen). It's a temporary solution until we can find out what the root cause is...

Thanks much, guys.

Posted: Mon Dec 03, 2007 12:10 am
by s.dot
http://validator.w3.org/check?uri=www.s ... ne&group=0
http://jigsaw.w3.org/css-validator/vali ... medium=all

Usually if you fix the errors that the w3 html and css validators tell you, you won't have any quirks in your page. :)

Moved to UI Design & Usability

Posted: Mon Dec 03, 2007 1:00 am
by Josh1billion
Interesting stuff. The first link scares me, though. lol

Posted: Mon Dec 03, 2007 3:21 am
by s.dot
Indeed, it does look scary. You'll find however that some errors go away once you fix one of them. So there really aren't 309 errors, or whatever.

Posted: Mon Dec 03, 2007 5:03 pm
by Josh1billion
Oh, I see. Thanks for the links.

Posted: Wed Dec 05, 2007 3:18 am
by patrikG
moved to forum "client side".

Posted: Thu Dec 06, 2007 10:55 pm
by Josh1billion
Lots of moving. I guess that's what happens when you create a thread asking for a Coding Critique of your site's Client Side UI Design & Usability. lol

Posted: Sat Dec 08, 2007 6:08 am
by JAB Creations
Change *all* <meta> to <meta /> (add a space and slash at the end). That will fix some validation issue.

Change *all* <script language="javascript"> to <script type="text/javascript">

Find and replace all <BR> and <br> and replace with <br /> (case sensitive).

All input elements need to be closed just like meta elements. So in example change...
<input type="text" name="username" size="15">
to...
<input type="text" name="username" size="15" />

Do this and your errors should drop to well under 100.