Besoin d'aide pour design et (mise en page sous ie)

[matrixofdeath35]

Bonjour, j'ai fait mon premier site dans le cadre d'un TPE^^ :
Mais après plusieurs heure à essayer de l'arranger, il ya plusieurs chose que je n'arrive pas à faire :( :
Le mieux c'est que je vous passe le lien ^^ http://tpe.xtrem4ever.fr/

-Tout d'abord sous IE, l'image de la bannière en haut ne s'affiche pas ...
et il ya un décalage de bordure , alors que sous firefox ça marche ...

-Ensuite comment faire pour centré ma page ? je suis en résolution 1024*800 donc su rmon ecran la page prend tout la place, mais on ma dit qu'avec 1280*1024 c'était pas centré ...
Et je voulais faire en sorte que plus la résolution du visiteur est grande et plus de chaque coté de ma page principale (body) il y'est un dégradé vers l'extèrieur.
J'ai pour ça essayer de faire 1 bloc div de chaque coté du body, (div =id"ombred" et <div id="ombreg">) avec un repeat-y ...
Au final j'obtient rien .. en bidouillant la la hauteur , j'ai découvert qu'il se trouver tout en bas de ma page.. Mais j'aimerais que le dégradé soit des 2 côtés.

-Dernière petite chose, dans le menu j'ai utilisé une image avec fond transparent, en png ... seulement sous IE , le fond transparent apparait en blanc. (pkoi ont-il inventé ce ****) :p restons polie.

Voilà c'est tout, pour le moment enfin je crois.
Cela fait 2semaine que je suis sur ça , je sais je suis nul ....
Si vous m'aidez je vous remercierez du fond du coeur merci d'avance ..

[matrixofdeath35]

Re,

J'ai réussi à corriger l'image de la bannière, c'était juste un problème d'accent dans mon css. IE ne comprend pas les accents :( .
Par contre pour le reste bien,ça en est toujours au même point :"(

[matrixofdeath35]

Re, bon j'ai résolue le problème de la bannière qui se décalé: voir
J'ai crée un <div ="speebar"> que j'ai mis à l'extérieur de mon header !!
Car IE positionné le bloc par raport aux autre bloc du header (copmteur + horloge).
La il ya juste un décalage verticale, mais c'est du au justement, à un de mes problème :
dans mon html : j'ai crée un div Global qui prend toute ce qu'il ya dans ma page!
et à l'extèrieur de global, j'ai crée 2 bloc div, pour l'image de dégradé , ce qui donne:

Code: Tout sélectionner

<div id="ombreg">
</div>

<div id"Global">
</div>


<div id"ombred">
</div>

et avec le css suivant :

Code: Tout sélectionner

#ombred
{
width :100px;
background-image:url("ombresdroite.png");
background-repeat:repeat-y;
}
#ombreg
{
width :100px;
background-image:url("ombresgauche.png");
background-repeat:repeat-y;
}

vous allez me dire, de changer la taille de mettre auto , et de mettre un float etc ... j'ai essayé, mais rien y fait .. Si quelq'un pourrait m'expliqué, pourquoi mes 2bloc ne sont pas à gauche et à droite, et pourquoi l'image ne se répète pas
help !!

En revanche pour la validité, du html il ya 57 erreurs, et bien elle sont du au javascript que je n'ai pas appris ^^. et ce sont des erreurs de caractères je pense, si quelqu'un peut me dire comment résoudre cela :s , je ne m'y connais pas en java donc ..



Voilà, j'attends vos réponse

[coyote89]

A aucun endroit tu ne spécifies dans ton CSS que les blocs doivent être à droite et à gauche de ton global.
Il faut procéder de même que pour une menu que tu appliques à gauche du corps de ta page, mais cette fois-ci à gauche comme à droite du global.

Pour la validation de ta page, il faut :
- remplacer tes & par des &amp;
- corriger tes balises de script : bien mettre <script type="text/javascript"></script>
- terminer tes balises <img> : <img src="..." />

[matrixofdeath35]

Salut,
merci, je suis en train de corriger les "&amp"

vous allez me dire, de changer la taille de mettre auto , et de mettre un float etc ... j'ai essayé, mais rien y fait ..

J'ai mis un float: right ou left .. mais ça ne marche pas ...

[coyote89]

Il faut mettre un float left sur le couloir gauche et un margin left pour le global (de même à droite avec right).
Et au niveau du CSS, inutile de donner une largeur en pixel à ta page, c'est on ne peut plus contraignant (il y a du 1200px, 1105px,etc... de partout là dedans, c'est pas génial).

[matrixofdeath35]

Voilà , j'ai à peu prés réussi, seulement si je ne définie pas d'hauteur :http://tpe.xtrem4ever.fr/I.html ,
j'ai essayé 100%, auto ..aucun ne marche.
le problème donc c'est que j'aimerais bien que ma hauteur de bloc (dégradé) , sois de même taille que mon bloc #Global, comme ça selon chaque page , ça s'agrandit etc...

Deuxième problème plus important, c'est que sous IE , les marges de dégradé sont tout en haut ... testez (c'est horrible!!)
Par contre si j'augmente la taille du body ... la ça marche seulement mais la marge de droite n'est plus collé , à mon Global...

je suis trop nul