le 03/04/2005 à 23:11
css et compatibilité IE/Firefox
Salut a tous,
parfois si les standars etaient compatibles ca nous éviterai bien des ennuis ;)
là, mon probleme est un décalage des divs suivant le navigateur
voila une page de test et mon style.css :
page de test :
et style.css :
Si quelqu'un sait comment faire pour avoir quelque chose de calé AVEC LES 2 NAVIGATEURS ca serait vraiment sympa de m'en faire profiter
merci d'avance
parfois si les standars etaient compatibles ca nous éviterai bien des ennuis ;)
là, mon probleme est un décalage des divs suivant le navigateur
voila une page de test et mon style.css :
page de test :
<!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" lang="fr">
<head>
<title>
Cofitem-Cofimur
</title>
<meta http-equiv="content-type" content="text/html;charset=iso-8859-1" />
<meta name="description" content="COFITEM-COFIMUR acquiert et développe des actifs immobiliers dont elle
propose la jouissance en location simple ou en crédit-bail." />
<link title="style" type="text/css" rel="stylesheet" media="screen, projection" href="style.css" />
</head>
<body>
<div id="header">
titre
</div>
<div id="menu">
<ul class="menu">
testmenu<br>
testmenu<br>
testmenu<br>
testmenu<br>
testmenu<br>
testmenu<br>
testmenu<br>
testmenu<br>
testmenu<br>
</ul>
</div>
<div id="middle">
<div id="sub_title">
essaisoutitre<br>
</div>
testmilieu<br>
testmilieu<br>
testmilieu<br>
testmilieu<br>
testmilieu<br>
testmilieu<br>
testmilieu<br>
testmilieu<br>
testmilieu<br>
testmilieu<br>
testmilieu<br>
testmilieu<br> testmilieu<br>
testmilieu<br>
testmilieu<br>
testmilieu<br>
testmilieu<br>
testmilieu<br> testmilieu<br>
testmilieu<br>
testmilieu<br>
testmilieu<br>
testmilieu<br>
testmilieu<br> testmilieu<br>
testmilieu<br>
testmilieu<br>
testmilieu<br>
testmilieu<br>
testmilieu<br>
</div>
</body></html>
et style.css :
body {
margin-bottom: 10px;
margin-left: 50px;
text-align: left;
background-color: #FFFFFF;
color: #000000;
font: small 'Lucida Grande', Verdana, 'Bitstream Vera Sans', sans-serif;
}
a {
color: #888888;
text-decoration: none;
}
.title {
font-size: 200%;
font-weight: bold;
}
.menu {
list-style-type : square;
list-style-position: outside;
}
#index {
width: 100%;
height: 100%;
margin-top: 10%;
}
#title {
height: 100px;
font-size: 200%;
font-weight: bold;
margin-left: 15px;
}
#header {
padding-top: 10px;
border-top: 3px solid #000000;
border-bottom: 1px solid #000000;
border-left: 1px solid #000000;
border-right: 1px solid #000000;
height: 60px;
text-align: center;
width: 900px;
}
#menu {
padding-top: 0px;
text-align: left;
border-left: 1px solid #000000;
border-right: 1px solid #000000;
border-bottom: 1px solid #000000;
width: 199px;
float: left;
}
#sub_title {
padding-top: 0px;
padding-bottom: 8px;
text-align: left;
width: 680px;
border-bottom: 1px solid #000000;
}
#middle {
padding-top: 10px;
padding-bottom: 10px;
padding-left: 10px;
padding-right:10px;
margin-left: 200px;
border-right: 1px solid #000000;
border-left: 1px solid #000000;
text-align: left;
border-bottom: 1px solid #000000;
width: 680px;
}
/*---------------------------------------*/
/*-A supprimer apres mis en ligne reelle-*/
/*---------------------------------------*/
#list {
font-size: 120%;
}Si quelqu'un sait comment faire pour avoir quelque chose de calé AVEC LES 2 NAVIGATEURS ca serait vraiment sympa de m'en faire profiter
merci d'avance
