le 11/04/2005 à 22:12
Balise <form> et décalage
<form style="margin: 0; padding: 0;">
lupucide
-
SignaturePour souper avec le Diable mieux vaut avoir une longue cuillère.
-
Site web
-
Nombre de sujetsAucun
-
Nombre de messages14
-
Nombre de commentairesAucun
-
Nombre de newsAucune
-
Niveau en PHPDébutant
Ses dernières news
Aucune news
Ses derniers sujets sur les forums
Aucun sujet créé dans les forums
Ses derniers messages sur les forums
le 04/04/2005 à 14:54
css et compatibilité IE/Firefox
Arf, non. Désolé j'ai été trop vite mais c'est une pise à suivre. Le résultat vient des tes "width" et du "float:left".
Affaire à suivre.
Affaire à suivre.
le 04/04/2005 à 14:52
css et compatibilité IE/Firefox
<html><head>
<title>Cofitem-Cofimur</title>
<link title="style" type="text/css" rel="stylesheet" media="screen, projection" href="style.css" />
</head>
<body>
<div id="page">
<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>
</div>
</body></html>
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;
}
#page {
border: 1px solid #000000;
width: 900px;
}
#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;
height: 60px;
text-align: center;
width: 900px;
}
#menu {
padding-top: 0px;
text-align: left;
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-left: 1px solid #000000;
text-align: left;
width: 680px;
}Ne fonctionne que si ton menu est plus court que le contenu. Sinon reste la possibilité de caser une image représentant les bordures et de tout caser dedans.
++
Ses derniers commentaires de news
Aucun commentaire de news
Ses derniers commentaires de sites
Aucun commentaire de sites
Ses derniers commentaires de wall
Aucun commentaire wall
