Jump to content

Welcome to Geeks to Go - Register now for FREE

Geeks To Go is a helpful hub, where thousands of volunteer geeks quickly serve friendly answers and support. Check out the forums and get free advice from the experts. Register now to gain access to all of our features, it's FREE and only takes one minute. Once registered and logged in, you will be able to create topics, post replies to existing threads, give reputation to your fellow members, get your own private messenger, post status updates, manage your profile and so much more.

Create Account How it Works
Photo

float drop probleam. IE again


  • Please log in to reply

#1
NotalesS

NotalesS

    Member

  • Member
  • PipPip
  • 29 posts
I just finished installing my word press theme, and then i found that IE doesn't like it. So i went through the source for each part of the theme. I couldn't find the problem. Basically the side bar keep droping and it wont stay in place in IE. In FF it works fine. And help is welcome

Here my CSS
/*  
Theme Name: Dusk
Theme URI: http://beccary.com/goodies/wordpress-themes/
Description: A dark blue and grey theme. 
Version: 1.0
Author: Becca Wei
Author URI: http://beccary.com
*/



/* Basics and Typography */

body {
	margin: 0;
	padding: 0;
	background: #556777 url(images/bg.gif) repeat-x;
	font-size: x-small;
	font-family: Arial, sans-serif;
	color: #4A4A49;
	text-align: center;
	voice-family: "\"}\""; 
	voice-family: inherit;
	font-size: small;
}
html>body {
	font-size: small;
}
p {
	font-size: 1em;
	line-height: 1.5em;
	margin: 1.2em 0;
}
ol, ul {
	font-size: 1em;
	line-height: 1.5em;
	margin: 1.2em 0 1.2em 2em;
	padding: 0;
}
h1, h2, h3, h4, h5, h6 {
	margin: 1.2em 0;
	font-family: Verdana, serif;
}
h1, h2 {
	font-size: 1.5em;
}
h3 {
	font-size: 1.4em;
}
h4 {
	font-size: 1.3em;
}
h5 {
	font-size: 1.2em;
}
h6 {
	font-size: 1.1em;
}
a:link {
	color: #497CA7;
}
a:visited, a:active {
	color: #6E7CA7;
}
a:hover {
	color: #7599B7;
	text-decoration: none;
}
input, textarea, select {
	background-color: #FFF;
	color: #4A4A49;
	font-size: 1em;
	font-family: Arial, sans-serif;
}
blockquote {
	margin: 0 20px;
	padding: 0 20px;
	border-left: 4px solid #888685;
}
code {
	font-family: monospace;
	color: #666;
}
form, img {
	margin: 0;
	padding: 0;
	border: 0;
}



/* Layout */

#wrapper {
	width: 760px;
	margin: 0 auto;
	background: #EEEAE8 url(images/wrapper.gif) repeat-y;
	font-size: 0.9em;
	text-align: left;
}
#header {
	width: 760px;
	height: 170px;
	background: url(images/header.gif) no-repeat;
}

	/* Header Styles */
	
	#title {
  float: left;
  margin: 38px 0 0 9px;
  border: 1px dashed #2E3235;
  padding: 1px;
	}
	#title h1 {
  margin: 0;
  padding: 5px 15px;
  border: 0;
  background-color: #222;
  color: #878584;
  font-size: 2em;
  line-height: 32px;
  letter-spacing: 1px;
	}
	#title h1 a {
  color: #878584;
  text-decoration: none;
	}
	
#content {
	float: left;
	width: 550px;
	padding: 0 20px 0 35px;
	background: url(images/content.gif) no-repeat;
	voice-family: "\"}\""; 
	voice-family: inherit;
	width: 495px;
} 
html>body #content {
	width: 495px;
}
* html #content {
	overflow: hidden;
}
#sidebar {
	float: left;
	width: 210px;
	padding: 80px 25px 0 15px;
	background: url(images/sidebar.gif) no-repeat top right;
	color: #878584;
	font-size: 0.92em;
	voice-family: "\"}\""; 
	voice-family: inherit;
	width: 170px;
} 
html>body #sidebar {
	width: 170px;
}

	/* Sidebar Styles */
	
	#sidebar h2 {
  margin: 0 0 0.6em 0;
  border-bottom: 1px dotted #5E5D5D;
  font-size: 1.1em;
	}
	#sidebar a:link {
  color: #7599B7;
	}
	#sidebar a:visited, #sidebar a:active {
  color: #8B99B7;
	}
	#sidebar a:hover {
  color: #497CA7;
  text-decoration: none;
	}
	#sidebar ul {
  margin: 0;
  padding: 0;
  list-style-type: none;
	}
	#sidebar ul ul, #sidebar ol {
  margin: 1.2em 0 1.2em 1.3em;
	}
	#sidebar ul ul {
  list-style-type: disc;
	}
	#sidebar ul ul ul {
  margin-top: 0;
  margin-bottom: 0;
	}

#footer {
	clear: both;
	padding: 1.2em 230px 1.2em 35px;
}

	/* Footer Styles */
	
	#footer p {
  margin: 0;
  padding: 0.6em 0;
  border-top: 1px dotted #888685;
  font-size: 0.92em;
	}

	

/* Blog Styles */

.posttitle {
	margin: 0.6em 0 0 0;
	padding: 0 0 1px 0;
	border-bottom: 1px dotted #888685;
}
.posttitle a {
	text-decoration: none;
}
.postmeta {
	margin: 0;
	padding: 0.2em 0 0 0;
}
.postmeta, .postfeedback {
	font-size: 0.92em;
	text-align: right;
}
.pagetitle {
	margin: 0.6em 0 1.2em 0;
}
.commentauthor {
	margin: 1.2em 0 0 0;
	border-bottom: 1px dotted #888685;
	font-size: 1.1em;
}
.commentauthor a {
	text-decoration: none;
}
.commentmeta {
	margin: 0;
	padding: 0.2em 0 0 0;
	font-size: 0.92em;
}
#comment {
	width: 98%;
}

My Site: http://www.notaless.hostmatrix.org/
  • 0

Advertisements


#2
zao

zao

    Member

  • Member
  • PipPip
  • 10 posts
This is just a guess, but you might want to try something like this:

old code:
background: url(images/sidebar.gif) no-repeat top right;

Try this:
background: url(http://www.notaless.hostmatrix.org/images/sidebar.gif) no-repeat top right;

I rember having some trouble with the url tag when I was just listing images/someimagename.gif. So what fixed it for me was to list the hole url site address, and after that it started working. So I am hoping that it is the same case for you! :tazz:
  • 0

#3
NotalesS

NotalesS

    Member

  • Topic Starter
  • Member
  • PipPip
  • 29 posts
Didn't help. i know it has to do something with the width and the float drop,.
  • 0

#4
NotalesS

NotalesS

    Member

  • Topic Starter
  • Member
  • PipPip
  • 29 posts
HELP PLEASE
  • 0

#5
sscott

sscott

    Member

  • Member
  • PipPip
  • 11 posts
Screenshots? Not sure what you mean.
  • 0






Similar Topics

0 user(s) are reading this topic

0 members, 0 guests, 0 anonymous users

As Featured On:

Microsoft Yahoo BBC MSN PC Magazine Washington Post HP