Bonjour à tous !
Voici mon problème (qui n'a lieu que sous IE), j'essaie de faire en sorte qu'une image d'arrière plan se répète verticalement afin de donner à ma page un contour et d'assombrir le fond de mon menu, mais il semble qu'IE ignore complètement l'image...
J'ai donc déplcé ma <div> pour voir si cela venait de l'image ou de la position de la <div> et le problème vient apparemment du positionnement mais je ne vois pas ce que mon code a d'extraordinaire...
Voici le code HTML :
Et le CSS associé :
Des idées ?
Modifié par dasp (29 Jun 2005 - 16:28)
Voici mon problème (qui n'a lieu que sous IE), j'essaie de faire en sorte qu'une image d'arrière plan se répète verticalement afin de donner à ma page un contour et d'assombrir le fond de mon menu, mais il semble qu'IE ignore complètement l'image...
J'ai donc déplcé ma <div> pour voir si cela venait de l'image ou de la position de la <div> et le problème vient apparemment du positionnement mais je ne vois pas ce que mon code a d'extraordinaire...
Voici le code HTML :
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<title>Browse model</title>
<link href="css/browse-model.css" rel="stylesheet" type="text/css">
<link href="css/all.css" rel="stylesheet" type="text/css">
</head>
<body>
<div id="entire-page">
<div id="above">
<div id="top-stuff">
<div id="lang"><a href="#">fr</a> | <a href="#">en</a> | <a href="#">es</a> | <a href="#">de</a></div>
<div id="login">
<input type="text">
<input type="password">
</div>
<div class="clearer"></div>
</div>
<a id="logo" href="http://www.edumedia.fr"><span>eduMedia</span></a> </div>
<div id="main">
<div id="menu">fg-tue dth edrt dhty rdth hf</div>
<div id="content">
<h3 id="path">Lycée > Physique > Optique</h3>
<div id="middle">
<div id="browse-header">
<h1 id="where">Ondes - Lumières</h1>
<div id="nb-anims">23 animations</div>
<div class="clearer"> </div>
</div>
<p>fdgs dfg sdfg sdfg </p>
<p>dfghjdcgj</p>
<p>dfhjdfhj</p>
<p>dfhjdfhj</p>
<p>dfhjdfhj</p>
</div>
</div>
<div id="main-footer"> </div>
</div>
<div id="beyond">Société | Plan du site | Respect des droits | Contactez-nous | Piratage<br>
<br>
©1995-2005 eduMedia, Inc. Tous droits réservés.<br>
L'utilisation du site indique votre acceptation des Termes d'utilisation. </div>
</div>
</body>
</html>Et le CSS associé :
body {
background-image: url(images/bg.gif);
background-repeat: repeat-x;
background-color: #D4D4D4;
}
#logo span {
display: none;
}
#logo {
display: block;
height: 67px;
width: 100%;
background-image: url(images/header-logo.gif);
background-repeat: no-repeat;
background-position: center top;
}
#entire-page {
width: 768px;
margin-right: auto;
margin-left: auto;
}
#top-stuff {
padding-top: 10px;
padding-right: 20px;
padding-bottom: 10px;
padding-left: 20px;
}
#top-stuff, #top-stuff a {
color: #FFFFFF;
}
#lang {
float: left;
}
#login {
float: right;
}
#login input {
background-color: #BBBBBB;
border: 1px solid #7C7B69;
margin-right: 10px;
}
#menu {
float: left;
width: 200px;
background-repeat: repeat-y;
background-position: left top;
}
#content {
float: left;
width: 558px;
background-repeat: repeat-y;
background-position: right top;
}
#main {
background-repeat: repeat-y;
background-position: center top;
background-image: url(images/main-borders.gif);
}
#main-footer {
clear: both;
background-image: url(images/main-footer.gif);
background-repeat: no-repeat;
background-position: center top;
height: 84px;
background-color: #BFBFBF;
}
#path {
background-image: url(images/path.gif);
background-repeat: no-repeat;
height: 26px;
background-position: left top;
background-color: #FFFFFF;
width: 548px;
font-size: 15px;
padding-top: 17px;
padding-left: 20px;
color: #DD2A2A;
border-bottom-width: 1px;
border-bottom-style: solid;
border-bottom-color: #DD2A2A;
}
#where {
float: left;
font-size: 24px;
}
#nb-anims {
float: right;
}
#middle {
padding: 10px;
}
#beyond {
margin-right: auto;
margin-left: auto;
margin-top: 15px;
margin-bottom: 15px;
width: 550px;
}Des idées ?
Modifié par dasp (29 Jun 2005 - 16:28)
