site extensible .

site extensible . - HTML/CSS - Programmation

Marsh Posté le 14-12-2006 à 13:38:10    

Bonjour,
 
Je suis entrain de faire mon propre site web mais j'ai un probleme
 
Je le fait actuelement en forme fixe mes block avec padding, margin, quand je le vois avec IE il s'affiche comme il faut mais une fois sur Mozilla ou autre, il m'afiche completement autre chose, tout est diposer autrement et les cadres ne sont plus a leur bonnes place.
 
Donc y a t'il une balise indiquant un taille pour tout les Browsers différents et mettre une balise extensible?
 
Sinon, dois je encOre utiliser margin, padding ou est til conseiller d'utiliser des positions ?
 
 
Merci d'avance pour règler mon probleme :s

Reply

Marsh Posté le 14-12-2006 à 13:38:10   

Reply

Marsh Posté le 14-12-2006 à 13:58:51    

je te conseille un excellent site : www.alsacreations.com
 
la partie tutoriel est une vriae mine d'information sur comment faire un site 'propre'
 
:jap:

Reply

Marsh Posté le 14-12-2006 à 14:16:26    

et pour rappel, c'est IE qui se plante dans l'affichage, pas FF ou Mozilla ;)

Reply

Marsh Posté le 14-12-2006 à 14:17:22    

en général.[:aloy]


---------------
Can't buy what I want because it's free -
Reply

Marsh Posté le 14-12-2006 à 17:00:45    

Merci pour vos réponses
 
Mais malgré ma lecture intence, je ne vois tjs pas ou j'ai fait la faute  :??: , voila ce que je vois :
 
http://images.imagehotel.net/8233c10266_tn.jpg
 
 
mon code html :
 
 
<!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 premier site !</title>
       <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
    <link rel="stylesheet" media="screen" type="text/css" title="Design" href="CSS.css" />
   </head>
   
   
   
   <body>
 
<div id="en_tete"><img src="images/ban.jpg" alt="image"/></div>
 
 <!-- Fin du premier block, la bannière-->
 
<div id="menu">
 
   <ul>
                   <li><a href="page1.html">Lien</a></li>
                   <li><a href="page2.html">Lien</a></li>
                   <li><a href="page3.html">Lien</a></li>
            </ul>
 
 
 
   <!-- Fin du menu -->
</div>
 
 
<div id="corps">
 
 
 
   <!-- Fin de la page principale -->
   
   
</div>
 
 
<div id="pied_de_page">
Copyright ©
   <!-- Fin du pied de page... -->
</div>
   
   
   </body>
</html>
 
 
Et le CSS:
 
body
{
 background-color:#d1d6e8;
 margin-right:0px;
 margin-left:0px;
 
   
 
}
 
#en_tete
{
  margin-top:5px;
  width:758px;
  height:100px;
  margin-bottom:0px;
  text-align:center;  
  position:absolute;
  left:10px;
}
 
#menu
{
 width: 150px;
 border: 1px solid;
 height:500px;
 position:absolute;
 left: 10px;
 top:125px;
 background-image:url("images/fond1.jpg" );  
 text-align:center;
}
 
#corps
{  
 width:588px;
 border: 1px solid;
 height:500px;
 background-image:url("images/fond1.jpg" );  
 position:absolute;
 left: 176px;
 top:125px;
 text-align:center;
 
}
 
#pied_de_page
{
 width:755px;
 border:1px solid;
 height:30px;
 margin-top:10px;
 background-image:url("images/fond1.jpg" );
 position:absolute;
 left:8px;
 top:630px;
 margin-bottom:10px;
 text-align:center;
}
 
 
Svp aidez moi :'(

Reply

Marsh Posté le 14-12-2006 à 17:29:29    

Svp

Reply

Marsh Posté le 14-12-2006 à 17:36:26    

cherche du côté du modèle "boîte" (box model) : les différences entre IE et FF/Mozilla...;)

Reply

Marsh Posté le 14-12-2006 à 17:42:16    

Ouep j'ai lu mais je comprend pas... Je ne vois pas ou ils indiquent la balise pour mettre un site en extensible ....

Reply

Marsh Posté le 14-12-2006 à 17:46:14    

si t'as lu, alors t'as dû comprendre que le width et le heigh n'englobent pas les mêmes valeurs entre IE et FF. Y'en a un qui incorpore dedans les padding et l'autre non.
 
ps : et y'a pas de balise magique qui résoud tous les pbs d'affichage entre IE et FF. Si ça existant, ça serait le bonheur :D


Message édité par rufo le 14-12-2006 à 17:47:03
Reply

Marsh Posté le 14-12-2006 à 17:59:35    

Ce probleme est règler mais je cherche a ne plus definir des marges pour laissez mon affichage extensible .. trOuve pas.

Reply

Marsh Posté le 14-12-2006 à 17:59:35   

Reply

Marsh Posté le 14-12-2006 à 18:29:47    

ben c'est surtout les width et heigh qu'il ne faut pas fixer en dur (px) : faut les mettre en % par ex.

Reply

Marsh Posté le 14-12-2006 à 19:48:17    

ok ok vais essayer ca :)
 
 
Marche pas :'(
 
J'ai beau tout faire, center, margin, padding, rien ne marche!
 
Mais n'y a t'il pas une balise pour centrer tout sur la page ?
 
Et comment délimité la largeur et la hauteur de la page entière, dans quel block ?
 
 
Merci  :(


Message édité par jjssll le 14-12-2006 à 20:16:48
Reply

Marsh Posté le 14-12-2006 à 20:32:42    

ben tu mets tout ton site dans une balise div et dans le css, tu mets pour ce div :
- width: ...px;
- margin-left: auto;
- margin-right: auto;
 
et pour la balise body, dans le css, tu mets text-align: center;


Message édité par rufo le 14-12-2006 à 20:34:42
Reply

Marsh Posté le 14-12-2006 à 21:12:35    

Ca marche le centrage.
 
Mais mtn, pour placer mes block (en tete-corps-menu-pied page) je dOis definir quoi pour que ca soit compatible avec tout les navigateur et en px ou % pour que ca soit exstencible ?
 
Merci

Reply

Marsh Posté le 15-12-2006 à 10:32:24    

jjssll a écrit :

Ca marche le centrage.
 
Mais mtn, pour placer mes block (en tete-corps-menu-pied page) je dOis definir quoi pour que ca soit compatible avec tout les navigateur et en px ou % pour que ca soit exstencible ?
 
Merci


 
soit tu fais une feuille de styles pour IE et une autre pour FF/Mozilla, soit tu fais qu'une feuille de styles et tu mets des hacks dedans pour que tout marche bien pour IE...Y'a pas de solution miracle simple qui amrche pour tous les navigateurs :(  

Reply

Sujets relatifs:

Leave a Replay

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