site extensible .

Recherche :

Mot : Pseudo : Filtrer
Bas de page
Auteur	Sujet : site extensible .

jjssll

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

Publicité

flo850

moi je

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:

rufo

Pas me confondre avec Lycos!

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

skeye

en général. [:aloy]

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

jjssll

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>



<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>


</div>

<div id="corps">



</div>

<div id="pied_de_page">
Copyright ©

</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 :'(

jjssll

Svp

rufo

Pas me confondre avec Lycos!

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

jjssll

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

rufo

Pas me confondre avec Lycos!

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

jjssll

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

Publicité

rufo

Pas me confondre avec Lycos!

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

jjssll

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

rufo

Pas me confondre avec Lycos!

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

jjssll

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

Message cité 1 fois

rufo

Pas me confondre avec Lycos!

jjssll a écrit :

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

FORUM HardWare.fr

Programmation

HTML/CSS

site extensible .

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 !
Plus de sujets relatifs à : site extensible .

Page générée en 0.044 secondes