...

View Full Version : CSS gurus, what is wrong with my page ?



2levelsabove
11-12-2008, 02:01 AM
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.

drhowarddrfine
11-12-2008, 05:03 AM
Define "older browsers". But you have 69 html errors and 67 CSS errors.

FWDrew
11-12-2008, 05:05 AM
And I think you have a syntax error on line 112 ;)

Please post some code or a link.

Regards,

Drew

2levelsabove
11-12-2008, 05:36 AM
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;

}


}

2levelsabove
11-12-2008, 05:38 AM
Ok call me a nube but what do you mean by 69 html errors and 67 CSS errors?

2levelsabove
11-12-2008, 05:43 AM
Oh yeah I just them out on the validator hmmmm

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

hmm

Doctor_Varney
11-12-2008, 10:00 AM
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

2levelsabove
11-12-2008, 10:06 AM
great helpful post there.

Doctor_Varney
11-12-2008, 10:12 AM
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

abduraooft
11-12-2008, 10:16 AM
@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.

2levelsabove
11-12-2008, 10:23 AM
Thanks a lot.

I will take a look at that.

effpeetee
11-12-2008, 01:25 PM
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

brazenskies
11-12-2008, 01:43 PM
There's a time and a place

effpeetee
11-12-2008, 02:13 PM
There's a time and a place

Define it then. :D

Frank

'nuff said?

Doctor_Varney
11-14-2008, 02:22 PM
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

effpeetee
11-14-2008, 03:18 PM
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

brazenskies
12-27-2008, 02:58 AM
Define it then. :D

Frank

'nuff said?

Hmm, right



EZ Archive Ads Plugin for vBulletin Copyright 2006 Computer Help Forum