max-width w css?

0

Witam serdecznie,
bardzo prosze spójżcie na strone i podpowiedzcie mi dlaczego pod IE 6.0 w prawym gornym rogu pojawia mi sie bialy pasek w rozdzielczosci wiekszej niz 1024? a pod IE 7 strone przenosi mi na lewo..? jak to poprawic? max-width stosuje poniewaz nie chce aby .szkielet wymuszał poziomy <ort>sówak </ort>w przegladarce pod rozdz 1024*768. A moze lepsze bedzie jakies inne rozwiazanie...?

Adres:
http://www.regena.nazwa.pl/pliki/index.html
html:

<!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="pl-pl" lang="pl-pl" >
<head>
  <meta http-equiv="content-type" content="text/html; charset=utf-8" />
  <meta name="robots" content="index, follow" />
  <title>Welcome</title>

<link rel="stylesheet" href="css.css" type="text/css" />

</head>
<body>
<div class="szkielet">
<div class=topik></div>
	<div class="main">
	
		<div class="top">
			<div class="logo"></div>
			<div class="menutlo"></div>
			<div class="podmenu"></div>
		</div>
		<div class="foto"><div>
	</div>
</div>

</body>
</html>

css:

body {
background:#FFFFFF url(images/bg.jpg) repeat-x scroll center top;
color:#353F48;
font-family:Arial,Helvetica,sans-serif;
font-size:12px;
margin:0px;
}
.szkielet {
background:transparent url(images/cien.png) no-repeat center top;
min-width: 980px;
max-width: 1024px;
margin:0px;
}
.main {
background:#FFFFFF;
margin:0 auto;
width:980px;
}
.topik{
height:24px;
width:980px;
}
.top {
width: 980px;
height: 94px;
margin:0;
position: static;
}
.logo {
width:288px;
height: 94px;
background:transparent url(images/logo.jpg);
position: static;
float:left;
}
.menutlo{
width:692px;
height: 51px;
background:transparent url(images/menutlo.jpg); 
position: static;
float:right;
}
.podmenu{
width:692px;
height: 43px;
background:transparent url(images/podmenu.jpg); 
position: static;
float:right;
}
.foto {
width:980px;
height:240px;
background:transparent url(images/foto.jpg); 
position: static;

}

* {
margin:0;
padding:0;
}
0

Spróbuj dla IE zastosować hack dla max-width:

.szkielet {
background:transparent url(images/cien.png) no-repeat center top;
min-width: 980px;
max-width: 1024px;
margin:0px;
}

* html .szkielet { width: 1024px; }
0
Coldpeer napisał(a)

Spróbuj dla IE zastosować hack dla max-width:

.szkielet {
background:transparent url(images/cien.png) no-repeat center top;
min-width: 980px;
max-width: 1024px;
margin:0px;
}

* html .szkielet { width: 1024px; }

Po takiej zagrywce, firefox przesunął . szkielet o lewej, a poza tym nadal mam stały rozmiar .szkielet, pojawia mi sie <ort>sówak </ort>na 1024*768, moze jakies inne propozycje..?;>

0
kujawiak napisał(a)

Witam serdecznie,
bardzo prosze spójżcie na strone i podpowiedzcie mi dlaczego pod IE 6.0 w prawym gornym rogu pojawia mi sie bialy pasek w rozdzielczosci wiekszej niz 1024? a pod IE 7 strone przenosi mi na lewo..? jak to poprawic? max-width stosuje poniewaz nie chce aby .szkielet wymuszał poziomy sówak w przegladarce pod rozdz 1024*768. A moze lepsze bedzie jakies inne rozwiazanie...?

nie wiem ale u mnie nic takiego nie. rozdzielczosc 1280*800 patrzylem pod Opera 9.64 i pod IE.7

0
HideYoshi napisał(a)

nie wiem ale u mnie nic takiego nie. rozdzielczosc 1280*800 patrzylem pod Opera 9.64 i pod IE.7

Pod Opera wszystko gra, problem jest z IE(6.0-bialy pasek w gornym prawym rogu) i Firefoxem(przenosi strone do lewej):/

1 użytkowników online, w tym zalogowanych: 0, gości: 1