ADSL-BC

par **Altar** » 10 Août 2004 15:18

Voila pour avoir un cadre avec une bordure centre, j'ai trouve sur openweb ce code-ci :

Code : Tout sélectionner: div.ext { margin-left: auto; margin-right: auto; width: 770px; border: 1px solid #C0C0FF; }

Evidemment manque de bol pour moi ca passe pas sous IE. Donc quelqu'un a-t-il une idee ?

par **ovh** » 10 Août 2004 15:23

margin-left: 50%
margin-right: 50%
?

par **Altar** » 10 Août 2004 15:25

Non la marche vraiment pas dans les deux explorateurs

par **Zion** » 10 Août 2004 15:32

Code : Tout sélectionner: <html> <body> <div style="text-align: center;"> <div style="margin-left:auto; margin-right: auto; width: 100px; border: 1px solid black;"> coucou </div> </div> </body> </html>

Ca ca marche, c'est un peu naze mais ca marche

Et tu rajoutes un text-align: left si tu veux pas que le texte soit aligné au centre... Vive IE :roll:

par **Altar** » 10 Août 2004 15:34

Oui je viens de voir ... c'est chiant IE ...
Tout ca pour essayer de respecter un certain standart sur lequel tout le monde semble d'accord mais que microsoft ne veut pas appliquer dans son navigateur.

Merci quand meme zion.

par **Jayman** » 10 Août 2004 15:35

Altar a écrit :Oui je viens de voir ... c'est chiant IE ...

Merci quand meme zion.

Un jour où l'autre les gens seront bien obligés de se passer d'IE, alors autant le faire tout de suite :roll:

par **Altar** » 10 Août 2004 15:36

Oui mais si ton site est deforme sur 95% des navigateurs a mon humble avis il ne va pas avoir beaucoup de succes.

par **Zion** » 10 Août 2004 15:44

Malheureusement non, et que ce soit de l'un ou de l'autre le monopole n'est jamais bon, 50/50 ce serait nickel

Mais on sera toujours obligé de se baser sur les limitations du plus faible, et je doute que les gens update leur brouteur sur simple base qu'il gère mieux les CSS, les utilisateurs lambda s'en foutent ils ne savent même pas ce que c'est :roll:

par **Krunch** » 10 Août 2004 16:32

Altar a écrit :Voila pour avoir un cadre avec une bordure centre, j'ai trouve sur openweb ce code-ci :

Code : Tout sélectionner
div.ext { margin-left: auto; margin-right: auto; width: 770px; border: 1px solid #C0C0FF; }

Evidemment manque de bol pour moi ca passe pas sous IE. Donc quelqu'un a-t-il une idee ?

Et sur la même page, ils disent bien que ça marche pas sous IE mais qu'il y a un "workaround" que Zion a donné.

Par ailleurs, utiliser les pixels comme unité de mesure, C'est Mal(tm). En général, mieux vaut utiliser les em ou les %. Ca évite les problèmes quand la page est affichée avec une (très) grand/petite résolution par exemple (genre le scroll horizontal c'est toujours chiant).

Au fait, il paraitrait que MS va mettre à jour IE "bientôt" avec nottament un meilleur support des CSS.

par **Philippe** » 10 Août 2004 19:14

essaye ça peut-être :

Code : Tout sélectionner: div.header { position: absolute; top: 10px; left: 50%; width: 60%; height: 100px; margin-left: -30%; border-color: #000000; border-style: solid; border-width: 1px; background-color : #506e87; }

ce qui est important :

left: 50%;
width: 60%;
margin-left: -30%; = la moitié du param "width" -> 60/2 = 30

:wink:

ADSL-BC

centrer un block en css

centrer un block en css

Re: centrer un block en css

Qui est en ligne ?