Problème calques/css sous ie

Recherche :

Mot : Pseudo : Filtrer
Bas de page
Auteur	Sujet : Problème calques/css sous ie

sff

Voila je m'explique je viens de créer un début de template pour mon site, sous firefox et opéra ca passe nickel, par contre sous Internet Explorer j'ai un problème sur la bordure de droite et dans le menu de gauche, en effet il y a un blanc.

La page est ici: http://rpgillusion.franceserv.com/ [...] dex(1).php

et voila le code:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1" />
<script language=JavaScript src="js_divers.js"></script>
<title></title>
<style type="text/css">

</style></head>
<body>

<div class="conteneur">

<div class="header">
</div>
<div class="flash">
<script type="text/javascript">Flash("../images/principal/entete8.swf", "767", "46", "", "banniere", "$mavariable" );</script>
</div>

<div>
<div class="gauche">
gauche
</div>
<div class="centre">centre<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br></div>
<div class="droite">
</div>
</div>


<div class="pied">
</div>
</div>
</body>
</html>

Publicité

gebruik

IE ne gère pas min-height

Essaie ça :

.gauche {
display:block;
width: 175px;
float:left;
margin-left:0px;
min-height: 500px;
height:auto;
background-image:url(../images/principal/fondmenu.gif);
}

et le hack pour IE :
* html .gauche
{
height: 500px;
}

sff

J'ai replacé comme tu m'a dis

.gauche {
display:block;
width: 175px;
float:left;
margin-left:0px;
min-height: 500px;
BACKGROUND-IMAGE: url(../images/principal/fondmenu.gif);
}

par

.gauche {
display:block;
width: 175px;
float:left;
margin-left:0px;
min-height: 500px;
height:auto;
background-image:url(../images/principal/fondmenu.gif);
}

Mais le problème est toujours le meme, je sais vraiment pas quoi faire, faudrai que le menu de gauche et la bordure de droite touche en permenant le bas, comme c'est le cas sous firefox ou opera.

Voila une capture du problème sous Ie:

Message édité par sff le 26-07-2006 à 11:34:16

mIRROR

Chevreuillobolchévik

background: url(monimage) repeat-y;
a tester mais des fois ie est si ....

Cheinz

Un autre hack possible et qui marche normalement, tu mets a la place de height: auto; _height: 500px;

Mais sinon tu n'a pas vraiment fais ce qu'a dit gebruik.

gebruik

Mets tout le code que j'ai indiqué, tu verras.

sff

Je rejoute ceci aussi dans le css?

* html .gauche
{
height: 500px;
}

Cheinz

Ben c'est indiqué dans son message, c'est le hack pour que ca marche sur IE .

sff

gebruik avec ton hack quioi q'il soit le mnu de gauche sera toujours a 500 px, moi aurait aimé qui prennent toute l'espace pour aller jusqu'en bas en permenance. Pas avoir une veleur défini

Cheinz

Tel que la page est construite actuellement ce n'est pas possible de rendre ca en CSS il me sembles, que ca soit sur IE ou FF avec ou sans min-height, sur FF actuellement si ton centre dépasse les 500px tu aura le même problème qu'avec IE.

Publicité

sff

de quel manière faudrai changer les calques?

Message cité 1 fois
Message édité par sff le 27-07-2006 à 12:46:10

Pitsy

sff a écrit :

de quel manière faudrai changer les calques?

Le plus simple vu que ton design est de toute manière de largeur fixe c'est de mettre une image de background à ton conteneur.
Cette image prendrait toute la largeur du design avec, à gauche, le saumon pour le menu et à droite la bordure.
Tu peux donc supprimer ton div droite.
J'attire ton attention sur le problème que pose actuellement le fond strié avec ton footer: selon la hauteur du contenu les stries ne correspondent pas et c'est pas très joli.
D'autre part il serait plus judicieux d'attribuer un id et non un class à tes divs puisqu'ils sont uniques sur ta page.

sff

ok je vais tester, merci

sff

oui mais si je supprime le div de gauche (menu) et div de la bordure, je fais comment pour placer au bon endroit le texte du menu, et le texte du centrede la page?

Au fait une autre question, j'aurai aimé mettre une image d'arrière plan ( un perso par exmple) derrière le texte du centre de la page, sans l'intégrer à l'image du background principal (menu + bordure). Comment feriez vous?

Pitsy

En gros ta structure devrait ressembler à ça (d'après ton screen):

Pour ton image d'arrière plan du texte tu peux la mettre comme image de fond du div "centre"

sff

j'ai fais comme ca:

Citation :

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1" />
<script language=JavaScript src="js_divers.js"></script>
<title></title>
<style type="text/css">

</style></head>
<body>

<div id="conteneur">

<div id="header"> </div>

<div id="flash"><script type="text/javascript">Flash("../images/principal/entete8.swf", "767", "46", "", "banniere", "$mavariable" );</script></div>

<div>

<div id="centre">

<div id="menu">menu</div>
<div id="contenu">contenu</div>

</div>

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

</div>

</body>
</html>

Cela vous parrait il correct?

Sinon au nveau de la validation css on me dit: Ligne : 48 (Level : 1) Vous n'avez pas de couleur définie avec votre couleur de fond : #flash

Pourtant j'ai bien une couleur de background dans #flash

Sinon dernière question, j'aimerai faire clignoter l'oeil du perso avec une image gif qu'il faudrai positionnner au dessus du calque header, comment feriez vous?

Message édité par sff le 29-07-2006 à 14:02:59

FORUM HardWare.fr

Programmation

HTML/CSS

Problème calques/css sous ie

Sujets relatifs
Probleme Css IE /FireFox	Probléme avec les pointeurs
Problème librairie gd	[ Problème] Récuperer une valeur
probleme graphique	petit problème de mois
petit problème avec somme	Probleme de disposition des calques quand redimensionnement de fenetre
Probléme de calques	probleme de calques
Plus de sujets relatifs à : Problème calques/css sous ie

Page générée en 0.105 secondes