site extensible .
site extensible . - HTML/CSS - Programmation
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'
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 
Marsh Posté le 14-12-2006 à 14:17:22
en général.![[:aloy]](https://forum-images.hardware.fr/images/perso/aloy.gif "[:aloy]")
---------------
Can't buy what I want because it's free -
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 :
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 
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...
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 ....
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 
Message édité par rufo le 14-12-2006 à 17:47:03
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.
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.
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
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
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
Marsh Posté le 15-12-2006 à 10:32:24
| jjssll a écrit : Ca marche le centrage. |
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
Sujets relatifs:
- la TV sur votre site web
- Afficher le contenu d'un site en php
- Site internet : comment faire pour enlever la barre d'adresse....
- PHP-MySQL --> Gestion d'un site multi-langues
- Mise a jour de site
- Site Web: Pb d'affichage sous Netscape
- nombre de visiteur sur un site
- [ASP.NET C#] Problème de DLL dans un site web
- SITE Uni pour etudiants... CSS, templates ?
- Vos avis sur mon site !
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