2 replies [Last post]
urbanstrata
Offline
newbie
New York, NY, USA
Last seen: 18 years 19 weeks ago
New York, NY, USA
Joined: 2004-07-20
Posts: 2
Points: 0

Hi all,

The CSS on my Wordpad blog site, www.urbanstrata.com, validates with the W3C, but it does not display properly on Gecko browsers. (Oddly, it DOES display properly on IE, so I know something weird is up.) If you look at the site with a Gecko browser, you'll see that the left column (including the calendar) is slightly indented and spills out into the content area. Anyone have insight into how I can fix this and align it in the column?

Here's my CSS. Thanks for your help!

Jeff

/* Modifications by Chris M (http://aphotolog.com) for WordPress.
Further modifications by Jeffrey Gordon (http://www.urbanstrata.com)

Licensed under GPL.

NOTE:

If you'd like to have the "seach" and "other" functions show up
in the menu, remove the lines:

#search, #other {
display: none;
}
*/

a:link, a:visited {
color: #767676;
text-decoration: none;
}

a:hover {
color: #767676;
text-decoration: underline;
}

body {
margin: 0;
color: #333333;
background: #ffffff url("wp-content/urbanstrata_banner_sky.jpg") repeat-x;
font: 11px/17px Verdana, Arial, sans-serif;
text-align: left;
}

h2 {
float: left;
margin: 0 10px 10px 0;
padding: 5px;
border-right: #d1d1d1 solid 1px;
font: normal 18px Georgia, "Times New Roman", Times, serif;
}

h3 {
margin: 10px 0px 0px 0px;
padding-bottom: 2px;
font-family: Georgia, "Times New Roman", Times, serif;
font-weight: normal;
}

input, textarea {
border: #949494 1px solid;
background: #d1d1d1;
font-size: 11px;
}

p.credit {
margin: 0;
padding: 10px 0 0 0;
text-align: center;
}

.credit {
clear: both;
}

.feedback {
margin-bottom: 30px;
padding: 0;
border-bottom: #d1d1d1 solid 1px;
text-align: right;
}

.meta li {
display: inline;
}

.meta ul {
margin: 0;
padding: 0;
display: inline;
list-style: none;
}

.storytitle {
margin: 0;
padding: 0;
font: normal 16px Georgia, "Times New Roman", Times, serif;
}

#content {
margin: 0px 0px 0px 220px;
padding: 20px;
background: #ffffff;
}

#header {
margin: 0 0 0 0;
padding: 20px;
background: #949494;
font: 22px Georgia, "Times New Roman", Times, serif;
}

#header a {
color: #ffffff;
text-decoration: none;
}

#menu {
margin: 0;
width: 180px;
padding: 20px;
background: #d1d1d1;
text-align: left;
float: left;
}

#menu li, form, li {
margin: 0;
padding: 0;
}

#menu ul {
margin: 0;
list-style-type: none;
}

#menu ul ul {
margin: 0;
padding: 0 0 20px 0;
border-top: 1px solid #efefef;
list-style-type: none;
}

#rap {
padding: 0;
}

#wp-calendar {
width: 180px;
text-align: center;
}

#wp-calendar caption {
text-align: center;
}

#wp-calendar #today {
background: #ffffff;
}

#search, #other {
display: none;
}

Tony
Tony's picture
Offline
Moderator
Brisbane
Last seen: 2 weeks 14 hours ago
Brisbane
Timezone: GMT+10
Joined: 2003-03-12
Posts: 5344
Points: 2965

Please Help: Weird Problem Despite W3C Validation

Hi urbanstrata,
I can't see why thats happening, you have explicitly set the margins to 0 so the only suggestion I can think of at the moment is to remove any space around the elements.

urbanstrata
Offline
newbie
New York, NY, USA
Last seen: 18 years 19 weeks ago
New York, NY, USA
Joined: 2004-07-20
Posts: 2
Points: 0

Please Help: Weird Problem Despite W3C Validation

Thanks for checking, Tony!

Regards,
Jeff