CSS/DIV Firefox/IE6 j'en peux plus...

Recherche :

Mot : Pseudo : Filtrer
Bas de page
Auteur	Sujet : CSS/DIV Firefox/IE6 j'en peux plus...

pierre6020

:pt1cable:
Bonjour tout le monde,
est ce que quelqu'un pourrait me dire pourquoi mes menus ne s'etirent pas sous IE???

voici la page :
http://css.ogcreation.com/

et voici la feuille de style :
http://css.ogcreation.com/essai.css

Merci d'avance.

IE... Mozilla... IE... Mozilla... :pt1cable: IE... Mozilla...

Message édité par pierre6020 le 11-08-2004 à 17:50:28

Publicité

ze-angel

Angel in sight... Devil inside

Ben le truc c que tu appliques une taille de 400px a ta partie centrale et pas a tes menus.

FireFox interprete bien ton 100% pour les menus mais IE ne sais pas par rapport à quoi sont ces 100 % je supposes...

Faut que tu mettes des parametres de hauteur en px sur tes menus ou alors que tu mettes un div conteneur avec fond de la même couleur que ton menu pour tricher je penses.

Flyman30

ze-angel a écrit :

C'est exactement ce que je fait à cause d'IE

ze-angel

Angel in sight... Devil inside

Moi a cause d'IE j'ai arreté d'utiliser IE

Mais c'est clair qu'en gestion de CSS y feraient mieux de se mettre d'accord sur l'interpretation packe c presque aussi lourd que les javascripts à force

comar91

Sous Opera7 id que sous IE5.5 ..

Flyman30

ze-angel a écrit :

Moi a cause d'IE j'ai arreté d'utiliser IE

Mais c'est clair qu'en gestion de CSS y feraient mieux de se mettre d'accord sur l'interpretation packe c presque aussi lourd que les javascripts à force

moi aussi mais pas la majorité de mes visiteurs [:airforceone]

ze-angel

Angel in sight... Devil inside

Faut faire comme Virgin Mega et Connect de Sony mais dans le sens inverse...

Si l'utilisateur utilises IE tu affiches une page avec marqué :

Citation :

Tu utilises un navigateur de tafiole qui ne respecte aucun standard. Changes-en et tu auras l'honneur de pouvoir voir ce site

Flyman30

ze-angel a écrit :

Faut faire comme Virgin Mega et Connect de Sony mais dans le sens inverse...

Si l'utilisateur utilises IE tu affiches une page avec marqué :

Citation :

Tu utilises un navigateur de tafiole qui ne respecte aucun standard. Changes-en et tu auras l'honneur de pouvoir voir ce site

c'est bien jolie ça, mais sur un site commercial c'est le client qui commande et pas l'inverse :whistle:

remarque le site mal conçu d'un de mes fournisseurs plein de javascript mal codé ne fonctionne QUE sous IE j'ai alerté le webmaster il m'a répondu on s'en fou 99% de nos clients utilise IE [:airforceone]

Message édité par Flyman30 le 11-08-2004 à 23:13:18

comar91

Bonsoir,
tu peux essayer ceci:
<html><head>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1" />
<title>Ultilisation de CSS2 pour un template simple</title>
<style>
body {padding:0px; margin:0px;
font-family: georgia, arial, helvetica, sans-serif;font-size:12px;}
#header {
height:80px;
background-color: #aa0000;
}
#conteneur {
position: absolute;
width: 100%;
}
h1 {
margin: 0;
padding: 0;
color: #ffffff;
font: 26pt georgia;
text-align: center;
}
#centre {
height:400px;
margin-left: 130px;
margin-right: 130px;
background-color: #bb3355;
}
#centre p{
margin: 0;
padding: 0;
}
#corps {
height: 370px;
}
#pied {
height: 30px;
background-color: #bb9955;
}
#menuGauche {
height:400px;
position: absolute;
left:0;
width: 130px;
background-color: #41b55f;
}
#menuDroite {
height:400px;
position: absolute;
right:0;
width: 130px;
background-color: #41b55f;
}

</style>
</head>
<body>
<div id="conteneur">

<div id="header">
<h1>Entête</h1>
</div>


<div id="menuGauche">
<p>MENU GAUCHE</p>
</div>


<div id="menuDroite">
<p>MENU DROITE</p>
</div>


<div id="centre"><div id="corps">
<p>Ca m'enerve. Ca m'enerve. Ca m'enerve. Ca m'enerve. Ca m'enerve. </p>
<p>Ca m'enerve. Ca m'enerve. Ca m'enerve. Ca m'enerve. Ca m'enerve. </p>
<p>Ca m'enerve. Ca m'enerve. Ca m'enerve. Ca m'enerve. Ca m'enerve. </p>
<p>Ca m'enerve. Ca m'enerve. Ca m'enerve. Ca m'enerve. Ca m'enerve. </p>
<p>Ca m'enerve. Ca m'enerve. Ca m'enerve. Ca m'enerve. Ca m'enerve. </p>
<p>Ca m'enerve. Ca m'enerve. Ca m'enerve. Ca m'enerve. Ca m'enerve. </p>
<p>Ca m'enerve. Ca m'enerve. Ca m'enerve. Ca m'enerve. Ca m'enerve. </p>
<p>Ca m'enerve. Ca m'enerve. Ca m'enerve. Ca m'enerve. Ca m'enerve. </p>
</div>

<div id="pied">
<p>PIED</p>
</div>

</div>

</div>
</body>
</html>

ze-angel

Angel in sight... Devil inside

Flyman30 a écrit :

M'en fout je vais militer pour le lancement du No IE Day Tous les sites du monde qui collent un script anti IE pour 24h ce serait fun non ?

Publicité

pierre6020

C'eeeeeeeeeeeeeeeeeest qui le plus fort?

C'est Comar91 !

Bravo et merci Comar91, ca marche maintenant.

Je vais pouvoir m'inspirer de ce code pour progresser.

pierre6020

Ah non désolé je me suis emballé trop vite...

En fait ce que je veux faire,
c'est faire en sorte qu'il y ait une hauteur minimale pour le milieu (rose),
et si on rajoute du contenu, c'est cette zone la qui devra etirer les autres.
(http://css.ogcreation.com/)

Message édité par pierre6020 le 12-08-2004 à 09:40:11

comar91

A OK,
Alors ceci ?
<!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" lang="fr">
<head>
<title>Ultilisation de CSS2 pour un template simple</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<style type="text/css">
body {padding:0px; margin:0px;
font-family: georgia, arial, helvetica, sans-serif;font-size:12px;}
#header {
height:80px;
background-color: #aa0000;
}
#conteneur {
position: absolute;
width: 100%;
background-color: #41b55f;
}
#centre {
background-color: #bb3355;
margin-left: 130px;
margin-right: 130px;
}
#menuGauche {
position: absolute;
left:0;
width: 130px;
}
#menuDroite {
position: absolute;
right:0;
width: 130px;
}
#pied {
height: 30px;
background-color: #bb9955;
}
h1 {
margin: 0;
padding: 0;
color: #ffffff;
font: 26pt georgia;
text-align: center;
}
p {margin: 0 0 10px 0;}
</style>
</head>
<body>
<div id="conteneur">
<div id="header"><h1>Entête</h1></div>
<div id="menuGauche"><p>MENU GAUCHE</p></div>
<div id="menuDroite"><p>MENU DROITE</p></div>
<div id="centre">
<p>Ca m'enerve. Ca m'enerve. Ca m'enerve. Ca m'enerve. Ca m'enerve. </p>
<p>Ca m'enerve. Ca m'enerve. Ca m'enerve. Ca m'enerve. Ca m'enerve. </p>
<p>Ca m'enerve. Ca m'enerve. Ca m'enerve. Ca m'enerve. Ca m'enerve. </p>
<p>Ca m'enerve. Ca m'enerve. Ca m'enerve. Ca m'enerve. Ca m'enerve. </p>
<p>Ca m'enerve. Ca m'enerve. Ca m'enerve. Ca m'enerve. Ca m'enerve. </p>
<p>Ca m'enerve. Ca m'enerve. Ca m'enerve. Ca m'enerve. Ca m'enerve. </p>
<p>Ca m'enerve. Ca m'enerve. Ca m'enerve. Ca m'enerve. Ca m'enerve. </p>
<p>Ca m'enerve. Ca m'enerve. Ca m'enerve. Ca m'enerve. Ca m'enerve. </p>
<div id="pied"><p>PIED</p></div>
</div>
</div>
</body>
</html>

pierre6020

Oui mais la je n'ai plus ma hauteur minimum
sinon j'ai recommencé (meme adresse),
en me servant d'un petit hack pour le min-height non geré par IE,
il ne me reste plus qu'a faire les menus,
il faudrait que je puisse leur donner une hauteur de 100%,
devinez sur quel navigateur ca ne fonctionne pas?

Message édité par pierre6020 le 12-08-2004 à 11:17:52

comar91

OK Alors en rajoutant ce div après centre ?
<div id="centre"><div style="height:10px;">
<p>Ca m'enerve. Ca m'enerve. Ca m'enerve. Ca m'enerve. Ca m'enerve. </p>
<p>Ca m'enerve. Ca m'enerve. Ca m'enerve. Ca m'enerve. Ca m'enerve. </p>
<p>Ca m'enerve. Ca m'enerve. Ca m'enerve. Ca m'enerve. Ca m'enerve. </p>
<p>Ca m'enerve. Ca m'enerve. Ca m'enerve. Ca m'enerve. Ca m'enerve. </p>
</div>
<div id="pied"><p>PIED</p></div>
</div>
(dsl, tst uniquement IE6)

pierre6020

ca donne ca :
http://css.ogcreation.com/comar.php
(ca deconne sous Firefox, enfin ca marche plutôt , le fond ne fait que 10px)

Mais sinon c'est bon le truc que j'ai fait :

Code :

#hack {
height:300px;
float:right;
width:1px;
background-color: #000000; /* ca c'est pour voir le div */
}
#clear {
clear:both;
height:1px;
overflow:hidden;
}
/* et */
<div id="corps">
<div id="hack"></div>
<p>Ca m'enerve. Ca m'enerve. Ca m'enerve. Ca m'enerve. Ca m'enerve. </p>
<p>Ca m'enerve. Ca m'enerve. Ca m'enerve. Ca m'enerve. Ca m'enerve. </p>
<p>Ca m'enerve. Ca m'enerve. Ca m'enerve. Ca m'enerve. Ca m'enerve. </p>
<div id="clear"></div>
</div>

Il ne reste plus qu'à mettre les menus en

Code :

height: 100%;

mais ca ne marche pas sous IE...

Message édité par pierre6020 le 12-08-2004 à 11:39:09

comar91

Je regarde ce soir sous d'autres nav que IE6?

pierre6020

Ben en fait le probleme c'est IE6 avec ce code là.

comar91

Je reprends ce soir

pierre6020

Si quelqu'un pouvait jeter un oeil et me donner son avis,
merci d'avance...

fastclemmy

(re-)Dictateur en plastique

http://webhost.bridgew.edu/etribou [...] index.html ?
http://www.ssi-developer.net/main/ [...] t-flex.htm ?

pierre6020

fastclemmy a écrit :

http://webhost.bridgew.edu/etribou [...] index.html ?
http://www.ssi-developer.net/main/ [...] t-flex.htm ?

:sweat: parfait le premier !

C'est de toi?

fastclemmy

(re-)Dictateur en plastique

Non non, y'a déjà suffisamment d'exemples en ligne :
http://www.meyerweb.com/eric/thoug [...] #t20030413
http://www.positioniseverything.ne [...] loats.html
http://www.fu2k.org/alex/css/
http://css-discuss.incutio.com/?pa [...] umnLayouts
http://nemesis1.f2o.org/templates.php
http://www.glish.com/css/
http://bluerobot.com/web/layouts/layout3.html
http://www.redmelon.net/tstme/ >
http://www.mentalized.net/cssdepot/

pierre6020

Merci merci

Publicité

FORUM HardWare.fr

Programmation

HTML/CSS

CSS/DIV Firefox/IE6 j'en peux plus...

Sujets relatifs
CSS - pbm avec le bouton d un input file	limite des CSS pour faire un cadre
débordement sous Firefox	[CSS] firefox laisse un espace sous ma div de hauteur fixe...
css mozilla/ie	Probleme div xHTML/CSS Firefox IE6
Plus de sujets relatifs à : CSS/DIV Firefox/IE6 j'en peux plus...

Page générée en 0.056 secondes