Nouveau layout

foodstyling · 8 Janvier 2007

Bonsoir,

qui peut tester mon nouveau layout, surtout la barre de navigation sur tous les navigateurs windows possibles, vu que je fais mes sites
sur mac.

le site, d'après les screenshots, mr semble ne pas fonctionner correctement avec IE windows 5.5 et 6.00. Mes titres avec la div de gauches présentent un mauvai padding:
le code css:

Code:

div#contenu
		{
			padding:25px 25px 0 250px ;
			
		}
		
		div#contenu h2
		{
			padding-left: 25px ;
			line-height: 25px ;
			font-size: 1.4em ;
			background: url(/images/oignpt.gif) no-repeat left bottom ;
			color: #A65876 ;
			border-bottom: 1px solid #967879 ;
		}
		
		div#contenu h3
		{
			margin-left: 15px ;
			padding-left: 5px ;
			border-bottom: 1px solid #9b2 ;
			border-left: 3px solid #9b2 ;
			color: #9b2 ;
		}
		
		div#contenu p
		{
			text-align: left;
			text-indent: 2em ;
			line-height: 1.7em ;
		}
		
		div#contenu a
		{
			color: #8a0 ;
		}
		
		div#contenu a:hover
		{
			color: #9b2 ;
		}
* html #contenu {height:300px} /* IE Min-Height Hack */

l'adresse de la page: http://www.testlayout5.htm
ce problème j'arriverai à le résoudre, mais les les sous-menus de ma barre de navigation doivent être tester sous IE windows.
l'adresse de la page: http://www.foodstyling.be/testlayout5.htm
merci d'avance pour vos suggestions

Hoho · 8 Janvier 2007

Petit probleme pour le footer sur Firefox 2.0.0.1

Il sort du cadre du contenu.
-http://img458.imageshack.us/img458/3711/footerxq1.jpg

Sinon sa roule pour ta barre de navig sous IE7.0 sa roule.

Lebleu · 9 Janvier 2007

Hello,

Comme déjà dit pas de prob pour le layout sous Firefox 2.0.0.1, Opéra 9.10 et IE 6.

Comme déjà dit, le footer déborde du contenu sous Firefox 2 et Opéra 9.10 mais pas sous IE 6.

Scoop :lol: : sous Firefox 2 et Opéra 9.10, le logo hérite du "width" de son parent (770 px) et cela "force" la largeur avec pour résultat une barre de défilement horizontale aussi néfaste qu'inutile.

Rien d'autre à signaler

@+

Lebleu · 9 Janvier 2007

Par "layout" je voulais dire menu

... 'l'était tard ...

@+

foodstyling · 9 Janvier 2007

Merci pour vos réponses, je suis déjà content que la nacigation fonctionne. Pour le reste, footer et autres ce n'est encore qu'un placement provisoire. Mais IE 5.5 et IE6 Windows me posent quand même problème. Une idée?

Lebleu · 9 Janvier 2007

Effectivement, c'était le but premier de ton post et je n'ai pas fait attention à ces maudites boîtes sous IE6 ... :evil: Il n'y a pas que tes titres qui sont décalés mais tous les div enfants de "contenu".

Il doit y avoir une solution "plus propre" aux yeux des puristes mais bon y'a des moments où on n'a pas envie de se prendre la tête :lol: : à ta place j'utiliserais un hack pour ie 5 & 6 :

1° Soit tu utilises la propriété !important qui n'est pas
correctement implémentée dans explorer 5 & 6 :

Code:

 div#contenu {
                              padding:25px 25px 0 +-50px  !important;
                              padding:25px 25px 0 250px ; 
                              }

La ligne contenant le !important doit obligatoirement se trouver avant l'autre.

2° Soit tu as recours au sélecteur d'enfant > non implémenté sur IE 5 & 6
et tu écris alors deux fois le code css pour ce conteneur:

Code:

#contenu {
                         padding:25px 25px 0 +-50px; /*IE 5-6*/
                         }

Code:

#wrapper>#contenu {
                                          padding:25px 25px 0 250px; /*Vrais navigateurs*/
                                         }

Voilà, j'espère que ça pourra t'aider

bonne continuation et @+

Lebleu · 9 Janvier 2007

Je m'est encore trompé : inverse le 50 px et le 250 px dans le premier exemple

sorry

foodstyling · 9 Janvier 2007

Encore merci, jessaye ta méthode le plus vite possible.

Hoho · 11 Janvier 2007

Lebleu a dit:
Je m'est encore trompé : inverse le 50 px et le 250 px dans le premier exemple

sorry

<hs> Il y a une fonction "editer" sur le forum , tout juste en haut a droite de ton message. Elle te sera grandement utile à ce que je vois