L'éditeur JavaScript
Visiteur non-identifié | Identifiez-vous | Devenir membre
Code perdu ? | Combien de visiteurs sur votre site ?
Rechercher :
Page d'accueil
     Home Page

JavaScript
     Tous les scripts
     Proposer un script
     Recherche de script
     AJAX
     Cours de JavaScript
     Liste de discussion
     Forums

Services :
     CountUs
     myCircle
     ClickInText
     XooIt

Trucs et astuces :
     HTML / CSS
     PHP / MySQL
     Réferencement
     Graph / Présentation
     Toutes les astuces
     Ajouter un article

MailingList :
122657 abonnés

Annuaire webmaster :      Hebergement web
     Referencement
     Sites webmasters
     XHTML - CSS2
     PHP
     Affiliation - Pub
     FAI

     Annuaire webmaster

Ressources pour webmasters :
     Kit graphique
     Foire aux questions
     Les membres
     Devenir annonceur
     Faire un lien
     Contact

Partenaire :
     Compteur live
     Créer un forum
     Le PHP facile
     Comscripts
     Liens sponsorisés
     Blog
     Page Rank
     Poésie et cita...
     Gifs animés, f...
     Easy-script.com
     Azote.org - no...
     Web creation ...
     K i s s design
     Outils de créa...
     Electroniq...
     Je crée mon site
     Créer son site...
     Les autres
     Votre site ici ?


Div centrée

Script posté par :

Tdeny
Vous aussi, postez vos scripts en cliquant ici.


Description

Ceci n'est pas un javascript.
C'est un CSS calculé qui vous permet de créer une division centrée, quelque soit la résolution de l'écran du visiteur.
Je pense assez intéressant quand même pour être mis ici. Mais...


Compatibilité :

 FireFox : Toutes versions
 Mozilla : 1 et +
 Netscape Navigator : 6 et +
 Internet Explorer : 5 et +


Chiffres :

Date de création : 22/04/2005
Dernière modif : -
Visites de la page : 24027
Envois par mail : 136


Exemple :

essai



Le code :

Entre <HEAD> et </HEAD> :


Entre <BODY> et </BODY> :


Services email :

Je désire recevoir ce script par email
Je désire recevoir un email en cas de modification de ce script
Je désire m'abonner à la newsletter de l'éditeur JavaScript


Les annotations des visiteurs :

De orbital73 - le 22-04-2005
a quoi ça sert si ce n'est pas compatible avec les naviguateurs ?
De b3j3 - le 01-05-2005
bonjour

du css sur ejs!? bon, pourquoi pas.

ce code à deux défauts majeurs :

avec ie, le div s'étend sans problèmes si la hauteur du contenu dépasse celle du code, 400.avec les geko, il en và tout autrement...les navigateurs s'arretent, 400 et pas plus.ce qui, en fait un code difficilement utilisable et restreint son utilité.

de plus, une bande d'environ cinquante pixels sur le haut subsiste avec tout les navigateurs.ce n'est pas du plus bel effet.

une autre suggestion :

<style type="text/css" media="screen">
body {
margin: 0px;
text-align: center;
}
#centre {
margin-left: auto;
margin-right: auto;
width: 754px;
}
</style>


la seule chose à faire c'est entrer la largeur.réellement compatible tout navigateur, toutes résolutions.son défaut n'accepte pas le placement absolu.mais c'est mineur par rapport à ces possibilités.pour un espace sur le haut du div, pas du contenu, ajoutez padding-top: xxx;
pour plus de fléxibilité utilisez les valeurs em plutôt que px.

visitez les pages d'alsacréations.com excellent site pour apprendre à utiliser les css.
De gautier1991 - le 29-06-2005
Ensuite, pour fermer le DIV, mettez ce lien :

<A onclick="javascript:document.getElementById('conteneur').style.display='none';" href="javascript:;">Fermer</a>


vous devez changer le mot 'conteneur' si vous l'avez changé auparavent...
De Pampas - le 07-05-2007
Merci, ce tout ce que je cherchais! et ça marche super bien!
De goliath731 - le 23-04-2011
bon ce n'est pas le meilleur design extansible que g vu mais il est tres bien pour les debutants!

>> Poster une annotation sur ce script






compteur gratuit
actuellement en ligne

    PUBLICITE



     ANNUAIRE WEBMAST.
Internet-hebergeur.fr
Hébergement grand public et pro à partir de 5 euros HT/mois.
http://www.internet-heber...
Cat : Hebergement web
Voir l'annuaire webmaster


     LES SCRIPTS :
78 à éditer
68 à copier/coller
247 des membres
2580 sur le web
>> Tous les scripts

     LES MEMBRES :
65981 membres
4648 comptes CountUs
1842 comptes myCircle

     LES FORUMS :
14 forums
40362 topics
191691 messages
>> Les forums

    SONDAGE

Vous avez un blog ou site classique ?
Un blog
Un site classique
Les deux !
La mini-astuce "Divers" du jour par mirage
Simplifiez-vous les forums : http://update.mozilla.org/extensions/moreinfo.php?id=128&vid=196&category=Miscellaneous ! Avec ce petit menu ajouté à vos options du clic droit, vous avez toutes les balises BBCode ! Très pratique pour le forum de l'EJS ;)
Proposer votre mini-astuce | Archives des mini-astuces
© 1999-2012 EJS - Tous droits réservés | CNIL N° 844440 | 13/02/2012 10:25:49 | Design by | Gen. en 0.477 sec.