28173 sujets
CSS et mise en forme, CSS3
Tiens Vero, j'ai déterré ce topic pour toi :
http://forum.alsacreations.com/topic.php?fid=4&tid=239
Désolé pour la rudesse. Je tenais à te répondre sans en avoir vraiment le temps. Je croyais pouvoir faire abstraction des formalités.
Modifié par Stephan (20 Apr 2005 - 05:59)
http://forum.alsacreations.com/topic.php?fid=4&tid=239
Désolé pour la rudesse. Je tenais à te répondre sans en avoir vraiment le temps. Je croyais pouvoir faire abstraction des formalités.
Modifié par Stephan (20 Apr 2005 - 05:59)
Chic ! C'est vraiment chic !
Je me fais des noeuds à force de lire des trucs ! Le pire est que j'avais déjà vu cet article d'openweb (très clair pour les box modèles) mais je ne me souvenais plus qu'on y parlait des DocType.
Ceci dit, il y a l'histoire de "traité en tant qu'application ..." qui se rajoute à tout cela ...
Et la position du prologue xml !
Allez, j'ose forrmuler la question : Comment choisir son doctype ?
Comme il serait bien d'avoir un petit tuto récapitulatif et de synthèse illustré de quelques avis d'initiés !
Mais prenez votre temps !
Je me fais des noeuds à force de lire des trucs ! Le pire est que j'avais déjà vu cet article d'openweb (très clair pour les box modèles) mais je ne me souvenais plus qu'on y parlait des DocType.
Ceci dit, il y a l'histoire de "traité en tant qu'application ..." qui se rajoute à tout cela ...
Et la position du prologue xml !
Allez, j'ose forrmuler la question : Comment choisir son doctype ?
Comme il serait bien d'avoir un petit tuto récapitulatif et de synthèse illustré de quelques avis d'initiés !
Mais prenez votre temps !
Vero a écrit :
Allez, j'ose forrmuler la question : Comment choisir son doctype ?
Quelques lecture que tu connais probablement: http://del.icio.us/Igor/dtd
Sinon ce billet de Raphaël: Laisser tomber le XHTML ? qui te donnera des arguments pour ne pas t'embêter avec les prologues
... et passer en html 4.01. Igor a écrit :
Quelques lecture que tu connais probablement: http://del.icio.us/Igor/dtd
Ah, non ! Pas tout ...
Je vais bookmarquer tes bookmarks : ils présentent l'avantage d'être en ordre !
Merci.
Raphael a écrit :
Ça m'étonne quand-même.
Je viens de tester les 4 possibilités suivantes :
* Pas de prologue XML + <html> et <body> à height: 100% + Positionnement (relatif ou absolu) du bloc
* Pas de prologue XML + <html> et <body> à height: 100% + pas de positionnement du bloc
* Prologue XML + <html> et <body> à height: 100% + Positionnement (relatif ou absolu) du bloc
* Prologue XML + <html> et <body> à height: 100% + pas de positionnement du bloc
Avec la structure suivante :
<!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="fr" lang="fr"> <head> <title></title> <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" /> <style type="text/css"> <!-- html, body { height: 100%; margin: 0; padding: 0; } #contenu{ width:20em; height:100%; background-color: yellow; } --> </style> </head> <body> <div id="contenu">test</div> </body> </html>
Et ça fonctionne à chaque fois sur IE5+, FF et Opera
Je crois avoir compris le twist :
Ce code permet d'avoir une hauteur de page à 100% de l'écran. Mais si le contenu dépasse de l'écran, pour FF et Opéra il faut rajouter la propriété : "height:auto !important;" au conteneur ...
En fait, il y a plusieurs façons de vouloir height:100%, si je puis dire ...
