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.
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.
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 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
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
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
posted by macinchik at 9:38 PM on June 18, 2006
Best answer: 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]
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]
Response by poster: 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
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
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
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
Response by poster: 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
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
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
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
Response by poster: 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
posted by taita_cakes at 1:46 AM on June 22, 2006
This thread is closed to new comments.
posted by jayder at 7:02 PM on June 18, 2006