Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

> [html/css] Jak sie pozbyć poziomego scrool pod IE?
ciepolml
post
Post #1





Grupa: Zarejestrowani
Postów: 18
Pomógł: 2
Dołączył: 12.04.2008
Skąd: Poznań

Ostrzeżenie: (0%)
-----


Witam, ciekawi mnie jaki hack trzeba by zastosować aby w poniższym układzie strony wyeliminować poziomy scrool pod IE? W FF jest wszystko OK, ale IE gdy jest szerokość 100% dodaje do niej szerokość paska pionowego scrool i pojawia sie poziomy;/ A pasek pionowy pojawia sie oczywiscie przy dłuższej czesci tekstu wychodzącej poza ekran.

Czy można to jakoś obejść nadając dla IE np. 97% szerokości? A może padding na minus?
Prosze o radę.

Kod:
CODE

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="pl" lang="pl">
<head>
<style type="text/css">
/* <![CDATA[ */
html, body{
margin:0;
padding:0;
height:100%;
width:100%;
overflow:hidden;}

div#cont{
background: #006633;
width:100%;
height:100%;
margin:0;
padding:0;
z-index:5;
overflow:auto;}

div#top{
background:#003366;
width:100%;
margin:0;
padding:0;
height:130px;
z-index:10;}

div#center{
background:#336699;
width:100%;
margin:0;
padding:0;
height: auto;
z-index:15;}

div#bottom{
background: #3366FF;
width:100%;
margin:0;
padding:0;
height:200px;
z-index:20;}

div#wyz{
top:400px;
left:300px;
position:absolute;
width:300px;
height:300px;
background:red;
z-index:25;}
/* ]]> */
</style>

</head>
<body>

<div id="cont">
<div id="top">top top top</div>
<div id="center">

Aby zobaczyć problem powiel tekst aż nie pojawi sie pionowy scrool<br>Aby zobaczyć problem powiel tekst aż nie pojawi sie pionowy scrool<br>Aby zobaczyć problem powiel tekst aż nie pojawi sie pionowy scrool<br>Aby zobaczyć problem powiel tekst aż nie pojawi sie pionowy scrool<br>Aby zobaczyć problem powiel tekst aż nie pojawi sie pionowy scrool<br>Aby zobaczyć problem powiel tekst aż nie pojawi sie pionowy scrool<br>

</div>
<div id="bottom">bottom bottom bottom</div>
<div id="wyz">dfdgfdgd</div>
</div>

</body>
</html>


--------------------
--- www.NeatGroup.pl ---
Go to the top of the page
+Quote Post

Posty w temacie


Reply to this topicStart new topic
1 Użytkowników czyta ten temat (1 Gości i 0 Anonimowych użytkowników)
0 Zarejestrowanych:

 



RSS Aktualny czas: 22.08.2025 - 03:17