Adapter un site suivant la résolution de l'écran en CSS

[spalie]

bonjour,
je suis en train de monter un site pour une boite et je n'arrive pas à l'adapter suivant la résolution des écrans.
le haut du site disparait sur certains ou quand je modifie la taille de la fenetre, la gauche ou la droite disparait petit à petit.

ma page 'index.html' par exemple contient une div "#page" qui englobe tout.

je cherche depuis un petit moment déja et je n'arrive pas à trouver.
suivant les differents forums, j'ai mis :

html, body {
width:100%;
}



#page{
width: 1024px;
height: 768px;
margin-left: -510px;
margin-top: -425px;
top: 50%;
left: 50%;
position: absolute;
}


#bandeau_haut{
background:url(images/bandeau_haut.gif) no-repeat top center;
height:200px;
}

....


est ce que vous pouvez m'aider?
merci

[e-kiwi]

#page{
width: 1024px; <- 100%
height: 768px; <- aucun interet

margin-left: -510px; <-aucun interet
margin-top: -425px; <-aucun interet
top: 50%; <-aucun interet
left: 50%; <-aucun interet
position: absolute; <-aucun interet

pourquoi pas juste width:100% sur #page et #haut ?

[spalie]

pour l'instant ça l 'air de marcher.
merci beaucoup

[Grantome]

#page{
width: 1024px; <- 100%
height: 768px; <- aucun interet

margin-left: -510px; <-aucun interet
margin-top: -425px; <-aucun interet
top: 50%; <-aucun interet
left: 50%; <-aucun interet
position: absolute; <-aucun interet

pourquoi pas juste width:100% sur #page et #haut ?

Tout ça s'est piqué à droite à gauche, sans savoir l'utiliser...

[spalie]

et alors?

[Grantome]

Bah rien, c'est juste que faut copier intelligement

[spalie]

c'est pour ca que je viens sur ce forum, c'est parce que je comprend pas

[Grantome]

Bah c'est pas un forum sur le CSS... Na!










J'adore avoir le dernier mot

[spalie]

et si c'en est un !

[e-kiwi]

ce n'est pas le sujet du topic les jeunes tant que ca marches, tant mieux

[Grantome]

ce n'est pas le sujet du topic les jeunes tant que ca marches, tant mieux

Mais euhhh on discute... Et j'suis pas jeune.

[UsagiYojimbo]

... en fait le bout de CSS utilisé par spalie vient de Alsacréation et eprmet de centrer un site verticalement et horizontalement :

http://css.alsacreations.com/Faire-une- ... web-en-CSS

C'est une technique qui permet le centrage vertical et horizontal quelque-soit lle navigateur utilisé.

[Grantome]

C'est bien pour cela que le css et la demande du posteur non pas de rapport

[fatass]

Hello,
Je fais moi aussi un site et je ne sais pas comment faire pour l'adapter à toutes les résolutions d'affichage.

J'ai essayé la méthode body { width:100%;}
mais ça ne marche pas

J'étais parti pour faire un truc simple et au final le site devient de plus en plus complexe et je me retrouve aujourd'hui avec un mélange de div et de table et un code vraiment pas propre . Est-ce pour cela que le width:100% ne fonctionne pas ? Comment pourrais-je faire pour régler mon problème ?

Est-ce qu'il faut que je fasse une version du site prévue pour chaque résolution et un fichier index qui retrouve la bonne résolution et affiche la bonne version du site ?

Merci à tous,

a+

[aristote]

Bonjour a tous!

Voila je sais que la question est plus que frequente (d'apres ce que j'ai pu voir sur les differents forums) mais apres multiples recherches, je n'ai toujours pas trouve la solution a mon probleme!

J'ai cree un site www.duplat.be avec le logiciel NVU sur mon petit laptop de poche a 150dollars avec une resolution de 1024x600
Apres avoir demande a plusieurs amis etc... le site fonctionne sur pas mal de PC mais sur certains, il y a une enorme colonne blanche sur la droite. Suite a mes recherches pour adapter cela, j'ai pu trouver qu'il suffisait d'ajouter body {width:100%} a mon code html. Oui c'est bien joli, mais ou le rajouter?????? J'ai fait un CTLR F pour trouver BODY, il y a des BODY partout pour les colonnes, les cellules etc... Dois simplement faire un copier/coller de body {width:100%} quelque part ou dois-je juste changer le pourcentage d'un certain WIDTH en 100%?

Desole de embetter avec cela, je me doute que cette question a deja fait debattre enormement mais je n'ai pas reussi a trouver la solution...j'ai certainement mal cherche...

Merci d'avance!