 [html/css] Jak sie pozbyć poziomego scrool pod IE? |
  |
| [html/css] Jak sie pozbyć poziomego scrool pod IE? |
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> |
 |
 
|
|
Post
#2
|
|
|
Grupa: Przyjaciele php.pl Postów: 1 202 Pomógł: 117 Dołączył: 13.04.2007 Skąd: 127.0.0.1 Ostrzeżenie: (0%)
|
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!
|
|
|
|
|
Post
#3
|
|
|
Grupa: Przyjaciele php.pl Postów: 1 595 Pomógł: 282 Dołączył: 24.09.2007 Skąd: Reda, Pomorskie. Ostrzeżenie: (0%)
|
a po co ci overflow w stylach dla body i cont (IMG:http://forum.php.pl/style_emoticons/default/questionmark.gif) wywal je i będzie ok ....
|
|
|
|
|
Post
#4
|
|
|
Grupa: Moderatorzy Postów: 15 467 Pomógł: 1451 Dołączył: 25.04.2005 Skąd: Szczebrzeszyn/Rzeszów |
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. (IMG:http://forum.php.pl/style_emoticons/default/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 (IMG:http://forum.php.pl/style_emoticons/default/tongue.gif) |
|
|
|
|
Post
#5
|
|
|
Grupa: Zarejestrowani Postów: 18 Pomógł: 2 Dołączył: 12.04.2008 Skąd: Poznań Ostrzeżenie: (0%)
|
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? |
|
|
|
|
|
Aktualny czas: 23.08.2025 - 12:17 |
