Personnaliser le rendu sous IE (2)

Voici un tutoriel qui explique comment supprimer la bordure autour des pages et masque la scrollbar lorsqu'elle est inutile (et donc grisée)

1. Bordure

Pour voir faire voire cette bordure de deux pixels sur deux pixels, j'ai un peu zoomé.

Ceci est donc un avant-après à du 500% :

Bon, vous me direz, 2px sur 2px, c'est négligeable comme bordure, non ? Et bien faisons le calcul. Si vous utiliser une résolution de 1024*768, disons que seuls 900*500 est occupé par le contenu de la fenêtre (c'est minimaliste mais au moins on ne peut pas dire que je grossis volontairement). Surface en pixel sans bordure : 45000px². Retirons la bordure. Cela nous donne une résolution de (900-2-2)*(500-2-2), soit 896*496, soit 44416px². Pas si petite que ça, la bordure ;)

Si seulement ce n'était que ca mais cette bordure casse aussi certains design basé sur des frames / iframes. Deplus je ne trouve pas qu'elle rajoute qqchose à l'affichage donc je me suis mis en tête de la supprimer.

Dans la lancée du post précédent, je vais éditer mon CSS Utilisateur et ajouter la ligne suivante, afin d'être définitivement débarassé de cette bordure :

html, body { border-style: none !important; border-width: 0px !important; border-color:transparent !important; }

Voila, c'était pour l'astuce. Maintenant libre à vous d'aimer ou pas cette bordure ;)

EDIT: Cette astuce ne marche hélas que pour les pages mal-codées qui ne possèdent pas de DocType... Pour les autres pages, il vous faudra subire malgré tout la bordure

EDIT du 20 janvier 2008 : Si la page n'a pas de DocType, la bordure est enlevée. Pareil si le DocType est exact. Parcontre, si un site utilise un DocType erroné (<!Doctype XHTML 1.1> par exemple), alors la bordure n'est pas supprimable

2. Scrollbar

html, body { overflow: auto; }