Autor Zpráva
Šéva
Profil
Zdravim,

peru se s pozicováním divů vůči divu a vůči velikosti okna...

<style>
  body
  {
  background-color:#bcdaf4
  }
  #banner
  {
  height:183px;
  background: url("./obrazky/pasek.jpg") repeat-x;
  }
  #lista
  {
  position:absolute;
  bottom:100px;
  }
  #lista a img
  {
  border:0px;
  margin: 10px 5px 5px 5px;
  text-align:center;
  }
  #logo
  {
  margin: 50px 0px 50px 0px;
  }
  #masina
  {
  margin: 20px 0px 20px 0px;
  font-family: Arial Black;
  font-size: 50px;  
  }
  </style>
  <script>
  if(screen.width<1280 & screen.height<1024)
  {
  alert ("Your resolution is less than required. Minimum resolution is 1280 x 1024 px. Your resolution is "+screen.width+" x "+screen.height+" px");
  }
  </script>
  </head>
<body>
<div align="center">
<div id="logo">
<img src="./obrazky/SKLOSTROJ logo_new.jpg">
</div>
<div id="banner">
&nbsp;
</div>
<div id="masina">
AL-116-2-1
</div>
<div id="lista">
<a href="#"><img src="./obrazky/katalog_ru.png" width="200" height="64"></a>
<a href="#"><img src="./obrazky/dokumentace_ru.png" width="200" height="64"></a>
<a href="./cz"><img src="./obrazky/katalog_cz.png" width="200" height="64"></a>
<a href="#"><img src="./obrazky/dokumentace_cz.png" width="200" height="64"></a>
</div>
</div>
<img src="./obrazky/flaska2.jpg" style="position: absolute; right: 0; bottom: 0;z-index:-1;">                           
</body>
</html>

o co mi jde... potřebuju,aby div lista byl zárovnán na střed a asi těch 100px od spodu(100px od spodu mám,ale na střed se tomu nechce)... dále div masina aby byl uprostřed mezi divy banner a lista,to vše aby se přizpůsobovalo velikosti okna a aby to vypadalo stejně jak pod IE, tak pod FF...

když se mi něco podaří udělat pro FF,tak to zase nejde v IE, už si fakt nevím rady...

pro představu ještě přikládám obrázek
http://seva.tym.cz/soubory/navrh.png

Díky za pomoc
Šéva
Profil
Vyřešeno

#lista
  {
  position: fixed;   
  bottom: 80px;   
  left: 50%;   
  width: 900px;   
  margin-left: -450px;
  }
  #masina
  { 
  position:fixed; 
  top:62%;
  left:50%;
  width:700px;
  margin-left:-350px;
  font-family: Arial Black;
  font-size: 60px;
  }

sice ten text neni přesně mezi těmi 2ma divy,ale je to tak cca uprostřed

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: