[Edit2] Comment diviser un div po. [Fait, aujourd'hui encore ..]

  • HKt0p5
  • Graduate
  • Graduate
  • Avatar de l’utilisateur
  • Inscription: Mar 19, 2008
  • Messages: 134
  • Loc: Bulgaria
  • Status: Offline

Message Janvier 13th, 2009, 1:36 am

Comment puis-je diviser un div, avec attribué id, thats 780px de long et 23px de haut en trois parties égales, avec les CSS, de sorte que, dans la partie gauche il ya le texte à gauche, dans la partie médiane, theres texte centré, et dans le partie droite, theres texte à droite? oh, et l'ensemble div est également centrée, plus le texte de gauche et de droite est <a href>-ed.

Et, aussi, par exemple, si le div est à l'intérieur d'une page contenant div. Toutefois, la page contenant est nécessaire? Wont-il de la même façon, si les deux theres div-s, l'un sous l'autre, comme, box1 et Box2 par exemple.

Aussi, puis-je donner un div une 1px #000000 solide frontière?

Désolé de poser tant .. la première question est le plus important de toute façon.
  • Anonymous
  • Bot
  • No Avatar
  • Inscription: 25 Feb 2008
  • Messages: ?
  • Loc: Ozzuland
  • Status: Online

Message Janvier 13th, 2009, 1:36 am

  • celandine
  • Mastermind
  • Mastermind
  • Avatar de l’utilisateur
  • Inscription: Oct 30, 2007
  • Messages: 2008
  • Loc: Belgrade, Serbia
  • Status: Offline

Message Janvier 14th, 2009, 1:20 pm

hmmm. vous pouvez faire trois divs nouveau dans votre DIV - flottent tous à gauche, les rendre appropriés largeurs / hauteurs et les remplir avec le texte approprié. Vous n'avez même pas à faire divs bien que (je le fais toujours, mais honnêtement ne saurais vous dire pourquoi). Vous pouvez simplement faire des paragraphes de texte, puis dans le style de la même manière dans laquelle youd le style d'un DIV - comme:

Code: [ Select ]
p { }



vous les href dans le code HTML, comme vous le feriez régulièrement. Vous n'avez pas nécessairement besoin d'un conteneur / div wrapper, il vous suffit d'avoir la case sous la case sous la case, mais j'aime toujours d'avoir un emballage juste pour maintenir les choses en main. thats just me though.

vous pouvez donner à la frontière par un div css - Just Like That --

Code: [ Select ]
#div {
border: 1px solid #000
}
  1. #div {
  2. border: 1px solid #000
  3. }
Eagles may soar in the sky but weasels don't get sucked into jet engines.

celandine designblog
  • Bogey
  • Bogey
  • Genius
  • Avatar de l’utilisateur
  • Inscription: Juil 14, 2005
  • Messages: 8211
  • Loc: USA
  • Status: Offline

Message Janvier 14th, 2009, 1:43 pm

si vous utilisez seulement
Code: [ Select ]
p { }
il serait style de paragraphe CHAQUE dans le document, et Im pas sûr HKt0p5 would like that. Soit donner les paragraphes de leur propre classe ou id
Code: [ Select ]
p.class { }
p#id { }
  1. p.class { }
  2. p#id { }
ou les mettre dans un div et le style de la p
Code: [ Select ]
#div p { }
ou tout simplement le style de la div
Code: [ Select ]
#div { }
"Bring forth therefore fruits meet for repentance:" Matthew 3:8
  • HKt0p5
  • Graduate
  • Graduate
  • Avatar de l’utilisateur
  • Inscription: Mar 19, 2008
  • Messages: 134
  • Loc: Bulgaria
  • Status: Offline

Message Janvier 15th, 2009, 10:26 am

Bien sûr, merci! Ill assurez-vous de l'essayer plus tard et même après le résultat, parce que si ça fonctionne itll être un bond en avant pour moi - de passer avec succès à partir des tableaux de div-s! ^ v ^
J'ai encore une question avant que, bien que. Depuis Bogey est juste sur la p, Ill besoin d'utiliser p id-s (les cours sont au total jungle pour moi), exactement dans quel ordre, et, en outre, comment et où, dois-je configurer ce ps sur les propriétés de la couleur des caractères (et de la Liens vol stationnaire, actif, visité, blah blah) Dans le CSS, et non l'habituel <style> chose que j'ai utilisée pour mettre en html dans la tête? Id en outre demander à la police mais je me suis rendu, il semble que de ne pas être nécessaire de définir une police de caractère quand vous avez l'intention cross-browser/OS compatyness car je ne peux jamais être sûr si la police la définition est disponible sur un Mac, ou que certains utilisateurs n'a pas mis en place leur propre police par défaut dans les options de leur navigateur. Taille serait bien aussi, mais encore une fois, je me demande .. Il suffit donc de la couleur.

Au hasard, peut-il y avoir une telle chose #id? . _.
  • Bogey
  • Bogey
  • Genius
  • Avatar de l’utilisateur
  • Inscription: Juil 14, 2005
  • Messages: 8211
  • Loc: USA
  • Status: Offline

Message Janvier 15th, 2009, 2:59 pm

Ici...ce que vous mettez en <style> ne changerait pas pour le fichier CSS...tout ce qui serait modifié, c'est que vous n'avez pas à définir le <style> et </ style>. Je veux dire que vous n'avez pas à mettre ceux d'avant et après le CSS.

A propos des paragraphes, si vous voulez qu'ils soient en 3 colonnes séparées, vous devrez probablement utiliser le float: left; disponible en CSS. Après cela, vous devrez créer une classe ou d'une carte d'identité leur chambre de compensation ( clear: both; pour effacer les flotteurs.

Si tu le veux, je peux poster un exemple simple de ce que vous essayez de le faire et vous pouvez aller à partir de là, mais ce serait paralyser votre enseignement de la création d'un site en CSS plutôt que pour une table en fonction.

Quant aux liens, bien sûr, vous pouvez le faire. Je fais ça avec mes sites aussi bien, sauf que je utiliser des classes pour les personnes plutôt que d'identité. Parce que les classes sont...De plus, les classes. Plus d'un élément de la page aurait-il pu, mais si son ID, vous n'êtes pas censé avoir plus d'une des personnes présentes sur une page de ces...rend, mais votre navigateur, il n'est pas censé mettre plus d'un de la même ID sur une page. Et j'ai tendance à ré-utiliser un style pour les liens car il ya une grande possibilité qu'il y aurait plus d'un lien contenu dans cet espace qui aurait besoin de ce style.

Code: [ Select ]
a.class {
 
}
 
a:active.class {
 
}
 
a:hover.class {
 
}
 
a:visited.class {
 
}
  1. a.class {
  2.  
  3. }
  4.  
  5. a:active.class {
  6.  
  7. }
  8.  
  9. a:hover.class {
  10.  
  11. }
  12.  
  13. a:visited.class {
  14.  
  15. }


Mais si vous voulez utiliser les ID, même si, il suffit de remplacer . class avec #id . (Juste pour la clarté, une pièce d'identité ne doit pas être un numéro gif "alt =": lol: "title =" Laughing "> )

font-size : Eh bien...font-size
couleur : Couleur du texte
text-align : Gauche, centre ou à droite (justifier ainsi, mais certains navigateurs ne font pas ça :roll: )
"Bring forth therefore fruits meet for repentance:" Matthew 3:8
  • HKt0p5
  • Graduate
  • Graduate
  • Avatar de l’utilisateur
  • Inscription: Mar 19, 2008
  • Messages: 134
  • Loc: Bulgaria
  • Status: Offline

Message Janvier 15th, 2009, 3:12 pm

Im essayant de refaire cette page correctement, et non pas avec des tables, mais p-s. Vous pouvez vérifier mon code source, si itll aider. À l'heure actuelle, Im essayant d'écrire tout ce que div stuff et tout, mais .. donne-moi un peu plus de temps à essayer, ok?
  • HKt0p5
  • Graduate
  • Graduate
  • Avatar de l’utilisateur
  • Inscription: Mar 19, 2008
  • Messages: 134
  • Loc: Bulgaria
  • Status: Offline

Message Janvier 15th, 2009, 4:09 pm

Ive tente et d'essayer, mais pour une raison quelconque, le clair: les deux, rien ne ressort. S'il vous plaît, Bogey, après un exemple que je puisse voir comment le fait de travailler.
Elle ne sera pas la ruine de mon apprentissage que beaucoup CSS depuis mauvais essayez d'en déterminer ad puis faire une moi-même à partir de zéro.
  • Bogey
  • Bogey
  • Genius
  • Avatar de l’utilisateur
  • Inscription: Juil 14, 2005
  • Messages: 8211
  • Loc: USA
  • Status: Offline

Message Janvier 15th, 2009, 9:28 pm

Heres comment je place mon fichier CSS (C'est comme ça que je fais de toute façon). Cet exemple est pour une largeur de 740px.
CSS Code: [ Select ]
* {
 margin: 0;
 padding: 0;
}
 
body {
 padding-top: 50px;
}
 
#container {
 width: 740px;
 margin: 0 auto;
 background-color: #cecece;
}
 
#container h1 {
 background-color: #aaa;
 color: #000;
 text-align: center;
}
 
#left {
 float: left;
 width: 90px;
 padding: 5px 5px 5px 5px;
 background-color: #cccccc;
}
 
#center {
 float: left;
 width: 530px;
 padding: 5px 5px 5px 5px;
 background-color: #eeeeee;
}
 
#right {
 float: left;
 width: 90px;
 padding: 5px 5px 5px 5px;
 background-color: #cccccc;
}
 
.clear {
 clear: both;
 text-align: center;
 font-size: 12px;
 color: #000000; /* Default color */
}
  1. * {
  2.  margin: 0;
  3.  padding: 0;
  4. }
  5.  
  6. body {
  7.  padding-top: 50px;
  8. }
  9.  
  10. #container {
  11.  width: 740px;
  12.  margin: 0 auto;
  13.  background-color: #cecece;
  14. }
  15.  
  16. #container h1 {
  17.  background-color: #aaa;
  18.  color: #000;
  19.  text-align: center;
  20. }
  21.  
  22. #left {
  23.  float: left;
  24.  width: 90px;
  25.  padding: 5px 5px 5px 5px;
  26.  background-color: #cccccc;
  27. }
  28.  
  29. #center {
  30.  float: left;
  31.  width: 530px;
  32.  padding: 5px 5px 5px 5px;
  33.  background-color: #eeeeee;
  34. }
  35.  
  36. #right {
  37.  float: left;
  38.  width: 90px;
  39.  padding: 5px 5px 5px 5px;
  40.  background-color: #cccccc;
  41. }
  42.  
  43. .clear {
  44.  clear: both;
  45.  text-align: center;
  46.  font-size: 12px;
  47.  color: #000000; /* Default color */
  48. }
Et voici comment je place mon fichier HTML
HTML Code: [ Select ]
<html>
<head>
 <title>Document</title>
 <link href="style.css" rel="stylesheet" type="text/css" />
</head>
<body>
<div id="container">
<h1>Header</h1>
<div id="left">
 <p>Left text</p>
</div>
<div id="center">
 <p>Center text</p>
 <p>Center text</p>
 <p>Center text</p>
 <p>Center text</p>
 <p>Center text</p>
 <p>Center text</p>
</div>
<div id="right">
 <p>Right text</p>
</div>
<p class="clear">Footer</p>
</div>
</body>
</html>
  1. <html>
  2. <head>
  3.  <title>Document</title>
  4.  <link href="style.css" rel="stylesheet" type="text/css" />
  5. </head>
  6. <body>
  7. <div id="container">
  8. <h1>Header</h1>
  9. <div id="left">
  10.  <p>Left text</p>
  11. </div>
  12. <div id="center">
  13.  <p>Center text</p>
  14.  <p>Center text</p>
  15.  <p>Center text</p>
  16.  <p>Center text</p>
  17.  <p>Center text</p>
  18.  <p>Center text</p>
  19. </div>
  20. <div id="right">
  21.  <p>Right text</p>
  22. </div>
  23. <p class="clear">Footer</p>
  24. </div>
  25. </body>
  26. </html>

C'est une mise en page simple en trois colonnes...Going Off un peu de votre site.
"Bring forth therefore fruits meet for repentance:" Matthew 3:8
  • HKt0p5
  • Graduate
  • Graduate
  • Avatar de l’utilisateur
  • Inscription: Mar 19, 2008
  • Messages: 134
  • Loc: Bulgaria
  • Status: Offline

Message Janvier 16th, 2009, 9:21 am

Bogey, Je t'aime! Haha. Merci beaucoup!
Le problème est que je ne pouvait pas savoir comment exactement à "la phrase" le balisage d'une classe. Maintenant à partir de cette réalité et faire la page avec les CSS, les codes dont vous avez fait preuve, je crois Im départ pour l'obtenir.
Alors maintenant, Im vais essayer se rappeler ce qui se passe où et ce qui dépend de quoi et voir ce que je peux faire avec mes stupides indice suivant cette "logique". Aussi, je tiens à expérimenter whatll t-il si je coller une! DOCTYPE à elle.
  • HKt0p5
  • Graduate
  • Graduate
  • Avatar de l’utilisateur
  • Inscription: Mar 19, 2008
  • Messages: 134
  • Loc: Bulgaria
  • Status: Offline

Message Janvier 16th, 2009, 2:07 pm

Eh bien, voici le résultat.
http://hirasawa2032.com/atarashii_index.html

Bogeys code m'a beaucoup aidé, mais il ya certaines parties que je devais mettre comme il avait, par exemple, je ne savais pas comment faire pour que #h1 contenant thingy d'une autre manière de garder la forme. Dans le CSS, j'ai joué un peu avec le thingy une classe, et enfin, quand il travaille, Im heureux que j'ai écrit cette partie tout à fait moi-même.

Quoi qu'il en soit, maintenant .. pour une raison quelconque, il ne s'affiche pas centrée dans IE. Voici les codes, de sorte que toute suggestion de la façon de résoudre ce problème est très très bienvenus!
HTML:
Code: [ Select ]
<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=EUC-JP" />
<meta http-equiv="content-language" content="ja" />
<meta name="description" content="HIRASAWA KANKAKU - Unofficial side-project website presentation for Hirasawa Susumu including Hirasawa 3D Live, Transparent Sky animation featuring him, analysis of his work, detailed information and history of P-MODEL, MANDRAKE and related; HIRASAWA NATION videogame development and much more. By Taira." />
<meta name="robots" content="index,follow" />
<meta name="keyword" content="平沢進,Susumu Hirasawa,hirasawa susumu,hirazawa,平沢,進,平ら,Taira,P-モデル,transparent,sky,project,Transparent Sky Project,トランスパレントスカイ,「トランスパレントスカイ」,TESLAKITE,Interactive live,2032,インタラクティブ・ライブショウ,プロジェクト,プレゼンテーション,P-MODEL,Mandrake,マンドレイク,Global,Trotters,核P-MODEL,KAKU,hirasawa kankaku,平沢感覚,kankaku,感覚,平沢進3Dライブ,HIRASAWA NATION,videogame,平沢ネーション,平沢ネーションビデオゲーム,ヒラサワ,ヒラサワ・ネーション" />
<meta name="author" content="平沢感覚" />
<meta name="copyright" content="平沢進、平ら" />
<title>平沢進「トランスパレントスカイ」2032プロジェクト</title>
<link rel="shortcut icon" href="http://www.hirasawa2032.com/favicon.ico" />
<link rel="stylesheet" href="index.css" />
</head>
<body>
<div id="container">
<h1><img src="img/pi-duaicylinder.gif" alt="pi-duaiシリンダー"><img src="img/top.gif"></h1>
<div id="hidari">
<p><a class="nihongo" href="#">日本語</a></p>
</div>
<div id="mannaka">
<p>Copyright (C)1987-2008 平沢進、平ら</p>
</div>
<div id="migi">
<p><a class="eigo" href="#">English</a></p>
</div>
<p class="counter"><img src="/cgi-sys/Count.cgi?df=hirasawa.dat|display=Counter|ft=1|md=8|frgb=0;0;0|dd=G"></p>
</div>
</body>
</html>
  1. <html>
  2. <head>
  3. <meta http-equiv="content-type" content="text/html; charset=EUC-JP" />
  4. <meta http-equiv="content-language" content="ja" />
  5. <meta name="description" content="HIRASAWA KANKAKU - Unofficial side-project website presentation for Hirasawa Susumu including Hirasawa 3D Live, Transparent Sky animation featuring him, analysis of his work, detailed information and history of P-MODEL, MANDRAKE and related; HIRASAWA NATION videogame development and much more. By Taira." />
  6. <meta name="robots" content="index,follow" />
  7. <meta name="keyword" content="平沢進,Susumu Hirasawa,hirasawa susumu,hirazawa,平沢,進,平ら,Taira,P-モデル,transparent,sky,project,Transparent Sky Project,トランスパレントスカイ,「トランスパレントスカイ」,TESLAKITE,Interactive live,2032,インタラクティブ・ライブショウ,プロジェクト,プレゼンテーション,P-MODEL,Mandrake,マンドレイク,Global,Trotters,核P-MODEL,KAKU,hirasawa kankaku,平沢感覚,kankaku,感覚,平沢進3Dライブ,HIRASAWA NATION,videogame,平沢ネーション,平沢ネーションビデオゲーム,ヒラサワ,ヒラサワ・ネーション" />
  8. <meta name="author" content="平沢感覚" />
  9. <meta name="copyright" content="平沢進、平ら" />
  10. <title>平沢進「トランスパレントスカイ」2032プロジェクト</title>
  11. <link rel="shortcut icon" href="http://www.hirasawa2032.com/favicon.ico" />
  12. <link rel="stylesheet" href="index.css" />
  13. </head>
  14. <body>
  15. <div id="container">
  16. <h1><img src="img/pi-duaicylinder.gif" alt="pi-duaiシリンダー"><img src="img/top.gif"></h1>
  17. <div id="hidari">
  18. <p><a class="nihongo" href="#">日本語</a></p>
  19. </div>
  20. <div id="mannaka">
  21. <p>Copyright (C)1987-2008 平沢進、平ら</p>
  22. </div>
  23. <div id="migi">
  24. <p><a class="eigo" href="#">English</a></p>
  25. </div>
  26. <p class="counter"><img src="/cgi-sys/Count.cgi?df=hirasawa.dat|display=Counter|ft=1|md=8|frgb=0;0;0|dd=G"></p>
  27. </div>
  28. </body>
  29. </html>


Ignorer que pour les liens j'ai mis seulement #, Thats juste pour le moment jusqu'à ce que j'arrive à tenir centrée dans tous les navigateurs.

CSS:
Code: [ Select ]
*{
margin: 0;
padding: 0;
}
body { font-family: "Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3";
padding-top: 35px;
background:#333333;
}
 
a.nihongo:link
{
text-decoration:none;
font-weight:bold;
font-size: 14px;
color:#ffffff;
}
a.nihongo:visited
{
text-decoration:none;
font-weight:bold;
font-size: 14px;
color:#ffffff;
}
a.nihongo:active
{
text-decoration:none;
font-weight:bold;
font-size: 14px;
color:#ffffff;
}
a.nihongo:hover
{
text-decoration:underline overline;
font-weight:bold;
font-size: 14px;
color:#ffffff;
}
 
a.eigo:link
{
text-decoration:none;
font-size: 14px;
color:#ffffff;
}
a.eigo:visited
{
text-decoration:none;
font-size: 14px;
color:#ffffff;
}
a.eigo:active
{
text-decoration:none;
font-size: 14px;
color:#ffffff;
}
a.eigo:hover
{
text-decoration:underline overline;
font-size: 14px;
color:#ffffff;
}
 
#container {
width: 782px;
height: 373px;
margin: 0 auto;
background-color: #333333;
}
 
#container h1 {
background-color: #666666;
border: 1px solid #000;
}
 
#hidari {
float: left;
width: 220px;
padding: 5px 5px 5px 5px;
background-color: #000000;
}
 
#mannaka {
float: left;
text-align: center;
width: 312px;
padding: 5px 5px 5px 5px;
background-color: #000000;
font-size: 14px;
color: #666666;
}
 
#migi {
float: left;
text-align: right;
width: 220px;
padding: 5px 5px 5px 5px;
background-color: #000000;
}
 
.counter {
clear: both;
text-align: center;
background-color: #333333;
}
  1. *{
  2. margin: 0;
  3. padding: 0;
  4. }
  5. body { font-family: "Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3";
  6. padding-top: 35px;
  7. background:#333333;
  8. }
  9.  
  10. a.nihongo:link
  11. {
  12. text-decoration:none;
  13. font-weight:bold;
  14. font-size: 14px;
  15. color:#ffffff;
  16. }
  17. a.nihongo:visited
  18. {
  19. text-decoration:none;
  20. font-weight:bold;
  21. font-size: 14px;
  22. color:#ffffff;
  23. }
  24. a.nihongo:active
  25. {
  26. text-decoration:none;
  27. font-weight:bold;
  28. font-size: 14px;
  29. color:#ffffff;
  30. }
  31. a.nihongo:hover
  32. {
  33. text-decoration:underline overline;
  34. font-weight:bold;
  35. font-size: 14px;
  36. color:#ffffff;
  37. }
  38.  
  39. a.eigo:link
  40. {
  41. text-decoration:none;
  42. font-size: 14px;
  43. color:#ffffff;
  44. }
  45. a.eigo:visited
  46. {
  47. text-decoration:none;
  48. font-size: 14px;
  49. color:#ffffff;
  50. }
  51. a.eigo:active
  52. {
  53. text-decoration:none;
  54. font-size: 14px;
  55. color:#ffffff;
  56. }
  57. a.eigo:hover
  58. {
  59. text-decoration:underline overline;
  60. font-size: 14px;
  61. color:#ffffff;
  62. }
  63.  
  64. #container {
  65. width: 782px;
  66. height: 373px;
  67. margin: 0 auto;
  68. background-color: #333333;
  69. }
  70.  
  71. #container h1 {
  72. background-color: #666666;
  73. border: 1px solid #000;
  74. }
  75.  
  76. #hidari {
  77. float: left;
  78. width: 220px;
  79. padding: 5px 5px 5px 5px;
  80. background-color: #000000;
  81. }
  82.  
  83. #mannaka {
  84. float: left;
  85. text-align: center;
  86. width: 312px;
  87. padding: 5px 5px 5px 5px;
  88. background-color: #000000;
  89. font-size: 14px;
  90. color: #666666;
  91. }
  92.  
  93. #migi {
  94. float: left;
  95. text-align: right;
  96. width: 220px;
  97. padding: 5px 5px 5px 5px;
  98. background-color: #000000;
  99. }
  100.  
  101. .counter {
  102. clear: both;
  103. text-align: center;
  104. background-color: #333333;
  105. }


Et encore une petite chose, dans Safari, mon compteur ne s'affiche pas correctement. Vérifiez-le avec Safari pour voir ce qu'il dit. Toute idée pourquoi cela se passe?
  • Bogey
  • Bogey
  • Genius
  • Avatar de l’utilisateur
  • Inscription: Juil 14, 2005
  • Messages: 8211
  • Loc: USA
  • Status: Offline

Message Janvier 16th, 2009, 5:17 pm

Je ne sais pas pourquoi il ne centre pas dans IE. L'ensemble de mes sites qui sont centrées, et divisée, j'utilise la même technique que j'ai fournis ici...mais je ne sais pas pourquoi sa fait que...J'ai essayé pas mal de choses, et aucun d'entre eux travaillaient. Je dois y aller maintenant lorsque je quitte, Ill fournir plus d'indications à cet égard.
"Bring forth therefore fruits meet for repentance:" Matthew 3:8
  • HKt0p5
  • Graduate
  • Graduate
  • Avatar de l’utilisateur
  • Inscription: Mar 19, 2008
  • Messages: 134
  • Loc: Bulgaria
  • Status: Offline

Message Janvier 16th, 2009, 6:05 pm

Attendez, Bogey! I figured it .. Je pense. Même si je sais très bien ce n'est certainement pas la voie, car maintenant je pense que cela marche (au moins sur mon IE 7):
Code: [ Select ]
<!--[if lt IE 7]><div align="center"><style type="text/css">
#hidari {text-align: left; width: 220px;}
#migi {text-align: right;width: 250px;}</style><![endif]-->
<!--[if gte  IE 7]><div align="center"><style type="text/css">
#hidari {text-align: left;width: 220px;}
#migi {text-align: right;width: 250px;}</style><![endif]-->
  1. <!--[if lt IE 7]><div align="center"><style type="text/css">
  2. #hidari {text-align: left; width: 220px;}
  3. #migi {text-align: right;width: 250px;}</style><![endif]-->
  4. <!--[if gte  IE 7]><div align="center"><style type="text/css">
  5. #hidari {text-align: left;width: 220px;}
  6. #migi {text-align: right;width: 250px;}</style><![endif]-->

Voir où j'ai changé la propriété pour la largeur, puisque sur Firefox, par exemple, la largeur normale est rendue correctement, mais sur IE, il semble que ce besoin de plus de pixels pour s'adapter. Aussi, j'ai ajouté mon éternel Obsolète ,, Haha <div align="center"> favori et il ne centre, mais ensuite j'ai dû définir en outre, dans #Hidari, c'est-à-gauche (en japonais) que la aussi le texte doit être la gauche (d'abord mettre le texte au centre de #Hidari).
Ici, j'ai rajouté une avec ce petit changement, n'hésitez pas à comparer les deux.
http://hirasawa2032.com/atarashii_index.html
http://hirasawa2032.com/index_with_ifs.html

J'ai beaucoup lu à ce sujet fait c'est un bug ou quelque chose dans Internet Explorer avec divs flottants et se souvint de la si-choses je me suis battu beaucoup sur phppBB3 et XOOPS alors j'ai pensé que je pourrais essayer. J'ai aussi pensé à un positionnement absolu mais alors, comment pourrais-je savoir où la position de la chose si son dans le centre de someones .. disons 50 pouces moniteur par exemple.
  • Bogey
  • Bogey
  • Genius
  • Avatar de l’utilisateur
  • Inscription: Juil 14, 2005
  • Messages: 8211
  • Loc: USA
  • Status: Offline

Message Janvier 16th, 2009, 9:18 pm

Eh bien, les deux fonctionnent parfaitement dans Firefox, IE, mais dans la seconde est la seule qui soit centré.

Mais je pense que IE8 est déprécie les FI chose...Je pense que ce sont les éliminer parce qu'ils ne veulent pas que vous de jouer avec les FI...ils veulent qu'elle voie difficile de vous :x
"Bring forth therefore fruits meet for repentance:" Matthew 3:8
  • HKt0p5
  • Graduate
  • Graduate
  • Avatar de l’utilisateur
  • Inscription: Mar 19, 2008
  • Messages: 134
  • Loc: Bulgaria
  • Status: Offline

Message Janvier 17th, 2009, 12:39 am

Oui, le deuxième est celui avec la si-s. Mais alors .. honnêtement, je ne pense pas que beaucoup de gens utilisent IE, en particulier, wow, 8. Une autre chose est que mon site est un peu biaisé - Je veux dire, la plupart du temps à cibler l'auditoire japonais qui sont pour la plupart sur Mac, ou sur les rares Windows honnêtement préfèrent Firefox ou Opera.
Bien que pour l'instant, est-il de le laisser comme ça, et continuer sur mes pages?
  • Bogey
  • Bogey
  • Genius
  • Avatar de l’utilisateur
  • Inscription: Juil 14, 2005
  • Messages: 8211
  • Loc: USA
  • Status: Offline

Message Janvier 17th, 2009, 9:35 am

Son, son ok, car Im sûr que l'erreur est une erreur CSS et depuis toutes les pages utiliser un CSS, si vous fixer une seule page, alors vous corriger ces problèmes à la fois...Im mal à moins que ce qui est en fait une erreur HTML, vous pouvez aller de l'avant et de travailler sur vos autres pages.

Aussi, je propose d'aller de site valide XHTML...regarder à travers le validateur W3 et voir les erreurs que vous obtenez .. theyre biggie pas d'erreurs et sont facilement corrigés. Tels que l'attribut ALT des images.
"Bring forth therefore fruits meet for repentance:" Matthew 3:8
  • Anonymous
  • Bot
  • No Avatar
  • Inscription: 25 Feb 2008
  • Messages: ?
  • Loc: Ozzuland
  • Status: Online

Message Janvier 17th, 2009, 9:35 am

Afficher de l'information

  • Total des messages de ce sujet: 18 messages
  • Utilisateurs parcourant ce forum: Aucun utilisateur enregistré et 148 invités
  • Vous ne pouvez pas poster de nouveaux sujets
  • Vous ne pouvez pas répondre aux sujets
  • Vous ne pouvez pas éditer vos messages
  • Vous ne pouvez pas supprimer vos messages
  • Vous ne pouvez pas joindre des fichiers
 
 

© 2011 Unmelted, LLC. Ozzu® est une marque déposée de Unmelted, LLC