| 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">
</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 |
#2 · Zasláno: 28. 6. 2012, 11:22:44
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 |
||
|
Časová prodleva: 12 let
|
|||
0