Problem s zarovnanim na stred

Chooosen · Napísal **Chooosen**: 23.05.2009 16:08

Cawte mám problem s vycentrovaním stránky www.fyzika.onlinetrieda.sk na stred...skúsil som to prerobiť, vycentroval som to nastred takto to vyzerá: www.fyzika.onlinetrieda.sk/test/ ale ide to pekne len v Intetret Explorer. V mozile to ide brutalne, totalne rozhadzané...takto vyzerá môj kód:

Kód:

<html>
<head>
<meta http-equiv="Content-Language" content="sk">
<meta http-equiv="Content-Type" content="text/html; charset=windows-1250">
<title>Fyzika</title>
<style>
body {
background:black url('bg.jpg') no-repeat fixed center center; color: black; 
body, html {  height:100%;  border:0;  padding:0;  margin:0;  text-align:center;}#container {  min-width:600px;  min-height:400px;  width:100%;  height:100%;  width:expression(document.body.clientWidth < 600?    "600px": "100%" ); /* pro IE */  height:expression(document.body.clientHeight < 400?    "400px": "100%" ); /* pro IE */  position:absolute;  top:0;  left:0;}#container-horizontal {  text-align:left;  margin:auto;  position:absolute;  top:50%;  left:50%;}#container-in {  position:absolute;   top:-200px;  left:-300px;  width:600px;  height:400px;  background:none;  overflow:auto;} 
}
</style>
</head>
<div id="container"> <div id="container-horizontal">  
   <div id="container-in" style="position: absolute; left: -467px; top: -269px; width: 913px; height: 509px">   <div id="content"> 
      <div style="position: absolute; width: 100px; height: 45px; z-index: 1; left: 106px; top: 54px" id="vrstva1">
         <font color="#0000FF" size="7">
         <a href="http://www.fyzika.onlinetrieda.sk">FYZIKA</a></font></div>
      <div style="position: absolute; width: 100px; height: 22px; z-index: 2; left: 97px; top: 109px" id="vrstva2">
         <a href="http://www.fyzika.onlinetrieda.sk">
         <font size="4">www.fyzika.onlinetrieda.sk</font></a></div>
      <div style="position: absolute; width: 100px; height: 100px; z-index: 3; left: 436px; top: 58px" id="vrstva3">
<iframe src="http://www.fyzika.onlinetrieda.sk/prezentacie/" width="400" height="350" scrolling="yes">
</iframe></div>
      <div style="position: absolute; width: 122px; height: 26px; z-index: 4; left: 575px; top: 30px" id="vrstva4">
         <b><font color="#ff0000" size="5">Prezentácie</font></b></div>
      <img border="0" src="ok3.png" width="906" height="501"></div>  </div> </div></div>

</body>

</html>

Bol by som rád kebyže mi niekto pomôže ako to mám vycentrovať aby mi to išlo v IE aj v Mozile , Opere...
DDIky

don jebot · Napísal **don jebot**: 23.05.2009 16:44

containeru zmen absolute na relative,odstran to tvoje left a top a potom dopln margin :0 auto; do body da text-align:center ...

Chooosen · Napísal autor témy **Chooosen**: 23.05.2009 21:17

Diky ale nepomohlo to dal som to takto: a stále to isté

Kód:

<style>
body {
background:black url('bg.jpg') no-repeat fixed center center; color: black; text-align:center;
body, html {  height:100%;  border:0;  padding:0;  margin:0;  text-align:center;}#container {  min-width:600px;  min-height:400px;  width:100%;  height:100%;  width:expression(document.body.clientWidth < 600?    "600px": "100%" ); /* pro IE */  height:expression(document.body.clientHeight < 400?    "400px": "100%" ); /* pro IE */  position:relative; margin:0 auto;}#container-horizontal {  text-align:left;  margin:auto;  position:absolute;  top:50%;  left:50%;}#container-in {  position:absolute;   top:-200px;  left:-300px;  width:600px;  height:400px;  background:none;  overflow:auto;} 
}
</style>

don jebot · Napísal **don jebot**: 23.05.2009 21:31

nemas uloncene body so zatvorkou hnes za txt-align center ..

container-in mas stale takto nastylovany

height:509px;
leftt:-467px;
position:absolute;
top:-269px;
width:913px;

zmen to takto
width ..
height....
postion:relative
margin:0 auto

neviem preco tam mas zbytocne 4 obalove divi ...

Chooosen · Napísal autor témy **Chooosen**: 23.05.2009 22:44

Ďakujem ti za pomoc už je to vybavené. FAKT nebyť teba tak by som to nevycentroval...máš to umňa

Problem s zarovnanim na stred

Podobné témy