Layout – CSS – Fórum – Programujte.com

Ahoj, mám takový problém se zobrazením layoutu v IE7, kde se mi při zvětšení odsadí pata stránky. Bohužel se potýkám i s trochu odlišným zobrazením v IE6. Nenašel by se tu někdo, kdo mi poradil? dík!

Link stránky: http://lide.uhk.cz/fim/student/weiseja1/zvl/home.html

css:

* {

	margin: 0px;

	padding: 0px;

	}



body {

	background-image: url(17original.gif);

	text-align: center;

	font-size: 100%;

}	

	

#hlavni {



	margin: auto;

	height: auto;

	text-align: left;

	padding: 10px;

	background-color: white; 

}



#hlavicka {

	height: 190px;

	margin-bottom: 10px;

}



#lista {

	height: auto;

	margin-bottom: 10px;

	background-color: #2a2822; 

	padding-top: 3px;

	padding-bottom: 3px;

	padding-left: 5px;

	padding-right: 5px;

}



#levy {

	float: left;

	width: 120px;

	height: 500px;

	min-height: 500px;

	background-color: #B2BEC8;

	

}



#pravy {

	float: right;

	width: 120px;

	background-color: #B2BEC8;

	min-height: 500px; 

	_height: 500px;

	

}



#box {

	position: relative;

	margin-right: 130px;

	margin-left: 130px;

	_margin-right: 127px;

	_margin-left: 127px;

	background-color: #e8e8e8;

	min-height: 500px;

	_height: 500px;	

}



#paticka {

	position: realtive;

	background-color: #2a2822;

	margin-top: 10px;

	height: auto;

	width: auto;

	text-align: center;

	padding-top: 3px;

	padding-bottom: 3px;

	clear: both;

}





.lista {

	font-family: Arial, Helvetica, sans-serif;

	font-size: 70%;

	color: silver;

}



.li1 {

	background-color: #9DAEBD;

	list-style-type: none;

	margin-top: 10px;

	padding-left: 5px;

	height: auto;

	

}



.li {

	background-color: #3E5B6C;

	list-style-type: none;

	padding-left: 5px;

	height: auto;

	

}



a {

	font-family: Arial, Helvetica, sans-serif;

	font-size: 70%;

	color: white;

	font-weight: bold;

	text-decoration: none;

	letter-spacing: 1px;

	 	

}



a:hover {

	color: Gray;

}



#aktuality {

	background-color: #3E5B6C;

	list-style-type: none;

	padding-left: 5px;

}



.foto {

	text-align: center;

	float: left;

	background-color: white;

	width: 180px;

	height: 210px;

	padding-left: 0px;

	padding-top: 5px;

	margin-left: 5px;

	margin-bottom: 5px;

}

#clear {

	clear: both;

	

	

}

h1 {

	font-family: Arial, Helvetica, sans-serif;

	font-size: 70%;

	padding-top: 5px;

	padding-bottom: 5px;

	padding-left: 5px;

	color: #3C696A;

}



.text {

	font-family: Arial, Helvetica, sans-serif;

	font-size: 70%;

	text-align: justify;

	line-height: 1,5em;

	list-style-type: none;

	line-height: 150%;

	padding-left: 5px;

	padding-right: 5px;

	padding-top: 10px;

}



.popisek {

	font-family: Arial, Helvetica, sans-serif;

	font-size: 70%;

	margin-top: 10px;

}



#obal {

	width: 720px;

	height: auto;

	margin: auto;

}



#akt {

	font-family: Arial, Helvetica, sans-serif;

	font-size: 70%;

	color: white;

	font-weight: bold;

	text-decoration: none;

	letter-spacing: 1px;

}

#pravy {

      float: left;

      width: 120px;

      background-color: #B2BEC8;

      margin: 0;

      min-height: 500px; 

      _height: 500px;

      

}



#box {

      float: left;

      background-color: #e8e8e8;

      min-height: 500px;

      _height: 500px;      

      margin: 10px;

      margin-top: 0; 

      width: 440px;

}



#paticka {

      position: realative;

      float: left;

      background-color: #2a2822;

      margin: 0;

      height: auto;

      width: 700px;

      text-align: center;

      padding: 0;

      padding-top: 3px;

      padding-bottom: 3px;

      clear: left;

}

bez problémů i v IE6 ;)

To Minnoc : Ahoj, řešení třemi floaty mě nenapdl - ale má své mouchy, protože při zvětšení textu v IE6 dojde k přesunutí pravého divu pod zbylé dva:( taky nechápu proč se mi v IE6 odsazuje ten div pod hlavičkou o pár pixelů víc než v IE7 nebo FF.

CSS hack ;)

To EcLiPs3 : A konkrétně?:)

např. podmíněný komentář pro IE6 je tím hackem , ale myslím, že by to šlo i bez toho, bohužel nemám moc času abych ti ten kód opravoval, dej tam zatím hack, až budu mít čas poradím ti, jak na IE6 bez hacku ;)

To Minnoc : To bych ti byl velmi vděčný - dík!

pošli mi na ICQ= 443229833 ten kód ať to nemusím stahovat z netu mrknu na to hned ;)

vypadl jsi mi z ICQ, přidej mě eště jednou nwm, co s tím krámem je ;)