[CSS] Div non-centré sous Mozilla
Div non-centré sous Mozilla [CSS] - HTML/CSS - Programmation
Marsh Posté le 24-04-2005 à 15:47:42
faut que tu revois la notion de classe et d'id toi...
de plus, il n'y a pas a ma connaissance de propriété "name" pour les div...
---------------
Nos estans firs di nosse pitite patreye...
Marsh Posté le 24-04-2005 à 15:47:53
text-align n'est pas censé centrer les blocs, c'est un bug d'IE, pour le centrer dans les vrais navigateurs (Firefox, Opera, Safari) il faut mettre les marges latérales en auto
Donc ici
.page { |
Accessoirement, les classes sont pour les éléments qui se répètent, ce qui n'est pas le cas ici (tu n'as qu'un exemplaire de chaque par page) donc il faut utiliser les IDs et non les classes
Colonne n'a aucun sens sémantique (ça veut dire quoi colonne, en quoi ça décrit le rôle logique de l'élément?), de même "page" est assez limite et complètement redondant avec le body.
Ajoutons que les "name" on été retirés de la norme (sauf pour les frames), que finir ses commentaires par "//-->" est très con (// n'est utilisé que quand on commente les scripts, pour éviter que le script ne parse la fin de commentaire)
---------------
Stick a parrot in a Call of Duty lobby, and you're gonna get a racist parrot. — Cody
Marsh Posté le 24-04-2005 à 15:49:29
et sinon, pour centrer le tout faut mettre les attribut sur la balise <html>
et tes commentaires sont mal foutus 
---------------
Nos estans firs di nosse pitite patreye...
Marsh Posté le 24-04-2005 à 15:57:21
<!-- ... //--> ca marche
// ... ca marche pas
/* ... */ ca marche pas
Marsh Posté le 24-04-2005 à 15:58:20
la norme c'est
<!-- commentaire inutile --> |
---------------
Nos estans firs di nosse pitite patreye...
Marsh Posté le 24-04-2005 à 16:29:03
donc on recommence:
la page:
Code :
|
le css:
Code :
|
le div "page" est bien centré maintenant, merci. En fait ce div sert juste à mettre une ligne noire autour de la page.
Comment je peux donc maintenant faire pour bien mettre en place mon menu et le corps de la page comme expliué plus haut?
PS: désolé de toutes ces erreurs mais c'est pour mon premier stage et c'est la première fois que j'utilise les .css.
Marsh Posté le 24-04-2005 à 16:31:41
![[:petrus75]](https://forum-images.hardware.fr/images/perso/petrus75.gif "[:petrus75]")
// et /* */ sont des commentaires issus du C/C++, pas des commentaires SGML
---------------
Stick a parrot in a Call of Duty lobby, and you're gonna get a racist parrot. — Cody
Marsh Posté le 24-04-2005 à 16:58:16
comment je peux mettre en fait les div "menu" et "corps" sur la meme ligne ?
Sinon ma syntaxe est bonne maintenant ?
Merci pour vos remarques.
Marsh Posté le 24-04-2005 à 17:07:01
j'arrive mainteannt à mettre "menu" et "corps" sur la même ligne grçace à un 'float: left' sur chacun d'eux, mais un nouveau problème est généré sur mozilla: on dirait que ces deux blocs sont mainteant en dehors du div "page", la ligne noire n'entoure plus que le div "entete"...
Et il y a aussi la propriété 'min-height' qui ne marche pas sous IE, comment y remédier ?
Sujets relatifs:
- Quel centre de formation PHP/MySQL?
- [CSS] [RESOLUT] Pb d'affichage d'un MAJ dans un block CSS par du PHP
- DIV vide pb IE
- [CSS]Problème sur des <li> en inline.
- [CSS] Comment définir plusieurs a:hover ?
- [CSS] Définir l'interligne ?
- Aidez-moi, je ne comprends pas la philosophie CSS !
- [HTML/JS] Changer la couleur de fond d'un DIV ou d'un INPUT dynamiquem
- [RESOLU] - Superposer 2 Div en position:relative ?
Marsh Posté le 24-04-2005 à 15:39:21
Tout d'abord voilà mes sources:
la page:
la feuille de style:
Mon premier problème est que je veux que le div "page" soit centré, ce qui se passe sous IE mais pas sous Mozilla... pourquoi je n'en sais rien.
Le deuxième problème est que je n'arrive aps à construire la page comme je veux dans le div "page", je voudrais le div "entete" en haut, le div "colonne" juste en dessous à gauche et le div "corps" à droite de "colonne" sur la même ligne.
J'ai essayé les float, clear, absolute mais rien n'y fait, aidez-moi svp.
merci.