CSS element width
I have two different pages. Page A is the original, and Page B is the same thing started from scratch to clean it up.
Page A:
http://www.summitsix12.com/blogs/recent-updates/index.html
http://www.summitsix12.com/blogs/recent-updates/styles-site.css
Page B:
http://www.summitsix12.com/blogs/recent-updates/new-index.html
http://www.summitsix12.com/blogs/mt-stylesheet.css
On Page A the sections using the date class have a width of 100% (with some padding around it), but in Page B the section is only as wide as the text within it. I've tried adding the width attribute to the stylesheet, but it doesn't have any effect. Does anyone know what I need to do to make those sections on Page B have a width of 100%? Thanks in advance.
*The stylesheets were written under Linux, so if you open it up w/ Notepad there won't be any line breaks. If you use Wordpad instead it should display fine.
Renegade posted this at 22:50 — 7th July 2003.
He has: 3,022 posts
Joined: Oct 2002
I get for Page A when I run it through the CSS validator:
http://jigsaw.w3.org/css-validator/validator?uri=http%3A%2F%2Fwww.summitsix12.com%2Fblogs%2Frecent-updates%2Fstyles-site.css&warning=1&profile=css2
And this for Page B:
http://jigsaw.w3.org/css-validator/validator?uri=http%3A%2F%2Fwww.summitsix12.com%2Fblogs%2Fmt-stylesheet.css&warning=1&profile=css2
Though I can't see what the problem is, I should say that those scrollbar thingys have cause me a little trouble in the past, it's best just to get rid of it, it's more or less pointless cause only IE (to my knowledge) displays it.
IanD posted this at 23:26 — 7th July 2003.
They have: 222 posts
Joined: Sep 1999
This is off-topic, coloring the scrollbar isn't going to effect the width of a section, but... It's not pointless. It makes the site look better. It doesn't display in Mozilla/Netscape, but, so what? That's would be the result anyway if I followed your suggestion. With it on, 85% of the visitors can see it; that's better than 0%. If it were a navigational element then it should be 100% cross-browser compatable, but it's not, it's just decorative. No one is harmed by having it on, it doesn't make the site harder to navigate in some browsers or resolutions... it doesn't have any negative effects. Why get rid of it, other than overzealous conformation to standards? It's better for some people to see it than for no one to see it.
Fighting for a Lost Cause.net
Suzanne posted this at 03:26 — 8th July 2003.
She has: 5,507 posts
Joined: Feb 2000
It does have negative effects for some people - notably that while you're changing the scrollbar colours and appearance and you don't get to see how they have their browser skinned/set up/et cetera - they do. You may take a regular looking site and make it look like poop on their monitor.
Additionally, you can really confuse more naive users, as you're over-stepping your "authority" regarding interface design.
IanD posted this at 17:56 — 8th July 2003.
They have: 222 posts
Joined: Sep 1999
Figured it out... I was using a span instead of a div for that section. Changed it to a div and it extends all the way across now.
Want to join the discussion? Create an account or log in if you already have one. Joining is fast, free and painless! We’ll even whisk you back here when you’ve finished.