Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: [html/css] Jak sie pozbyć poziomego scrool pod IE?
Forum PHP.pl > Forum > Przedszkole
ciepolml
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>
ayeo
U mnie jest ok w IE7. Pewnie chodzi Ci o starszą wersję. Jest to znany błąd IE więcej na Wikipedii lub na forum Mozilli. Możesz skorzystać z hacka w JS, który znajdziesz tutaj. Pozdrawiam!
nevt
a po co ci overflow w stylach dla body i cont questionmark.gif wywal je i będzie ok ....
erix
Cytat
Witam, ciekawi mnie jaki hack trzeba by zastosować aby w poniższym układzie strony wyeliminować poziomy scrool pod IE?

Kod
overflow-x: hidden;

Tylko to w warunkowym, bo się nie waliduje. tongue.gif

Cytat
a po co ci overflow w stylach dla body i cont

A na przykład po to: http://divinentd.com/experiments/emulating...tion-fixed.html tongue.gif
ciepolml
oł, dzieki wielkie - zaraz poprzeglądam linki od Was.
Musze przyznać, bo uczesczam jeszce na konkurencyjne forum i tutaj [php.pl] odzew jest zawsze duży, konkretny i bez nieprzyjemnych postów:)

Co do wyłączania samego poziomego scroola, własnie słyszalem ze sie nie validuje, no moze i ukryce jest obejsciem.
A po co mi scrool? Heh a jak bedzie wiecej tresci to co zrobie?
To jest wersja lo-fi głównej zawartości. Aby zobaczyć pełną wersję z większą zawartością, obrazkami i formatowaniem proszę kliknij tutaj.
Invision Power Board © 2001-2025 Invision Power Services, Inc.