Hello and welcome to our community! Is this your first visit?
Register
Enjoy an ad free experience by logging in. Not a member yet? Register.
Results 1 to 4 of 4
  1. #1
    New to the CF scene
    Join Date
    Oct 2010
    Location
    Ontario, Canada
    Posts
    2
    Thanks
    0
    Thanked 0 Times in 0 Posts

    My #wrapper won't work in IE or chrome.. ?

    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

  • #2
    New Coder
    Join Date
    Nov 2008
    Location
    Canada
    Posts
    31
    Thanks
    3
    Thanked 1 Time in 1 Post
    can you attach the css file. I'll take a look at it for you.

  • #3
    New to the CF scene
    Join Date
    Oct 2010
    Location
    Ontario, Canada
    Posts
    2
    Thanks
    0
    Thanked 0 Times in 0 Posts

    I can't thank you enough

    Code:
    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;
    }

  • #4
    Senior Coder
    Join Date
    Aug 2010
    Location
    High Point, NC
    Posts
    3,338
    Thanks
    5
    Thanked 363 Times in 360 Posts
    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.


  •  

    Posting Permissions

    • You may not post new threads
    • You may not post replies
    • You may not post attachments
    • You may not edit your posts
    •