Keskustelu: Nettisivujen teko: Vierityspalkki

Pystyykö tuota selaimen sivussa olevaa vierityspalkkia pakottaa näkymään aina?

Sivulle tulee Ajaxilla sisältöä ja on ärsyttävää kun vierityspalkki pomppii näkyviin ja pois.

css:

mikälie { overflow : hidden; }

Saattaa mennä vähän rumaksi purkaksi tuolla lailla.. Firefoxilla varmaan toimisi siten, että tuo

body { overflow: scroll; }

mutta ie:ssä näkyy selaimen vierityspalkki koko ajan.

Kentti kirjoitti:

Saattaa mennä vähän rumaksi purkaksi tuolla lailla.. Firefoxilla varmaan toimisi siten, että tuo

body { overflow: scroll; }

mutta ie:ssä näkyy selaimen vierityspalkki koko ajan.

Kokeilin tuota IE7:lla mutta vierityspalkit tulee ihan väärään kohti, siihen kohti mihkä sivun tekstit loppuu ei selaimeen. Tosin IE7:lla tuota pomppimista ei tapahdu kun vierityspalkki näkyy harmaana eikä mene piiloon kuten muissa selaimissa. Kenties vois muille selaimille tarjota tuota overflowia.

Vai oliskos jotain muuta juttua tehdä tuo?

Tai itse asiassa kannattaa kokeilla laittaa tuohon tuon bodyn sijalle html, sillekkin voi nimittäin antaa tyylejä. Tai sitten tuohon bodyyn vielä width: 100%

Mutta suosittelen, että kokeilet ensin sitä

html { overflow: scroll }

Ja (PHP):llä (jos käytössä) tarkistus selaimesta, ettei IE:llä tule sitä ikävää "kaksoisscrollbaria".

Tuo tarkistus olisi mahdollista toteuttaa esim tähän tyyliin:

<?php

  $user_agentti = $_SERVER['HTTP_USER_AGENT'];

  if ($user_agentti == ...) // Tuohon katsot millainen se IE:n user agentti olisi.

?>

Kentti kirjoitti:

  $user_agentti = $_SERVER['HTTP_USER_AGENT'];
  if ($user_agentti == ...) // Tuohon katsot millainen se IE:n user agentti olisi.

Useragentin nuuskiminen on aina huono idea. IE:lle on helppo syöttää omia tyylejä conditional commentsien avulla.

Antille tuli töitä, siis koodivinkki ehdollisista kommenteista (conditional comments).

Kiitoksia nyt toimii, tosin olis vielä parempa jos sivuttais vierityspalkkia ei muilla selaimilla tulisi, mutta pienempä haitta se on kuin pomppiminen.

Pitäsköhän tuossa koodivinkissä !IE olla <![if !IE]>...<![endif]> sillä se ei toiminut ainakaan IE7:lla.

Jep, muisti teki tepposet; on tullut käytettyä tuota vain kertaalleen yhdessä yhteydessä. Mietityttää vain, että meneekö tuo läpi validaattorista. Ei jaksa testata.

Löytyi vielä se validaattoreja rikkomaton tapa, päivitetty :)