[CSS] incompatibilité avec ie/mozilla [résolu]

Marsh Posté le 31-08-2004 à 18:28:13

Bonjour a tous !

Voila j'ai un problème avec Internet explorer qui ne m'affiche pas correctement ma mise en page.

voila deux screens du résultats
ftp://ldweb.org/ie.png
ftp://ldweb.org/mozilla.png

Le problème n'est pas l'affichage des icones du haut mais le remplissage de mes boites en dessous de mes titres qui sont incomplets.

edit: En faisant quelques expériences je me rend compte que ie ne prend pas en compte la commande height. Surement la conséquence de l'imbrication des div :sweat: .

voila mon code
css :

Code :

body {
background-color:#000000;
}
/*Cadre principaux */
div.menu{
border-style:ridge;
/* border-color:black; */
border-width:1px;
border-right-width:2px;
width:140px;
height:17px;
background-image:url(image/deco_win.gif);
background-repeat:repeat-x;
padding-right:5px;
padding-left:5px;
position:absolute;
left:20px;
top:100px;
/*Texte deco du menu*/
font-family:sans-serif;
color:white;
text-shadow:3px 3px 5px red;
font-size: 12px;
text-align:center;
}
div.menu a {
color:#666666;
font-size: 12px;
text-decoration:none;
}
div.menu a:hover{
color:#000000;
font-weight:bold;
}
div.cadre_fenetre {
border-style:inherit;
border-color:inherit;
border-width:inherit;
border-bottom-width:2px;
background-color: #CCD9CB;
width:inherit;
padding:5px;
height:280px;
position:relative;
color : Black;
top :3px;
left : -6px;
}

le template

Code :

<?
// inclusion statique
include "security.php"; // pack de securite
$include_page = get_page($_GET['page']);
// inclusion dynamique
include $include_page; // Inclue les element de la page
echo'
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html>
<head>
<title>ldweb.org</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
</head>
<style type="text/css" >
<!--
@import url(style.css);
-->
</style>
<body>
<div class="baniere">
</div>
<div class="menu"> Menu principal
<div class="cadre_fenetre">
<h1>Blog</h1>
<hr>
<ul>
<li>Qui suis je?</li>
<li>CV</li>
<li>blabla</li>
</ul>
<h1>Labo</h1>
<hr>
<ul>
<li>Réalisations</li>
<li>Projets</li>
<li>Mon labo</li>
</ul>
<h1>Statistiques</h1>
<hr>
<ul>
<li><a href="index.php?page=admin-01">Administration</a></li>
<li>etc...</li>
<li>etc...</li>
</ul>
</div>
</div>
<div id="mdp" class="menu">
Identification
<div class="cadre_fenetre" id="cadre_mdp">
Login:
<input name="Login" type="text"><br>
MDP:
<input name="Login" type="text"><br>
<input name="Envoie" type="button" value="Envoie">
</div>
</div>
<div id="page" class="menu">
 Navigation:\<a href="index.php?page=home">Accueil<a>'.$navigation.'
<div id="cadre_page" class="cadre_fenetre">
'.$contenu_principal.'
</div>
</div>
<div id="folder" class="zoom">
<p> <a href="#" border=0><img src="image/folder_green.png"></a> </p>
</div>
<div id="contact" class="zoom">
<p> <a href="index.php?page=home" border=0><img src="image/queue.png"></a> </p>
</div>
<div class="zoom">
<p> <a href="#" border=0><img src="image/home128.png"></a> </p>
</div>
</body>
</html>';
?>

Je précise que je débute avec les css

Merci

A+

edit: enlevé le code css inutile a mon prob

Message édité par ldsteph le 31-08-2004 à 18:55:42

Reply

Marsh Posté le 31-08-2004 à 18:28:13

Reply

Marsh Posté le 31-08-2004 à 18:54:47

Bon c'est ok, c'est résolu.
C'est mon bouquin de css qui m'a induit en erreur.
La position absolute est calculé en fonction de l'objet parent et pas systématiquement par rapport à la fenêtre.

Reply

[CSS] incompatibilité avec ie/mozilla [résolu]

Sujets relatifs:

Leave a Replay