IE не понимает background... center top; ?

Walk · June 2, 2008

В сайте следующая задумка - шапка сайта идет фоном, по центру.

Сам сайт - статический и тоже отцентрирован по центру.

Шапка и сайт сделаны так, что они должны четко сходиться в одном месте. Что по теории вполне выполнимо.

Но, в итоге, в FF и Опере все работает как надо - на любом разрешении (1024х768 и больше).

В IE (пока тестил на IE 6) - шапка и сайт разъежаются в разные стороны. И видно что фон не по центру.

На валидность проверял и html и css - 0 ошибок.

Пока пример показать не могу.

div#container // отцентрирование по середине сайта
{
	position:relative;
	width: 966px;
	margin-top: 190px;
	margin-left: auto;
	margin-right: auto;
	text-align:left; 
	background-color:#000000;
}
body { // свойства body
	text-align:center;
	margin:0;
	background:url('images/bg1.jpg') no-repeat;
	background-position: center top;
	background-color:#000000;
}

3ABAPKA · June 2, 2008

background-position: top center ;

Walk · June 2, 2008

Проблема решена.

center top в IE работает как надо, проблема была в кривом диве

Zip07 · June 6, 2008

а у меня проблема, шапка в файле пхп там стиль,он подключаетса ко всем файлам,цвета ссылок непонимает!валидатор ниче несказал,непойму че ему надо,причем тока на главной глючит его,на остальных все нармальна а подключается одинакова,щас код вставлю

Zip07 · June 6, 2008

<?php
header("expires: mon, 26 jul 1997 05:00:00 gmt");
header("cache-control: no-cache, must-revalidate");
header("pragma: no-cache");
header("last-modified: ".gmdate("d, d m y h:i:s")."gmt");
header("Content-type:text/html; charset=utf-8");
if ($gzip=="1") // gzip сжатие
{
ob_start('ob_gzhandler');
}
else
{
ob_start();
}

include "mytheme.php";
echo "<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>";
echo "<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>
$title
</title>
<style type="text/css">
body{ 
background-color: #9C9C9C; color: #8B0000; text-align: left; width: 300px; margin: 1px auto; font-family: 'Courier New', sans-serif; 
font-size:12px; 
} 
.text { 
text-align: left; 
background-color: #FFFFFF; 
} 


a:link,a:active,a:visited { text-decoration: none; color :#CD0000;font-size:12px; }
a:hover { text-decoration: none; color :#000;background-color: #CD0000;font-size:14px;  }
p {margin: 1px 0px 1px 0px; padding: 1px 1px 1px 1px; font-size: 11px;}
div { margin: 1px 0px 1px 0px; padding: 1px 1px 1px 1px; font-size: 11px;}
table { margin: 1px 0px 1px 0px; padding: 1px 1px 1px 1px;}
.b {margin: 0px; border-top:3px solid #8B0000; border-left:3px solid #CD0000; border-right:3px solid #8B0000; border-bottom:3px solid #CD0000; padding: 2px; vertical-align: middle; background-color:#000;  font-size:14px; color:#CD0000;}

.c {margin: 0px; border-top:3px solid #8B0000; border-left:3px solid #CD0000; border-right:3px solid #8B0000; border-bottom:3px solid #CD0000; padding: 0px; vertical-align: middle; background-color:#000;  font-size:12px; color:#CD0000;text-align:center;}
#content {
 background: #9C9C9C;
 color:#000

}
#content a {
 color:#000;
}

</style>
</head>
<body>";
echo "<p align="center" class="c">";
if(!empty($logo))
{
echo "<img src="$logo" alt="logo" />
";
}
//echo "$textlogo";
echo "</p>";
list($msec,$sec)=explode(chr(32),microtime());
$headtime=$sec+$msec;

if(!empty($_GET['lang'])){
$_SESSION['language']=$_GET['lang'];
}
if($_SESSION['language']=='eng'){
include'templates/ENG.php';
include'../templates/ENG.php';
include'../../templates/ENG.php';
function htmltoxhtml($mylng){
$mylng=languge($mylng);
return $mylng; }
ob_start(htmltoxhtml);
}
?>

Sign In

IE не понимает background... center top; ?

Question

Walk

Link to comment

Share on other sites

4 answers to this question

Recommended Posts

3ABAPKA

Link to comment

Share on other sites

Walk

Link to comment

Share on other sites

Zip07

Link to comment

Share on other sites

Zip07

Link to comment

Share on other sites

Обсуждения

Forums

Important Information