WordPress.org

1. carlclendenin
   Member
   Posted 2 years ago #

   http://www.maddeniq.com/home

   The page views fine in firefox. When viewed in IE, the sidebar widgets are displayed at the bottom of the content (post) area.

   What can I do to fix this problem?

2. carlclendenin
   Member
   Posted 2 years ago #

   Sorry I meant IE and firefox. Internet explorer.

3. EMG
   Member
   Posted 2 years ago #

   Going to bed so I don't have time to really look at your CSS, but check the widths, paddings, and margins for your #homepage, #contentleft, and your #sidebar.

   More than likely, IE is either balking at the math (something didn't quite add up right according to IE and therefore, IE parses the sidebar to a new row below the content block) or balking at interfering margin or padding values.

4. carlclendenin
   Member
   Posted 2 years ago #

   Is there a layman's way of checking/fixing this problem?

   Thanks

5. carlclendenin
   Member
   Posted 2 years ago #

   bump

6. carlclendenin
   Member
   Posted 2 years ago #

   More help please.

7. carlclendenin
   Member
   Posted 2 years ago #

   #homepage

   /************************************************
   *	Homepage					     		    *
   ************************************************/
   
   #homepage, #featuredpage {
   	width: 956px;
   	margin: 0px auto 0px;
   	padding: 20px 0px 0px 0px;
   	line-height: 20px;
   	}
   
   #homepage p, #featuredpage p {
   	padding: 0px 0px 0px 0px;
   	margin: 0px;
   	}
   
   #homepage h1, #featuredpage h1 {
   	color: #2255AA;
   	font-size: 18px;
   	font-family: Georgia, Times New Roman, Trebuchet MS;
   	font-weight: normal;
   	margin: 0px 0px 5px 0px;
   	padding: 5px 0px 0px 0px;
   	}
   
   #homepage h1 a, #homepage h1 a:visited, #featuredpage h1 a, #featuredpage h1 a:visited {
   	color: #333333;
   	text-decoration: none;
   	}
   
   #homepage h1 a:hover, #featuredpage h1 a:hover {
   	color: #2255AA;
   	text-decoration: none;
   	}
   
   #homepage h2, #homebottom h2, #featuredpage h2 {
   	background: #333333;
   	color: #FFFFFF;
   	font-size: 11px;
   	font-family: Arial, Tahoma, Verdana;
   	font-weight: bold;
   	text-transform: uppercase;
   	margin: 0px 0px 5px 0px;
   	padding: 3px 0px 3px 7px;
   	}
   
   #homepage h3, #featuredpage h3 {
   	color: #333333;
   	font-size: 18px;
   	font-family: Georgia, Times New Roman, Trebuchet MS;
   	font-weight: normal;
   	margin: 0px 0px 0px 0px;
   	padding: 0px 0px 0px 0px;
   	}
   
   .hometopleft {
   	background: #FFFFFF url(images/sidebar.png) repeat-x;
   	-moz-border-radius: 5px;
       -webkit-border-radius: 5px;
   	float: left;
   	width: 592px;
   	margin: 0px 20px 0px 0px;
   	padding: 5px 5px 5px 5px;
   	border: 1px solid #333333;
   	}
   
   .hometopright {
   	float: left;
   	width: 292px;
   	margin: 0px 0px 0px 0px;
   	padding: 0px;
   	display: inline
   	}
   
   #hometop {
   	width: 916px;
   	margin: 0px auto 0px;
   	padding: 0px 0px 0px 0px;
   	line-height: 20px;
   	}
   
   #homebottom {
   	width: 916px;
   	margin: 0px auto 0px;
   	padding: 20px 0px 0px 0px;
   	line-height: 20px;
   	}
   
   #hometop p, #homebottom p {
   	margin: 0px;
   	padding: 0px 5px 0px 5px;
   	}
   
   #hometop ul, #homebottom ul {
   	list-style-type: none;
   	margin: 0px;
   	padding: 0px;
   	}
   
   #hometop ul li, #homebottom ul li {
   	list-style-type: none;
   	margin: 0px 0px 10px 0px;
   	padding: 5px;
   	}
   
   #hometop ul ul, #homebottom ul ul {
   	list-style-type: none;
   	margin: 5px 0px 0px 20px;
   	padding: 0px;
   	}
   
   #hometop ul li li, #homebottom ul li li {
   	list-style-type: square;
   	margin: 0px;
   	padding: 0px;
   	}
   
   #hometop ul li ul li, #homebottom ul li ul li {
   	margin: 0px;
   	padding: 0px 0px 3px 0px;
   	}
   
   .homebottomleft {
   	float: left;
   	width: 292px;
   	margin: 0px 20px 10px 0px;
   	padding: 0px;
   	display: inline
   	}
   
   .homebottommiddle {
   	float: left;
   	width: 292px;
   	margin: 0px 20px 10px 0px;
   	padding: 0px;
   	display: inline
   	}
   
   .homebottomright {
   	float: left;
   	width: 292px;
   	margin: 0px 0px 10px 0px;
   	padding: 0px;
   	display: inline
   	}

Topic Closed

This topic has been closed to new replies.