Comments on: Why won't my page line-up properly?

Question: Why won't my page line-up properly?

taita_cakes — Sun, 18 Jun 2006 18:47:08 -0800

HTML/CSS-Filter: Why won't my page keep its width properly? One row keeps expanding over all the others.

The website is:
http://www.simonbrownartist.com/ausnerf/index.php

Stylesheet is"
http://www.simonbrownartist.com/ausnerf/style.css

I know I've used tables and not divs, I just got over it, and needed to keep common spacing, so just used tables instead. I also think it might be because I'm using padding and such.

Anyway, all help appreciated, I've only been using css for about a year.

By: jayder

jayder — Sun, 18 Jun 2006 19:02:16 -0800

Are you talking about the row that contains the text, "Please Note: Missing sections will be filled in over the weekend. Sorry for the inconvenience. Hectic university exam schedule"?

By: Rhomboid

Rhomboid — Sun, 18 Jun 2006 19:05:23 -0800

I think you're going to have to be a bit more specific as to what is wrong.

I really hope the black text on dark grey is a joke, because I just can't fathom that anyone would find that even remotely legible.

By: davcoo

davcoo — Sun, 18 Jun 2006 19:30:49 -0800

I don't know if it makes a difference, but the CSS doesn't validate.

By: dobbs

dobbs — Sun, 18 Jun 2006 20:25:30 -0800

I assume he means that the right side doesn't line up in the middle section (between bottom of navigation and top of "nerf" text area). Everything above/below the middle has an outside edge of X and everything within the middle ends at X+15px or so.

By: macinchik

macinchik — Sun, 18 Jun 2006 21:38:53 -0800

You have two closing table tags but only one opening table tag. See line 32 and 33.

By: rafter

rafter — Sun, 18 Jun 2006 22:43:38 -0800

Changing the width of the righthand side ("middle-right") to 42px fixes this. Besides the validation errors others mentioned, check your math on your table cells vs. layout images and make sure everything adds up.

Not to snark, but you should really, really not be using tables for layout.

By: taita_cakes

taita_cakes — Sun, 18 Jun 2006 23:19:19 -0800

Thanks heaps for your help, dobbs, macinchik and especially rafter.

As I mentioned, I had tried div's but had to use several in line and nested areas to get the effects I needed, and I was running a tight deadline. This was for a quick contest, and as you can see, didn't quite make it in the content/dead link states.

Black on grey was just me running out of colours, but the website will have a full re-release soon enough, when the contest ends, that way I can validate my code properly, possibly convert to div's. Etc. Etc.

Oh, and if you couldn't work out what was wrong with the overflowing layout, you need glasses :P I couldn't stand it, it was hideous.

By: parallax7d

parallax7d — Mon, 19 Jun 2006 00:20:27 -0800

good looking site.

By: AmbroseChapel

AmbroseChapel — Mon, 19 Jun 2006 02:23:58 -0800

the website will have a full re-release soon enough, when the contest ends, that way I can validate my code properly

You make it sound like validation is a meaningless luxury for when you've got some spare time.

Here's the thing: if you ask people online why your website doesn't work, then they're almost certainly going to tell you to validate both the HTML and the CSS. It would actually be good if people refused to help you until you'd done that.

Why? Because if you haven't validated it, then it's not actually HTML/CSS. It's some language you've made up, which is mostly HTML/CSS, with some other stuff thrown in there by you. It's taita_cakesML. And we can't help you with that.

By: taita_cakes

taita_cakes — Tue, 20 Jun 2006 06:21:15 -0800

AmbroseChapel, unfortunately I find problems with validating code to incredibly specific guidelines tiresome. I usually design my code to validate efficiently, but when I have to go through and add alt="" tags to 17 images simply because validation requires an image to have a super special title of its own, you can imagine where I lose interest.

The table issue was actually due to PHP requiring another table inside a table. For some reason it removes the start tag, and reads the tags straight away, and only notes the tag.

By: AmbroseChapel

AmbroseChapel — Tue, 20 Jun 2006 20:00:52 -0800

when I have to go through and add alt="" tags to 17 images simply because validation requires an image to have a super special title of its own, you can imagine where I lose interest

Quite. But I didn't even say you had to fix the problems, I just said you had to validate when you had a problem.

By: taita_cakes

taita_cakes — Thu, 22 Jun 2006 01:46:46 -0800

AmbroseChapel Yes, and I did validate too, not only did I not get that table error the first time I validated, but it was a mathematical error, that couldn't be validated. Bummer.