Autor Zpráva
Swenny
Profil
Zdravím,
udělal jsem si indexovou stránku kde mám logo vycentrované a umístěné na spodní části webu.
Celkový kód vypadá tak;

<!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">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>testovací strána</title>

<style>

html, body {height: 100%;background-color:#FDE2CD;text-align:center;font-family:verdana;}

.uvod {
background-image: url('logo_pruhledne.png'); background-repeat: no-repeat; background-position: center bottom;
width:100%;
height:100%;
text-align:center;
}

.ikonky-position{
width:200px;
height:55px;
border-left:2px solid black;
text-align:left;

  margin-right: auto;
	margin-left: auto;
	
	position:relative;
	top:0px;
	left:330px;

}

.link {font-weight:bold;font-size:10px;text-decoration:none;color:#424242;}

.logo-pos{
margin:0 10px 0 10px;
position:relative;
top:5px;
}

#obal-ikonek{
position:relative;
top:-135px;
}

.footer{
	position:relative;
	top:-80px;
	left:-300px;
	font-weight:normal;
	font-size:9pt;
	color:#212121;
}
-->
</style>
</head>
<body>

  <div class="uvod">
  </div>
           <div id="obal-ikonek">
            <div class="ikonky-position">
              <div class="flash-rozcesti"><img src="flash.png" alt="flash" class="logo-pos" /><a href="test.html" class="link">Vyžaduje Adobe flash 8+</a></div>
              <div class="ie-rozcesti"><img src="ie.png" alt="ie" class="logo-pos" /><a href="test.html" class="link">HTML verze webu</a></div>
            </div>
           </div>
  <div class="footer">Copyright &copy; Swenny 2009</div>
</body>
</html>



Mám ale problém v IE, když ho tam otevřu není obrázek úplně na spodní části ale pořád je tam scrollbar a je pod ním místo. To samé i ve firefoxu ze to není přesně na spodku, ale nabízí se tam tak 1cm scrollbaru. Nicméně když to posunu dolů obrázek ej tam kde má byt, takže to vypadá že by někde bylo prostě prázdné místo a kvůli němu tam byl ten scrollbar.

Otázka teda je, jak to udělat tak aby tam žádný scrollbar nebyl a web seděl tak jak má.
Děkuju za rady a úpravy kódu.

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:

0