[Résolu] probleme d'alignement par Speedking - page 1

voila j'ai un ptit probleme Oo j'ai mi en page mon design avec des div comme dans le tuto, mais voila se que sa me fai Oo :

aucun probleme sous firefox pourtant!
le code de ma page:

<!DOCTYPE html PUBLIC "–//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1–strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr" >
<head>
<title>Bienvenue sur mon site !</title>
<meta http–equiv="Content–Type" content="text/html; charset=iso–8859–1" />
<link href="style.css" rel="stylesheet" type="text/css" />
</head>
<body>
<div id="header"> </div>
   <div id="menuleft">
   
   <div class="ensemblemenu">

   <div class="sousmenuheader"><b>General</b></div>
   <div class="sousmenubas">
   <div class="textmenu">>> Index<br />
   >> Forum
   <br />
   >>
   t'chat<br />
   >> Livre d'or<br />
   >> Contact<br />
   >> L'équipe
   <br />
</div> </div>
</div>


   <div class="ensemblemenu">
   <div class="sousmenuheader"><b>General</b></div>
   <div class="sousmenubas">
   <div class="textmenu">>> Index<br />
   >> Forum
   <br />
   >>
   t'chat<br />
   >> Livre d'or<br />
   >> Contact<br />
   >> L'équipe
   <br />
</div> </div>
</div>

   </div>
   <div id="menuright">
   
   <div class="ensemblemenu">

   <div class="sousmenuheader"><b>General</b></div>
   <div class="sousmenubas">
   <div class="textmenu">>> Index<br />
   >> Forum
   <br />
   >>
   t'chat<br />
   >> Livre d'or<br />
   >> Contact<br />
   >> L'équipe
   <br />
</div> </div>
</div>


   <div class="ensemblemenu">
   <div class="sousmenuheader"><b>General</b></div>
   <div class="sousmenubas">
   <div class="textmenu">>> Index<br />
   >> Forum
   <br />
   >>
   t'chat<br />
   >> Livre d'or<br />
   >> Contact<br />
   >> L'équipe
   <br />
</div> </div>
</div>

   </div>
<div id="centre"> ...lol<br />
je suis pas sur que je devrai faire sa mais bon ... apres c pas moi qui decide

lol bon j'ai rien a dire alors je vous laisse

à si! att regarde sa:<br />
Chers Zér0s, chères Zér0s, <br />
<br />
Aujourd'hui est un jour historique ! Et je pèse mes mots <img src="http://www.siteduzero.com/Templates/images/smilies/langue.png" alt=":p" /> <br />
En effet, c'est la première fois dans l'histoire du site qu'un tuto d'un membre devient "officiel". Le <a href="http://www.siteduzero.com/tuto-3-1346-0-creez-des-programmes-en-3d-avec-opengl.html">cours de Kayl sur OpenGL</a> vient donc rejoindre tous mes autres cours dans le menu du site. Vous trouverez le nouveau lien sous "C / C++". <br />
<br />
Qu'est-ce qu'OpenGL ? C'est une <strong>bibliothèque graphique 3D</strong> vous permettant de créer des programmes et des jeux en 3 dimensions. Cette bibliothèque a en outre l'avantage d'être portable car, contrairement à DirectX, elle fonctionne sous Windows, Mac et Linux. <br />
<br />
<div>Qu'est-ce que ça change que le cours soit devenu officiel ?</div>
<br />
<br />
<div><img src="//user.oc-static.com/files/4001_5000/4009.png" alt="Image utilisateur" /></div>
Eh bien tout d'abord, le cours gagne indéniablement en visibilité car il est accessible directement depuis le menu principal du site. <br />
<br />
D'autre part, c'est un gage de sérieux et l'assurance que le tuto est compréhensible par tous (on n'a pas encore inventé de "label SdZ" mais c'est un peu l'idée <img src="http://www.siteduzero.com/Templates/images/smilies/siffle.png" alt=":-°" /> ). Cela fait un petit moment que je suis la rédaction de son cours et j'ai bêta-testé tous les chapitres que vous voyez en donnant à plusieurs reprises des conseils à Kayl. <br />
<br />
<strong>Petite précision utile</strong> : si Kayl s'efforce d'être clair et accessible, il n'en conserve pas moins un style personnel. Ce n'est donc pas une pâle copie de ma façon d'écrire : Kayl a sa façon de faire et il la conserve, c'est très bien. Du temps que le cours reste de qualité, ça ne pose aucun problème <img src="http://www.siteduzero.com/Templates/images/smilies/clin.png" alt=";)" /> <br />
<br />
Notez que le cours n'est pas terminé (c'est que ça demande du travail !). Tout comme moi, Kayl a encore beaucoup de projets pour son tuto, et il ne compte pas s'arrêter là. <br />
<br />
<div>Pour suivre le cours de Kayl sur OpenGL, il est impératif d'avoir lu tout mon cours sur le C et aussi la partie sur la SDL (donc les parties I à III incluses). <br />
Kayl utilise la SDL pour la gestion des évènements et l'ouverture d'une fenêtre. En effet, la SDL et OpenGL se marient bien ensemble vous verrez.</div>
<br />
<br />
Même si ma partie sur la SDL n'est pas encore terminée à l'heure actuelle, vous pouvez déjà suivre tout le cours de Kayl sans aucun problème <img src="http://www.siteduzero.com/Templates/images/smilies/smile.png" alt=":)" /> <br />
<br />
<br />
Bonne lecture, et amusez-vous bien !</div>

PS: le contenu du centre c'était juste pour remplir

</body>
</html>

Speedking

11 mai 2006 à 23:22:31

NotPerfect

12 mai 2006 à 0:14:40

Cela arrive très souvent sous IE

c'est de sa faute

et malheureusement je ne connais pas la solution :euh:

Jimmy Labuche

12 mai 2006 à 4:08:18

Ne connaissant pas d'autre solution que la mienne (très peu conventionnelle a mon avis :)), je vais te l'exposer ^^.

Alors voila, je met le menu de gauche dans un div avec ID="menu_gauche".
Avec CSS je lui applique un float:left;

Je créé ensuite un div qui va contenir 2 div (Ici déjà il me semble que ce n'est pas conforme aux standards CSS).
Je nomme ce gros div avec un ID="corps_et_menu_droite". A ce gros div je lui applique un float:right;.

Et maintenant je créé un <div class="corps"> qui contiendra toute la partie centrale. je lui applique un float:left;.
Puis le dernier div : <div class="menu_droite"> avec un float:right;

Voila... C'est ma solution très peu conventionnelle

jp949

12 mai 2006 à 13:13:02

suffit de ne pas attribuer de largeur a ton central simplement un margin-left et un margin-right.
la solution proposée par "paliur" fonctionne aussi mais est plus longue et contraignante a mettre en oeuvre parce que tu auras que des blocs positionnés en float et qu'ils ne poussent pas les elements entourant tel que le footer etc...

12 mai 2006 à 17:04:11

Merci jp949

probleme résolut! paliur c'est vrai que ta methode est un peu barbar

mais au moins sa marche! aller a bientot!

probleme d'alignement

probleme d'alignement

Supprimer

Modérer

Signaler le message aux modérateurs