Forum |  HardWare.fr | News | Articles | PC | S'identifier | S'inscrire | Shop Recherche
1126 connectés 

  FORUM HardWare.fr
  Programmation
  HTML/CSS

  [XHTML][CSS] Probleme d'intentation dans un div

 



 Mot :   Pseudo :  
 
Bas de page
Auteur Sujet :

[XHTML][CSS] Probleme d'intentation dans un div

n°429731
burgergold
5$? va chez l'diable!
Posté le 16-06-2003 à 18:35:56  profilanswer
 

J'ai comme un petit probleme d'alignement
de mes divs
 
mon 2e div dans mon middle est tjrs un peu indenté vers la droite, et jtrouve pas la cause de ca
 

Code :
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
  2. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" >
  3.    <head>
  4.       <title>Organisation Sherby</title>
  5.       <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
  6.       <link rel="stylesheet" type="text/css" href="css/test.css" />
  7.    </head>
  8.    <body>
  9.       <!-- Left ========================= -->
  10.       <div id="left">
  11.          <!-- Logo ========================= -->
  12.          <div id="logo">
  13.             <img src="images/logo.jpg" alt="" />
  14.          </div>
  15.          <br />
  16.          <div id="menu_title">
  17.             Organisation
  18.          </div>
  19.          <div id="menu_body">
  20.             <div id="menu_element">
  21.                Équipe
  22.                <br />Historique
  23.                <br />Nous contacter
  24.             </div>
  25.          </div>
  26.       </div>
  27.       <!-- Right ========================= -->
  28.       <div id="right">
  29.          <div id="rcolumn1">
  30.            
  31.          </div>
  32.       </div>
  33.       <!-- Middle ========================= -->
  34.       <div id="middle">
  35.          <!-- Banner ========================= -->
  36.          <div id="banner">
  37.             <img src="images/banner.jpg" alt="" />
  38.          </div>
  39.          <div id="body">
  40.             <div id="page">
  41.                Bonjour les amis
  42.             </div>
  43.          </div>
  44.       </div>
  45.    </body>
  46. </html>


 

Code :
  1. * {
  2. font-family : Arial;
  3. font-size : 12px;
  4. color : #F2D825;
  5. }
  6. body {
  7. background-color : #504D67;
  8. margin-left : 10px;
  9. margin-right : 10px;
  10. margin-top : 10px;
  11. margin-bottom : 10px;
  12. }
  13. div#left {
  14. position : relative;
  15. float : left;
  16. width : 128px;
  17. }
  18. #menu_title {
  19. position : relative;
  20. background-color : #423E5B;
  21. text-align : center;
  22. font-size : 14px;
  23. font-weight : bolder;
  24. border : 2px groove #FF7E00;
  25. }
  26. #menu_body {
  27. position : relative;
  28. background-color : #423E5B;
  29. border : 2px groove #FF7E00;
  30. }
  31. #menu_element {
  32. position : relative;
  33. margin-left : 8px;
  34. margin-top : 5px;
  35. margin-bottom : 5px;
  36. }
  37. #logo {
  38. position : relative;
  39. }
  40. div#middle{
  41. position : relative;
  42. margin-left : 148px;
  43. margin-right : 192px;
  44. border : 1px solid #FF7E00;
  45. }
  46. #banner {
  47. position : relative;
  48. text-align : center;
  49. border : 2px groove #FF7E00;
  50. }
  51. #body {
  52. position : relative;
  53. background-color : #423E5B;
  54. height : 380px;
  55. border : 2px groove #FF7E00;
  56. }
  57. #page {
  58. position : relative;
  59. margin-left : 10px;
  60. margin-right : 10px;
  61. margin-top : 10px;
  62. margin-bottom : 10px;
  63. }
  64. #bottom {
  65. position : relative;
  66. background-color : #423E5B;
  67. height : 40px;
  68. border : 2px groove #FF7E00;
  69. }
  70. div#right {
  71. position : relative;
  72. float : right;
  73. width : 172px;
  74. }
  75. #rcolumn1 {
  76. position : relative;
  77. height : 131px;
  78. }


Message édité par burgergold le 16-06-2003 à 18:49:08

---------------
http://www.boincstats.com/signature/user_664861.gif
mood
Publicité
Posté le 16-06-2003 à 18:35:56  profilanswer
 

n°429741
burgergold
5$? va chez l'diable!
Posté le 16-06-2003 à 18:40:55  profilanswer
 


 
jsuis un peu biaisé pour te répondre :D
 
jdéveloppe sur easyphp chez moi et mon foutu internet gateway a pas l'air d'apprécier les connexions web extérieur
 
edit: jvais tenter de débloquer le port rapidement


Message édité par burgergold le 16-06-2003 à 18:42:16

---------------
http://www.boincstats.com/signature/user_664861.gif
n°429748
burgergold
5$? va chez l'diable!
Posté le 16-06-2003 à 18:45:03  profilanswer
 

HotShot a écrit :

Nan c bon j'ai recopié dans Composer...
 
Je vois pas de problème... le texte (en recopiant à l'infini "bonjour les amis" ) est bien disposé en une belle colonne...
 
Tu testes avec quel browser ?


 
IE6
 
le probleme c pas le texte lui meme, c vrai la section "plus foncé" qui est plus indenté vers la droite que celle du logo
 
edit: modifie la section Middle par celle ci et tu vas voir une différence
 

Code :
  1. <!-- Middle ========================= -->
  2.       <div id="middle">
  3.          <!-- Banner ========================= -->
  4.          <div id="banner">
  5.             <img src="images/banner.jpg" alt="" />
  6.          </div>
  7.          <div id="body">
  8.             <div id="page">
  9.                Bonjour les amis
  10.             </div>
  11.          </div>
  12.          <div id="body">
  13.             <div id="page">
  14.                Bonjour les amis
  15.             </div>
  16.          </div>
  17.       </div>


Message édité par burgergold le 16-06-2003 à 18:46:07

---------------
http://www.boincstats.com/signature/user_664861.gif
n°429764
burgergold
5$? va chez l'diable!
Posté le 16-06-2003 à 18:58:39  profilanswer
 

HotShot a écrit :

A nouveau, aucun problème.
 
par contre je me souviens que IE5 a un léger problème, quand un bloc est situé à côté d'un autre bloc ayant une propriété "float" : le contenu est décalé de qq pixels, en face du bloc floaté... bug de MSIE... pas super gênant, un décalage de 3 pixels vers la droite pour les qq premières lignes d'un texte...


 
mouep c pas mal ca
 
c pas trop genant si c du texte, mais là moi jai une boite de couleur plus foncé pour chaque section, donc ca parait plutot


---------------
http://www.boincstats.com/signature/user_664861.gif
n°429767
burgergold
5$? va chez l'diable!
Posté le 16-06-2003 à 19:00:17  profilanswer
 

sous mozilla ca passe #1
 
hum kess que jfais avec ca...
 
selon vous ca risque d'etre corriger dans IE ?


---------------
http://www.boincstats.com/signature/user_664861.gif
n°429770
burgergold
5$? va chez l'diable!
Posté le 16-06-2003 à 19:01:33  profilanswer
 

HotShot a écrit :

Me semble que c possible de corriger le problème, mais je sais plus comment  :sweat: sûrement en jouant avec des dimensions... fixées ou % ou relatives ou...


 
les dimensiosn de ma section central me sont inconnu, c'est l'espace restant entre ma section left et ma section right
 
lorsque je fixe width: 100%; dans mon css pour #banner, #body, #bottom, jme retrouve avec un gros espace libre au dessus de #banner


---------------
http://www.boincstats.com/signature/user_664861.gif
n°429772
burgergold
5$? va chez l'diable!
Posté le 16-06-2003 à 19:02:21  profilanswer
 

HotShot a écrit :

Non, le développement de IE est arrêté :D ça restera définitivement plein de bugs :D


 
 :lol:  
 
 :sweat:  
 
 :cry:


---------------
http://www.boincstats.com/signature/user_664861.gif
n°429776
burgergold
5$? va chez l'diable!
Posté le 16-06-2003 à 19:06:13  profilanswer
 

jcommence tout juste en xhtml, avec quelques chose qui me parait quand meme tres simple, le MSIE a un bug juste à cet endroit
 
pas très sympa comme 1er expérience


---------------
http://www.boincstats.com/signature/user_664861.gif
n°429784
burgergold
5$? va chez l'diable!
Posté le 16-06-2003 à 19:27:20  profilanswer
 

jviens de trouver que si je n'ai pas de section gauche, le probleme ne se présente pas


---------------
http://www.boincstats.com/signature/user_664861.gif
n°429801
burgergold
5$? va chez l'diable!
Posté le 16-06-2003 à 20:14:35  profilanswer
 

HotShot a écrit :

Ben oui, c ce que je t'ai dit plus haut...


 
 :D


---------------
http://www.boincstats.com/signature/user_664861.gif
mood
Publicité
Posté le 16-06-2003 à 20:14:35  profilanswer
 

n°429802
gm_superst​ar
Appelez-moi Super
Posté le 16-06-2003 à 20:15:19  profilanswer
 
n°429852
burgergold
5$? va chez l'diable!
Posté le 16-06-2003 à 21:13:39  profilanswer
 

gm_superstar a écrit :

Ouaip, bug de IE : http://forum.hardware.fr/forum2.ph [...] 221&cat=10
 
Et si tu mets ton "middle" en flottant aussi ?


 
float quoi? float ya que left ou right comme parametre?
 
alors quelque chose comme
 
left float left
middle float right
right float right?


---------------
http://www.boincstats.com/signature/user_664861.gif
n°429872
gm_superst​ar
Appelez-moi Super
Posté le 16-06-2003 à 21:29:08  profilanswer
 

Nan, quand on met 2 blocs consécutifs en flottant il se mettent cote à cote (s'il y a de la place) Donc tu mets le div de gauche et middle en "float: left;"


---------------
Incongru : une FAQ abandonnée sur les Standards du Web - FAQ périmée de blabla@Prog
n°429879
burgergold
5$? va chez l'diable!
Posté le 16-06-2003 à 21:35:25  profilanswer
 

mouep bien là mon middle prends seulement la largeur du logo et non toute la largeur disponible


---------------
http://www.boincstats.com/signature/user_664861.gif
n°429889
burgergold
5$? va chez l'diable!
Posté le 16-06-2003 à 21:46:31  profilanswer
 

vais devoir survivre avec le bug alors


---------------
http://www.boincstats.com/signature/user_664861.gif

Aller à :
Ajouter une réponse
  FORUM HardWare.fr
  Programmation
  HTML/CSS

  [XHTML][CSS] Probleme d'intentation dans un div

 

Sujets relatifs
Problème d'intégrité de l'ASP dans un fichier XMLprobleme avec js lors de l'interpretation de variable
[PHP] Créer un user sous Linux via un mdp crypté, probleme...Probleme pour indiquer le chemin d'1 JavaScript dans le code HTML
[XHTML][CSS] Développer selon les nouveaux standardsproblème avec du PHP qui génère du JS
[CSS / link rel/PHP] aide mon CSS marche plus si je le link... (PHP)[C] Problème de lecture dans un fichier
un probleme 
Plus de sujets relatifs à : [XHTML][CSS] Probleme d'intentation dans un div


Copyright © 1997-2018 Hardware.fr SARL (Signaler un contenu illicite / Données personnelles) / Groupe LDLC / Shop HFR