...

View Full Version : My #wrapper won't work in IE or chrome.. ?



nathanielr
10-25-2010, 09:11 PM
My "#wrapper" is set to 750px which works on the header and navigation, but the content and footer are some how not targeted by the wrapper.

The wrapper works in firefox, for some reason, but not in IE or chrome. I haven't been able to figure out why and I've been staring at the html for a couple of hours now.

Help me please!

the link to the site is http://www.nathanielrenton.com/copymail

LorEye
10-25-2010, 09:27 PM
can you attach the css file. I'll take a look at it for you.

nathanielr
10-25-2010, 10:11 PM
div.skip-link {
position:absolute;
right:1em;
top:1em;
}
#blog-description {
font-family:Arial, Helvetica, sans-serif;
}
body {
margin: 0;
padding: 0;
background: #FFF url('images/back.png');
background-repeat: repeat-y;
background:grey url('http://www.nathanielrenton.com/copymail/wp-content/uploads/2010/10/back.png');
}
#lines img {
float:right;
margin-right:-24px;
margin-top:-184px;
}
#wrapper {
width:750px;
margin:auto;
background-color:lightgrey;
border-left:solid 1px #ACACAC;
border-right:solid 1px #ACACAC;
border-bottom:solid 1px #ACACAC;

}
#header {
background-color:#F7941E;
height:90px;
}
#logo img {
float:left;
margin-left:16px;
margin-top:12px;
}
#logo img a {
link style: none;
border:none;
}
#blog-title {
display:none;
}
.skip-link {
float: right;
padding:2px;
padding-right:5px;
}
#categories {
display:none;
}
#archives {
display:none;
}
#linkcat-2 {
display:none;
}
#rss-links {
display:none;
}
#primary {
border-top:solid 1px grey;
border-right:solid 1px grey;
border-bottom:solid 1px grey;
}
#entry-content #ESW_GEN_ID_3 {
}
#content h2 {
border:solid 1px grey;
background: lightgrey;
padding-top:5px;
padding-bottom:5px;
padding-left:7px;
margin-right:3px;
}
#pages {
}
#more img {
margin-top:50px;
float:right;
margin-right:15px;
}
ul li #logo img {
}
#blog-description {
display:none;
}
.skip-link {
display:none;
}
#pages ul {
padding-left: 0;
margin-left:0;
}
#pages ul li {
margin-bottom:4px;
border-right:solid 4px #17479E;
text-align:center;
background-color:white;
padding-top:2px;
padding-bottom:2px;
}
#pages ul li a {
link-style:none;
color:black;
text-decoration:none;
font-family:Arial, Helvetica, sans-serif;
margin-left:0px;
padding:0px;
}
#pages ul li:hover {
background-color: #F7941E;
color: #17479E;
}
#pages ul li a:hover {
}
#post-2 h2.entry-title {
display:none;
}
h2.entry-title {
font-size:18px;
font-family:Arial, Helvetica, sans-serif;
margin-bottom:10px;
}
#ESW_GEN_ID_2 {
font-family:Arial, Helvetica, sans-serif;
}
#ESW_GEN_ID_4 p {
padding-bottom:1px;
font-size:15px;
font-family:Arial, Helvetica, sans-serif;
text-style:none;
}
#ESW_GEN_ID_4 ul li {
font-size:14px;
font-family:Arial, Helvetica, sans-serif;
}
#cspc-column-1 {
font-size:15px;
font-family:Arial, Helvetica, sans-serif;
width:39%;
border-bottom:solid 1px grey;
}
#cspc-column-0 {
width:59%;
line-height:18px;
float:left;
}
.move {
padding-right:5px;
}
.specials {
font-size:16px;
border-bottom: solid 2px grey;
border-top: solid 1px grey;
border-left: solid 1px grey;
border-right: solid 2px grey;
padding-left:5px;
padding-top:4px;
padding-right:5px;
padding-bottom:5px;
padding-right:130px;
}
#content {
padding-left:15px;
padding-right:7px;
border-top: solid 1px grey;
border-left: solid 1px grey;
border-bottom: solid 1px grey;
background-color:white;
font-size:14px;
float:right;
padding:;
width: 561px;
font-size: 14px;
margin-right: 10px;
}
#pages ul {
}
#info {
width:455px;
float:left;
font-family:Arial, Helvetica, sans-serif;
margin-top:0;
margin-left:-25px;
}
#info li {
list-style:none;
color:#4F4F4F;
}
#mail {
margin-top:0px;
height:80px;
}
#mail ul li {
list-style:none;
display:inline-block;
width:150px;
}
#1 {
width:490px;
line-height:10px;
padding:none;
margin-right:600px;
}
#2 {
width:200px;
}
#3 {
width:200px;
}
#menu ul li {
padding-right:3px;
}
div#menu {
background:#17479E;
height:1.5em;
padding:2px;
padding-left:4px;
width:auto;
}
#menu ul li a {
color:white;
font-family:Arial, Helvetica, sans-serif;
}
#menu ul li a:hover {
color: #F7941E;
}
#menu ul li a:visited {
color:;
}
#menu ul li a:visited:hover {
color: #F7941E;
}
#meta ul li a {
color:#17479E;
link-style:none;
list-style:none;
text-decoration:none;
padding-top:17px;
}
#meta ul li a:hover {
color:black;
}
#copy {
font-family:Arial, Helvetica, sans-serif;
color:white;
font-size:13px;
margin-top:-9px;
margin-bottom:-8px;
text-align:center;
margin-right:0px;
}
.welcome {
font-size:16px;
border:solid 1px grey;
background:lightgrey;
padding-left:7px;
padding-top:5px;
padding-bottom:5px;
margin-bottom:10px;
font-family:Arial, Helvetica, sans-serif;
float:right;
text-align:left;
width:98%;
margin-right:3px;
margin-top:-1px;
}
.welcome {
}
#ESW_GEN_ID_3 img {
margin-right:4px;
margin-bottom:4px;
}
#pages h3 {
display:none;
}
#pages ul li {
list-style:none;
}
#pages ul {
margin-left:none;
}
#meta ul li {
list-style:none;
}
#meta h3 {
display:none;
}
#search h3 {
color:white;
font-family:Arial, Helvetica, sans-serif;
margin-bottom:-7px;
}
.blog-search input#s.text {
width: 97%;
border:solid 1px white;
border-top:solid 1px grey;
}
.blog-search input.button {
float:right;
margin-top:-2px;
}
#footer {
margin-top:10px;
border-top: solid 4px #F7941E;
background-color: #17479E;
padding-top:4px;
padding-bottom:4px;

}
#theme-link a {
color:lightgrey;
}
div#menu ul, div#menu ul ul {
line-height:1;
list-style:none;
margin:0;
padding:0;
}
div#menu ul a {
display:block;
margin-right:0;
padding:0.2em 0.5em;
text-decoration:none;
}
div#menu ul ul ul a {
font-style:italic;
}
div#menu ul li ul {
left:-999em;
position:absolute;
}
div#menu ul li:hover ul {
left:auto;
}
.entry-title, .entry-meta {
clear:both;
}
div#container, div#primary {
margin-top:-8px;
width: 150px;
padding-top:0px;
background-color:#17479E;
}
#container {
}
#primary {
border-left: solid 4px #17479E;
}
#primary ul {
padding-top:5px;
}
form#commentform .form-label {
margin:1em 0 0;
}
form#commentform span.required {
background:#fff;
color:#c30;
}
form#commentform, form#commentform p {
padding:0;
}
input#author, input#email, input#url, textarea#comment {
padding:0.2em;
}
div.comments ol li {
margin:0 0 3.5em;
}
textarea#comment {
height:13em;
margin:0 0 0.5em;
overflow:auto;
width:66%;
}
.alignright, img.alignright {
float:right;
margin:1em 0 0 1em;
}
.alignleft, img.alignleft {
float:left;
margin:1em 1em 0 0;
}
.aligncenter, img.aligncenter {
display:block;
margin:1em auto;
text-align:center;
}
div.gallery {
clear:both;
height:180px;
margin:1em 0;
width:100%;
}
p.wp-caption-text {
font-style:italic;
}
div.gallery dl {
margin:1em auto;
overflow:hidden;
text-align:center;
}
div.gallery dl.gallery-columns-1 {
width:100%;
}
div.gallery dl.gallery-columns-2 {
width:49%;
}
div.gallery dl.gallery-columns-3 {
width:33%;
}
div.gallery dl.gallery-columns-4 {
width:24%;
}
div.gallery dl.gallery-columns-5 {
width:19%;
}
div#nav-above {
margin-bottom:1em;
}
div#nav-below {
margin-top:1em;
}
div#nav-images {
height:150px;
margin:1em 0;
}
div.navigation {
height:1.25em;
}
div.navigation div.nav-next {
float:right;
text-align:right;
}
div.sidebar h3 {
font-size:1.2em;
}
div.sidebar input#s {
width:7em;
}
div.sidebar li {
list-style:none;
margin:0 0 2em;
}
div.sidebar li form {
margin:0.2em 0 0;
padding:0;
}
div.sidebar ul ul {
margin:0 0 0 1em;
}
div.sidebar ul ul li {
list-style:disc;
margin:0;
}
div.sidebar ul ul ul {
margin:0 0 0 0.5em;
}
div.sidebar ul ul ul li {
list-style:circle;
}
div#menu ul li, div.gallery dl, div.navigation div.nav-previous {
float:left;
}
div#header, div#footer {
text-align:center;
}
input#author, input#email, input#url, div.navigation div {
width:50%;
}
div.gallery *, div.sidebar div, div.sidebar h3, div.sidebar ul {
margin:0;
padding:0;
}

teedoff
10-26-2010, 12:48 AM
You have a few validation errors that may be causing some of your problems. Take care of those first and then see if that helps. Validate here (http://validator.w3.org).



EZ Archive Ads Plugin for vBulletin Copyright 2006 Computer Help Forum