5 replies [Last post]
rikishipabst
Offline
Regular
Last seen: 17 years 49 weeks ago
Joined: 2004-07-24
Posts: 18
Points: 0

Hi,

I have a new website that is getting ready to go into production. I used the css layout generator as a base for a seperate stylesheet. I have validated my CSS using W3 Standards and their online checker. Their is one error in the CSS but it is simply to change the scrollbar color no biggie. The main problem I am having is that the site works fine in IE for Windows but IE Mac, Firefox, Mozilla, and Netscape all mess it up. I think it is a containment problem but I am not sure.

My main site is here:
venturingvortex.org

the stylesheet is located:
venturingvortex.org/Style/Master.css

Any help would be greatly appreciated.

Jef Patat
Jef Patat's picture
Offline
Regular
Belgium
Last seen: 15 years 22 weeks ago
Belgium
Timezone: GMT+1
Joined: 2004-10-15
Posts: 46
Points: 0

Width problem?

Hi,

it has probably something to do with your widths. For example i changed the #mcol width to 575 and that makes a difference.

I see other problems as well, for example the header, the blue border, etc. I assume it are all problems of the same kind.

Kind regards, de Jef

Visit Jef's Palace at http//www.jefspalace.be to comment my ongoing project.

Hugo
Hugo's picture
Offline
Moderator
London
Last seen: 7 years 25 weeks ago
London
Joined: 2004-06-06
Posts: 15668
Points: 2806

CSS Troubles

rikishipabst, you could do with adding a full DTD, the one your using isn't and FF is rendering in quirks mode, if you can I would not only run the validator over the style sheet but the HTML as well, there are a number of errors that you ought to fix .
The programme your using to generate the HTML is producing slightly sloppy code and a is a wee bit outdated in terms of deprecated tags.

Hugo.

Before you make your first post it is vital that you READ THE POSTING GUIDELINES!
----------------------------------------------------------------
Please post ALL your code - both CSS & HTML - in [code] tags
Please validate and ensure you have included a full Doctype before posting.
Why validate? Read Me

obsidian
Offline
Enthusiast
South Carolina
Last seen: 15 years 37 weeks ago
South Carolina
Joined: 2004-08-15
Posts: 136
Points: 0

CSS Troubles

since you have both of your columns floated, you probably want to put a

#footer {
    clear: both;
}

into your code. this will assure that your footer will drop down beneath the bottom of both your columns in different browsers. hope this helps!

You can't win, you can't lose, you can't break even. You can't even get out of the game!

rikishipabst
Offline
Regular
Last seen: 17 years 49 weeks ago
Joined: 2004-07-24
Posts: 18
Points: 0

Thanks

I tried your code but It did not seem to work.

rikishipabst
Offline
Regular
Last seen: 17 years 49 weeks ago
Joined: 2004-07-24
Posts: 18
Points: 0

Still Having Problems

Hey,

I am working on fixing the HTML code but, I remember when I first used the template and then created mine after it I was still having problems with other browsers. Does anyone know what I can do to my CSS file to fix the bug of the main column overlapping and the footer text not being contained?