Why won't my page line-up properly?
June 18, 2006 6:47 PM   Subscribe

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.
posted by taita_cakes to Computers & Internet (12 answers total)
 
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"?
posted by jayder at 7:02 PM on June 18, 2006


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.
posted by Rhomboid at 7:05 PM on June 18, 2006


I don't know if it makes a difference, but the CSS doesn't validate.
posted by davcoo at 7:30 PM on June 18, 2006


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.
posted by dobbs at 8:25 PM on June 18, 2006


You have two closing table tags but only one opening table tag. See line 32 and 33.
posted by macinchik at 9:38 PM on June 18, 2006


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.
posted by rafter at 10:43 PM on June 18, 2006 [1 favorite]


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.
posted by taita_cakes at 11:19 PM on June 18, 2006


good looking site.
posted by parallax7d at 12:20 AM on June 19, 2006


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.
posted by AmbroseChapel at 2:23 AM on June 19, 2006


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.
posted by taita_cakes at 6:21 AM on June 20, 2006


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.
posted by AmbroseChapel at 8:00 PM on June 20, 2006


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.
posted by taita_cakes at 1:46 AM on June 22, 2006


« Older Indonesia?   |   How to have fun in Aruba without hanging out with... Newer »
This thread is closed to new comments.