CSS gurus, what is wrong with my page ?

My home page is at :
http://alltherides.com

It appears fine on my machine (FF IE both) . But on certain computers typically with old browsers it looks all messed up. That is the right of the page starts shifting over.

Please look at attached images

please recommend a solution. This keeps me up at nights.

Define "older browsers". But you have 69 html errors and 67 CSS errors.

And I think you have a syntax error on line 112 ;)

Please post some code or a link.

Regards,

Drew

well here is my CSS file:



body{
margin:0;
padding:0;
line-height: 1em;
}

img{ border-style:none;


}

b{font-size: 110%;}
em{color: red;}


#topsection{

height: 100px; /*Height of top section*/
width: 100%;
background:url(../../../images/logo.jpg) no-repeat;

}

#topsection a{
color:#CCCCCC;

}



#navheader{
/*background:#C0C8DD;*/

background:#4A7BB5;
height: 31px; /*Height of top section*/

}


#navheader a{ color:#CCCCCC;
}



#topsection h1{
margin: 0;
padding-top: 15px;
}

#contentwrapper{
float: left;
width: 100%;
}

#contentcolumn{
margin: 0 15% 0 20%; /*Margins for content column. Should be "0 RightColumnWidth 0 LeftColumnWidth*/
}

#leftcolumn{
float: left;
width: 20%; /*Width of left column in percentage*/
margin-left: -100%;
/*background:#C0C8DD;*/

background:#4A7BB5;
}

#rightcolumn{
float: left;
width: 17%; /*Width of right column in pixels*/
margin-left: -17%; /*Set margin to that of -(RightColumnWidth)*/
/*background:#C0C8DD;*/

background:#4A7BB5;
}

#footer{
clear: left;
width: 100%;
background: #3B5998;
color:#CCCCCC;
text-align: center;
padding: 4px 0;
}

#footer a{

color:#FFFFFF;
}


.innertube{
margin: 10px; /*Margins for inner DIV inside each column (to provide padding)*/
margin-top: 0;
}


.category_header {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
font-weight: bold;
color:#FFFFFF;
background-color:#3B5998;

text-align:center;

}
.category_listing {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
color: #006699;
}


a {
FONT-WEIGHT: bold;
FONT-SIZE: 10px; COLOR: #006699;
FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; TEXT-DECORATION: none;

}

a:hover {color: #ffffff; background-color:#006699;}


.form_text {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
}
.bold_red {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 16px;
font-weight: bold;
color: #FF0000;
}

.latest_rides{

}

.latest_rides a {
font-size:54%;
font-weight:bold;
}


.viewlisting_header_text{font-size:24px;
font-weight:bolder;
}

.news_column a {

}

.greenmoney {

color: #009900;
font-size:12px;

}


.columnText {
font-size:12px;
}

.topnavlinks {
color:#000000;
}

.didyouknow{color:#FF6600;
font-stretch:semi-expanded;
font-weight:700;

}

.vin {
font-size:16px;
font-weight:bold;

}


}

Ok call me a nube but what do you mean by 69 html errors and 67 CSS errors?

Oh yeah I just them out on the validator hmmmm

funny thing is this thing was w3 compatible a few weeks ago

hmm

funny thing is this thing was w3 compatible a few weeks ago


Try adding more salt, or store at a lower temperature...?

http://i183.photobucket.com/albums/x103/Doctor_Varney/signature.gif

great helpful post there.

You could always officially thank me... ;)

(CSS is sometimes very frustrating. I often find a little humour helpful, even if it does not solve the issue.):D

Is the page working how you intend it, now you have fixed the errors?

http://i183.photobucket.com/albums/x103/Doctor_Varney/signature.gif

@2levelsabove

I'd recommend you to read "Why tables for layout is stupid? (http://www.hotdesign.com/seybold/)" and then check http://www.bonrouge.com/3c-hf-fluid.php, which is a good 3-column layout in CSS.

Thanks a lot.

I will take a look at that.

Doctor Varney said:-

(CSS is sometimes very frustrating. I often find a little humour helpful, even if it does not solve the issue.)

A man after my own heart. One can be too serious at times.:p:(:thumbsup::):rolleyes::mad::eek::D

Frank

There's a time and a place

There's a time and a place

Define it then. :D

Frank

'nuff said?

What's that, my old cognitive behaviour therapist said...? "You can't control CSS, but you can control your reaction to it...?" Well, I'm not so sure about that, sometimes...:D

I'm okay... I've taken my tablet... Honestly!

Perhaps you should increase the dose!:eek:

Frank

Things are more like they are now than they ever were before. - Dwight D. Eisenhower. :D

Define it then. :D

Frank

'nuff said?

Hmm, right