Internet Explorer Background Problems?

Hi all,

To start I'll show you my code and relevant css

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html lang="en-US">
 
<head>
<meta content="en-au" http-equiv="Content-Language">
<meta content="text/html; charset=utf-8" http-equiv="Content-Type">
<link href="css/classes.css" rel="stylesheet" type="text/css">
<title>The Greenhouse Homepage</title>
</head>
 
<body>
 
<div class="container">
	<div class="background">
	</div>
	<div class="body">
		<p class="centerimg">

Some IE issues

HELP,
I have been staring at this CSS and HTML for days now and cannot get it to display correctly in IE. I'm trying to get the minimum to display in version 8, I don't care about IE6 or IE7 but need to get it at least looking reasonable in IE8.

www.bowcora.com

Can anyone tell me why:

1) The header area is displaying further down the page and the background image is not

2) Why is it not centered

It displays and works perfectly in Firefox, Safari and Chrome, but IE is throwing a complete nightmare.

Faint Sidebar Line and Height Issue - Very easy!

Hello! I know I can't get much help here because I'm using a premium theme, bu their forums aren't that good. Anyways, I'm having problems with my site Humblesolutions4u.com I'm using elegant estate. I'm sure it's very easy, im just having a brain fart.

Problem 1: I disabled the sidebar, but there is still a faint line running down the main listing area on the homepage. I'm guessing it's an image?

Problem 2: The first 2 listings are the same height, while the third is a bit shorter! I've attached an image so you can see what I'm talking about.

Thank you very much!!

IE9 does not work with max-width and min-width

I am wanting to put a form 100% on screen, but with restrictions for a minimum and maximum width, ie, I want you 100% of the width of the screen, but at most 1250 and at least 950.

Code works in chrome and ff:

<html>
<head>
</head>
<body style="padding:0px;margin:0px;">
<div style="max-width:1250;min-width:950;width:100%;background-color:#F00;">
teste
<div style="width:50%;background-color:#0F0;">
teste
<input style="width:50%;">
</div>
</div>
</body>
</html>

Thanks and sorry for my poor english.

Cross-browser responsive design

Hi there!
I've created this website: http://www.porkygames.com
It has a very responsive design. However, I have only tested it in the newest browsers.

What do you think of it? Also, does it work cross-browser?

Syndicate content