Autor Zpráva
Hava
Profil *
Ahoj, potreboval bych poradit jak spravne umistit paticku, aby se mi korektne zobrazovala i mozille. V IE mi tento priklad beha bez problemu, ale v mozile kdyz mam levy sloupec delsi nez stredni tak se stejne paticka zastavi az u prostreniho sloupce a na ten delsi levy nereaguje.

Soubor se stylem:
* {
	margin: 0;
	padding: 0;
}
html, body {
	height: 100%;
}
body {
	font-family:  Verdana, Arial, lucida, sans-serif; 
	background: #fc92da;
	color: #000;
	font-size: x-small;
	text-align: center;
	min-width: 800px;
	line-height: 1.5;
	margin: 0;
}
html>body {
	font-size: small;
}
#main {
 	width: 1024px;
	margin: 0 auto;
	text-align: left;
 	background: #ff0000;
	min-height: 100%;
	height: 100%;
	position: relative;  
 }
body>#main {
 	height: auto;
 }
#head {
 	color: fff;
	background: #ffddb2;
	height: 200px;
	float:left;
	width:1024px;
}
#prostredek {
    width: 1024px;
}
#leva_strana {
  width: 171px;
  background: #41d159;
  float:left; 
  height: 548px;
  margin-right:0px;
}
#hlavni_text { 
      	float:left;      
   	  	font-size: 10pt;
   	  	width: 683px;
   	  	color:#000000;
   	  	text-align: left;
}
#prava_strana {
       height: 548px;
       float: right;
       background: #41d159;
 }
#clear  {
  	clear:both;
 }
#footer {
	 width: 1024px;
 	height: 28px;

	 overflow: hidden;
  position: absolute;
  bottom: 0;
  left: 0;
	background: #000000;
}


Kod stranky:
<html>
<head>
<link rel="stylesheet" href="styly/stylhlavni.css" type="text/css">
</head>
<body>


		
<div id="main">
    
		<div id="head">Hlavicka</div>
			
  	<div id="prostredek">
<!-------vlevo---------------------------------------------------------------------------------------------------------->	
       <div id="leva_strana">
          Leva strana Leva strana Leva strana Leva strana  Leva strana Leva strana Leva strana Leva strana Leva strana Leva strana Leva strana Leva strana Leva strana Leva strana Leva strana Leva strana
          Leva strana Leva strana Leva strana Leva strana  Leva strana Leva strana Leva strana Leva strana Leva strana Leva strana Leva strana Leva strana Leva strana Leva strana Leva strana Leva strana
          Leva strana Leva strana Leva strana Leva strana  Leva strana Leva strana Leva strana Leva strana Leva strana Leva strana Leva strana Leva strana Leva strana Leva strana Leva strana Leva strana
          Leva strana Leva strana Leva strana Leva strana  Leva strana Leva strana Leva strana Leva strana Leva strana Leva strana Leva strana Leva strana Leva strana Leva strana Leva strana Leva strana
          Leva strana Leva strana Leva strana Leva strana  Leva strana Leva strana Leva strana Leva strana Leva strana Leva strana Leva strana Leva strana Leva strana Leva strana Leva strana Leva strana
          Leva strana Leva strana Leva strana Leva strana  Leva strana Leva strana Leva strana Leva strana Leva strana Leva strana Leva strana Leva strana Leva strana Leva strana Leva strana Leva strana
       </div>                           
<!--------prostredek----------------------------------------------------------------------------------------------------------->
       <div id="hlavni_text">
         
         Prostredek
       </div>
       
<!-------vpravo---------------------------------------------------------------------------------------------------------->
       <div id="prava_strana">
          Prava strana
       </div>  
	         </div>
	  
<div id="clear"></div>
<div id="footer">Paticka</div>
</div>
</body>
</html>


Predem dekuji za kazdou radu...
SwimX
Profil
upozornil jsem Plaváčka na nefungující Patičku vždy dole v Opeře 9.5+
vyřešil to hackem
 /* Opera 9.5+  hack, mozna najdete nekdo i jine reseni  */
@media all and (min-width: 0px){ 
  #main { 
     display: table;
	 height: 100% 
  } 
} 
/* Opera 9.5  hack, mozna najdete nekdo i jine reseni  */


A teď i novější verze mozilly zlobí.

Pokud o to zde Plaváček zavadí, jistě poradí, nebo mu napiš: info (at) plavacek net
Bubák
Profil
O něčem bych věděl, ale použít na jeden hack další je fuj!
@-moz-document url-prefix(){ 
  #main { 
     display: block;
  } 
}

Problém je v tom, že hack na Operu vlastně neexistuje. Plaváčkem použitý hack je korektní deklarace z návrhu CSS3, kterou se naučil i Firefox.
Pro zajímavost, Opera 10.x už hack nepotřebuje.
Davex
Profil
Na Plaváčkovu patičku vždy dole by měl fungovat můj hack použitý ve vlákně flexibilna vyska podla velkosti prehliadaca , který jiným prohlížečům nevadí:
#text:after {
    content: " "; /* opera 9.5 100% height fix */
    visibility: hidden;
}

Vaše odpověď

Mohlo by se hodit


Prosím používejte diakritiku a interpunkci.

Ochrana proti spamu. Napište prosím číslo dvě-sta čtyřicet-sedm: