[html] alignement vertical au milieu marche pas a l'aide urgentissime!

alignement vertical au milieu marche pas a l'aide urgentissime! [html] - HTML/CSS - Programmation

Marsh Posté le 11-02-2003 à 18:10:13    

hello
jy arrive pas, je peux pas aligner un bordel de div au milieu de l'ecant verticalement, a l'aide sil vous plait  :(:(:(:(

Reply

Marsh Posté le 11-02-2003 à 18:10:13   

Reply

Marsh Posté le 11-02-2003 à 18:13:53    

Il n'existe pas de vertical align pour les divs. Le mieux (et c'est exceptionnel), c'est d'utiliser un tableau pour une fois. C'est un des rares cas, où j'utilise quand même un tableau. MAIS ATTENTION ! Les propriétés du tableau, tu les fais avec les CSS.
 
Sinon, il existe aussi des magouilles en jouant avec les margins et les dimensions, mais je trouve au final cela un peu plus lourd.

Reply

Marsh Posté le 11-02-2003 à 20:10:50    

bin j'ai trouvé comment faire en fait :D
 
la classe est par exemple
 
.alignincenter
{
position:absolute;
top:50%;
}
 
et le tour est joué,
j'espère que ça peut t'aider à voir la lumière :)
 
 
rien ne t'empeche de faire
 
top:20px;
 
ou alors
 
bottom:50px;
right:120px;
 
etc....
 
 
 
edit:
 
 
evidemment, compatible IE ET MOZILLA, car :love:mozilla:love:


Message édité par k666 le 11-02-2003 à 20:14:30
Reply

Marsh Posté le 11-02-2003 à 20:56:21    

k666 a écrit :

bin j'ai trouvé comment faire en fait :D
 
la classe est par exemple
 
.alignincenter
{
position:absolute;
top:50%;
}


Non, ça ne suffira pas ça. Si la hauteur du DIV est connue (disons 400px) il faut ajouter :
 
position: absolute;
top: 50%;
margin-top: -200px;


---------------
Incongru : une FAQ abandonnée sur les Standards du Web - FAQ périmée de blabla@Prog
Reply

Marsh Posté le 11-02-2003 à 20:56:39    

Rien, il est niké...  [:totozzz]

Reply

Marsh Posté le 11-02-2003 à 20:58:05    

gm_superstar a écrit :


Non, ça ne suffira pas ça. Si la hauteur du DIV est connue (disons 400px) il faut ajouter :
 
position: absolute;
top: 50%;
margin-top: -200px;


 
C'est le genre de truc que j'emploie pour un simple splash, une page d'accueil, mais pour des mises en page complexe, j'ai pas trouvé mieux que le tableau (et Dieu sait que je défend l'utilisation des divs chaque fois que c'est possible).
 ;)

Reply

Marsh Posté le 11-02-2003 à 21:09:46    

C'est quoi une mise en page complexe pour toi ?


---------------
Incongru : une FAQ abandonnée sur les Standards du Web - FAQ périmée de blabla@Prog
Reply

Marsh Posté le 11-02-2003 à 21:10:30    

gm_superstar a écrit :


Non, ça ne suffira pas ça. Si la hauteur du DIV est connue (disons 400px) il faut ajouter :
 
position: absolute;
top: 50%;
margin-top: -200px;


 
de quoi tu parles ? peux tu préciser stp ? keski ne suffira pas ? pour moi ca suffit :D mais parle exprimes toi

Reply

Marsh Posté le 11-02-2003 à 21:11:22    

Hermes le Messager a écrit :


 
C'est le genre de truc que j'emploie pour un simple splash, une page d'accueil, mais pour des mises en page complexe, j'ai pas trouvé mieux que le tableau (et Dieu sait que je défend l'utilisation des divs chaque fois que c'est possible).
 ;)  


 
mes pages sont 100% div powered, pas une seule autre balise :p

Reply

Marsh Posté le 11-02-2003 à 21:12:19    

k666 a écrit :


 
de quoi tu parles ? peux tu préciser stp ? keski ne suffira pas ? pour moi ca suffit :D mais parle exprimes toi

Ben essaye, crée un DIV de 400 pixels de haut, et place-le avec seulement  
 
position: absolute;
top: 50%;  
 
S'il est centré, tu gagnes une dédicace des modos de Prog :D


Message édité par gm_superstar le 11-02-2003 à 21:12:49

---------------
Incongru : une FAQ abandonnée sur les Standards du Web - FAQ périmée de blabla@Prog
Reply

Marsh Posté le 11-02-2003 à 21:12:19   

Reply

Marsh Posté le 11-02-2003 à 21:19:11    

vrai, c pas tout a fait centré mais presque :D a la limite je pourrais si je connaissais la taille du bidule bidouiller avec du js un ptit calcul .. m'enfin bon c pas très grave :)
 
appréciez sinon comme est beau mon boulot :D
 
http://pouet.cocomatic.net/capture.png
 
:D
 
 
 

Reply

Marsh Posté le 11-02-2003 à 21:21:47    

k666 a écrit :

vrai, c pas tout a fait centré mais presque :D a la limite je pourrais si je connaissais la taille du bidule bidouiller avec du js un ptit calcul .. m'enfin bon c pas très grave :)
 
appréciez sinon comme est beau mon boulot :D
http://pouet.cocomatic.net/capture.png
:D


 
ouais au fait j'ai galéré mais j'ai réussi à faire le même truc que sous mozilla pour la sidebar, je place le petit bouton pour cacher le menu, mais il s'agit d'un frame :) quand on click sur le petit truc au centre du frame gauche, ca cache le frame et le reduit à 10 pixels  et si on reclick ca le ressort .... :) voila, en tout cas merci pour votre attention

Reply

Marsh Posté le 11-02-2003 à 21:24:09    

k666 a écrit :


 
ouais au fait j'ai galéré mais j'ai réussi à faire le même truc que sous mozilla pour la sidebar, je place le petit bouton pour cacher le menu, mais il s'agit d'un frame :) quand on click sur le petit truc au centre du frame gauche, ca cache le frame et le reduit à 10 pixels  et si on reclick ca le ressort .... :) voila, en tout cas merci pour votre attention


 
Une rêgle élémentaire mon cher ami. Le JS pour redimensionner du contenu, tu peux oublier. C'est ce que l'on peut faire de pire. Si c'est pour utiliser du JS comme ça, c'est pas la peine de t'emmerder avec les CSS et les divs. Fais du HTML 2 ;)
 
Ne le prend pas mal, mais 10% des brouteurs n'ont pas de JS. ;)

Reply

Marsh Posté le 11-02-2003 à 21:26:40    

ouais mais je fais pas un truc grand public :D déjà on a réussi à imposer ce charmant mozilla comme navigateur par défaut :)
mais sinon je peux t'assurer que pour tout ce que j'ai fait, le couple JS+CSS et div, c'est EXCELLENT, nickel, tout bien, tous les positionnement excellent,
j'ai quand même constaté quelques petits bugs sur IE, même IE6, mais sous mozilla, comme dab, génial :)

Reply

Marsh Posté le 11-02-2003 à 21:32:05    

k666 a écrit :

ouais mais je fais pas un truc grand public :D déjà on a réussi à imposer ce charmant mozilla comme navigateur par défaut :)
mais sinon je peux t'assurer que pour tout ce que j'ai fait, le couple JS+CSS et div, c'est EXCELLENT, nickel, tout bien, tous les positionnement excellent,
j'ai quand même constaté quelques petits bugs sur IE, même IE6, mais sous mozilla, comme dab, génial :)


 
Non, tu fais pas un truc grand public. Tu fais pour IE et Moz. Il faut être logique. Soit tu décides de faire pour tout le monde (ce que je trouve très bien  :) ), soit tu mets de côté une partir des internautes. Le JS, c'est parfait pour les rollovers (bien qu'on puisse en discuter), pour des vérifs de formulaire (avant une vérif côté serveur) pour économiser des requêtes... Pour insérer des smileys dans un textearea... Berf, pour tout ce qui n'est pas déterminant pour l'affichage et le fonctionnement d'un site. ;)

Reply

Marsh Posté le 11-02-2003 à 21:37:31    

HotShot a écrit :

Hermes euhhhhh j'ai raté un épisode ou quoi ?  :pt1cable:  


 
Pourquoi ??

Reply

Marsh Posté le 11-02-2003 à 21:43:04    

Hermes le Messager a écrit :


 
Tu fais pour IE et Moz.
vrai, mais plus spécifiquement pour IE WIN et Moz ALL (mac, linux, etc..)
tu décides de faire pour tout le monde
c'est ce que j'ai fait, car ma principale motivation était de faire fonctionner mon appli sur mozilla = accessible à tout le monde, et excellent navigateur ...
 
Le JS, c'est parfait pour les rollovers
 
on dirait que tu sais pas de quoi tu parles là, t'es sûr de ce que tu dis ? tu sais que mozilla est fait avec du JS ? (son interface graphique chrome)... et je peux t'assurer que c'est bien plus que ça, le JS ...
en fait j'ai codé une appli de elearning, j'ai environ 10.000 lignes de code, avec bcp bcp de xml et de css, tout es skinnable,  tout peut faire du xmlrpc, l'interface graphique est construite a partir de divs et de css via des xsl :D ... je crois que tu pèses pas tes mots :p
 


en conclusion :jap: le JS c de la balle ;)


Message édité par k666 le 11-02-2003 à 21:44:56
Reply

Marsh Posté le 11-02-2003 à 21:45:55    

1. Pas besoin de JS pour centrer quoique ce soit
2. Pas beosin de JS pour faire des rollovers
3. Le JS, c'est désactivable
 
Conclusion, le JS c'est Mal


---------------
Incongru : une FAQ abandonnée sur les Standards du Web - FAQ périmée de blabla@Prog
Reply

Marsh Posté le 11-02-2003 à 21:50:33    

oauis c désactivable quand tu veux voir des sites de boulax
mais de toutes façons c un standard, comme dom etc... et il s trouve que peu à peu les gens implémentent les standards, et que choisir mozilla c choisir un navigateur qui a pour choix de suivre les standards, donc on prend de l'avance,
et les gens qui ont netscape tant pis pour eux, de toutes façons netscape sera bientot 100% mozilla, aisni que phoenix etc...
 
voila je pense qu'il n'ya même pas de débat, suffit d'ouvrir les yeux ...
 
ps: j'ai ouvert les yeux le jour ou j'ai vu que tout mozilla fonctionne très bien, et surtout le jour ou j'ai arrêté de souffrir avec IEMAC ;)

Reply

Marsh Posté le 11-02-2003 à 21:54:37    

xcusez moi pour le ton :) mais j'ai tout le temps à faire à des gens qui jettent de la merde sur du JS et sur mozilla ou tout ce qui soit pas IE :) je tenais simplement à témoigner que le dhtml c'est coolax et très puissant, et que mozilla etc... est vraiment bcp  plus puissant qu'on ne croit :jap:

Reply

Marsh Posté le 11-02-2003 à 22:04:57    

Ben c'est pas à moi qu'il faut dire tout ça hein ;)


---------------
Incongru : une FAQ abandonnée sur les Standards du Web - FAQ périmée de blabla@Prog
Reply

Marsh Posté le 11-02-2003 à 22:09:50    

nan je parlais à l'autre abruti .... :D

Reply

Marsh Posté le 11-02-2003 à 23:01:28    

k666 a écrit :

nan je parlais à l'autre abruti .... :D


 
Abruti toi même. J'utilise Mozilla  [:docbrown]  
 
Et GM est d'accord avec moi au sujet du JS comme tous les gens de notre secte, ici-même... Alors surveilles un peu ton langage.  :lol:

Reply

Marsh Posté le 11-02-2003 à 23:10:58    

Bon alors, qui est d'accord avec qui ?


---------------
Incongru : une FAQ abandonnée sur les Standards du Web - FAQ périmée de blabla@Prog
Reply

Marsh Posté le    

Reply

Sujets relatifs:

Leave a Replay

Make sure you enter the(*)required information where indicate.HTML code is not allowed