Paysan Barbare
05-04-2005, 11:01 PM
Hello!
I have a problem with my CSS with IE...I'll tryed to explain you in English:bye:
First: my site (http://bastien.rouches.free.fr/chemins/accueil.php)
If you clic on 'accueil' or 'home', the window is blocked by the bottom bar with the copyright. I think it's due to the cache of IE, which display this bar before the navigator has display all the news of the database...
This is the code of the css:
#corps .centre{ /* block marrons centraux/ center blocks */
width: 610px;
background-image: url(images/menu_centre_bg.gif);
background-repeat: repeat-y;
float: right;
margin-top: 10px;
clear: right;
}
#corps .menu_gauche{ /* blocks marrons du menu/ left menu blocks */
margin-top: 10px;
width: 167px;
background-image: url(images/menu_gauche_bg.gif);
background-repeat: repeat-y;
}
#piedpage { /* footer*/
position: relative;
top: 10px;
clear: both;
...
}
and here of the page:
<div class='centre'>
<img src='images/centre_haut.gif' alt='' />
<h4>News of Tuesday, 22 March 2005</h4>
<p>test of the news most later</p>
<img class='bas' src='images/menu_centre_bas.gif' alt='' /></div>
<div class="menu_gauche">
<img src="images/menu_gauche_haut.gif" alt="" />
<h3>The association</h3>
<ul>
<li><a href="#">about</a></li>
<li><a href="#">Réalizations and objectives</a></li>
<li><a href="#">Geographic area</a></li>
</ul>
<img class="bas" src="images/menu_gauche_bas.gif" alt="" /></div>
<div id="piedpage">copyright ©2005 <a href="mailto:nobody@free.fr">ACECA</a>
</div>
Sometimes, I regret the time when we used arrays to display the pictures...
Thanks for help!
Bonne nuit !
I have a problem with my CSS with IE...I'll tryed to explain you in English:bye:
First: my site (http://bastien.rouches.free.fr/chemins/accueil.php)
If you clic on 'accueil' or 'home', the window is blocked by the bottom bar with the copyright. I think it's due to the cache of IE, which display this bar before the navigator has display all the news of the database...
This is the code of the css:
#corps .centre{ /* block marrons centraux/ center blocks */
width: 610px;
background-image: url(images/menu_centre_bg.gif);
background-repeat: repeat-y;
float: right;
margin-top: 10px;
clear: right;
}
#corps .menu_gauche{ /* blocks marrons du menu/ left menu blocks */
margin-top: 10px;
width: 167px;
background-image: url(images/menu_gauche_bg.gif);
background-repeat: repeat-y;
}
#piedpage { /* footer*/
position: relative;
top: 10px;
clear: both;
...
}
and here of the page:
<div class='centre'>
<img src='images/centre_haut.gif' alt='' />
<h4>News of Tuesday, 22 March 2005</h4>
<p>test of the news most later</p>
<img class='bas' src='images/menu_centre_bas.gif' alt='' /></div>
<div class="menu_gauche">
<img src="images/menu_gauche_haut.gif" alt="" />
<h3>The association</h3>
<ul>
<li><a href="#">about</a></li>
<li><a href="#">Réalizations and objectives</a></li>
<li><a href="#">Geographic area</a></li>
</ul>
<img class="bas" src="images/menu_gauche_bas.gif" alt="" /></div>
<div id="piedpage">copyright ©2005 <a href="mailto:nobody@free.fr">ACECA</a>
</div>
Sometimes, I regret the time when we used arrays to display the pictures...
Thanks for help!
Bonne nuit !