css top sorunu

emrealparslan · 28 Mayıs 2011

merhaba arkadaşlar;
Css de uğraştım ama yapamadım.Sorunum.panelUST de top:-290px yapınca internet explorer da sorunsuz görünüyor ama başka browserlarda çalışmıyor.yardım edebilirmisiniz.

<html>
<head>
<meta **********="Content-Type" content="text/html; charset=iso-8859-9">
<title>deneme</title>
<style type="text/css">
#sayfam{
position:absolute;
margin: 0px auto 0px;

top:0px;
left:0px;
display:inline;
float:none
}
#icerik{
position:absolute;
color:#FFF;
width:100%;
right:0px;
z-index:1;
top:0px !important;
left:0px;
}
#panelUST{/* son 80 px görünecek - ful:380 kullanıcının olduğu yer yükseklik:70 */
position:relative ;
display:block;
float:none;
color:#FFF;
width:100%;
right:auto;
height:380px;
z-index:9999;
left:0px;
top:-290px !important;/*290*/
margin: 0px auto 0px;
overflow:hidden;
}
#panelGIZLI{/* son 80 px görünecek - ful:380 */

background-color:#000000;
position:fixed;
-moz-opacity:.85;
opacity:0.85;
filter:alpha(opacity=85);
width:100%;
right:0px;
height:300px;
}

#panelKULLANICI{/* son 80 px görünecek - ful:380 */
position:fixed;
color:#FFF;
width:100%;
right:0px;
height:70px;
top:300px;
}
</style>
</head>
<body>

<div id="sayfam">
<div id="panelUST">
<div id="panelGIZLI"><img src=turkiye.jpg></div>
<div id="panelKULLANICI"><img src=ben.jpg></div>
</div>

<div id="icerik">burada sayfam var</div>

</div>
</body>
</html>

Cihat Şeker · 29 Mayıs 2011

!important kısmını sil ve deneyerek doğru sayıyı bulmaya çalış.. oda olmaz ise padding-top kodunu dene..

Kullanımı :

Kod:

#panelUST{/* son 80 px görünecek - ful:380  kullanıcının olduğu yer yükseklik:70 */ 
position:relative ; 
display:block;
float:none;
color:#FFF;
width:100%;
right:auto;
height:380px;
z-index:9999;
left:0px;
[B]padding-top: 290px;[/B]
margin: 0px auto 0px;
 overflow:hidden;
}

ekran görüntüsü atmaya çalış belki görünce daha doğru bir cevap verebilirim.. :s8:

css top sorunu

emrealparslan

Üye

Cihat Şeker

Üye