• Locked
No replies
Wed, 2010-08-18 06:52
rw1981
rw1981's picture
User offline. Last seen 1 year 39 weeks ago. Offline
newbie
Timezone: GMT+2
Joined: 2010-08-18
Posts: 1
Points: 2

Hey guys,

first of all: thank you for this great forum... I have learned so much.

I really would appreciate your help in this point (sorry for my bad English):

I have created a centered site, which makes problems, when zooming-out ("CTRL" + "-") in IE 7.
The content gets smaller and moves to the left top corner.

Is there a way, to keep the content centered?

I 've built a test case.

* {
	padding: 0;
	margin: 0 auto;
	border: 0;
}
 
 
 
body {
	font-size: 100.01%;
	font-family: Arial, Helvetica, Geneva, sans-serif;
	color: #666;
	background-color: #fff;
}
 
 
 
#header {
	height: 11em;
	width: 100%;
	background-color: #F00;
	border-top: #666 solid 0.1875em;
	border-bottom: #666 solid 0.1875em;
}
 
#headerinner {
	height: 176px;
	width: 880px;
	background-color: #Fff;
}

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
	"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="de" lang="de">
<head>
<title>test4</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="robots" content="index,follow" />
 
 
<style type="text/css" media="screen">
@import url(css.css);
 
 
</style>
</head>
 
 
<body>
 
 
 
	<div id="header">
 
		<div id="headerinner">
 
 
		</div> <!-- headerinner-->
 
	</div> <!-- header-->
 
 
</body>
 
</html>

THANK YOU SO MUCH FOR YOUR IDEAS!

best wishes from Germany
rw1981

Top
Tags: