Bonjour tout le monde!
je me suis enfin décidé a quiter les tableaux pour le css, mais j'avoue que je suis un peu perdu
!
En fait j'ai un probleme pour ma mise en page css entre Internet Exploreur et Firefox, pas du tout le meme resultat
ce qui se passe c'est que sous IE pas de problemes et sous FIrefox, ca couille... toutes les divs se chevauchent !!
disposition classique : 3 colones + head +foot et innerhtml pour l'affichage
treve de blabla, voila le code.
mon (x)Html
et mon css, je suis sur qu'il est bourré de fautes mais je ne sait pas les voir
excusez le noob !
on m'a parlé de faire une div general (contener)...
j'attend avec impatience vos precieux conseils et corrections !
@+
Modifié par ToTo Nµts® (30 May 2006 - 19:39)
je me suis enfin décidé a quiter les tableaux pour le css, mais j'avoue que je suis un peu perdu
!En fait j'ai un probleme pour ma mise en page css entre Internet Exploreur et Firefox, pas du tout le meme resultat
ce qui se passe c'est que sous IE pas de problemes et sous FIrefox, ca couille... toutes les divs se chevauchent !!disposition classique : 3 colones + head +foot et innerhtml pour l'affichage
treve de blabla, voila le code.
mon (x)Html
<body>
<div class="haut">
</div>
<div class="gauche">
<li><a href="index.php?page=accueil">Home</a></li><br><br>
<b>Musique:</b>
liens,liens
<b>Instruments:</b>
liens,liens
<b>Communiquer:</b>
liens,liens
</div>
<div class="droite">
<b>l'Artiste du mois</b>
bla,bla
<br>
<br>
<b>Partenaires:</b>
bla,bla
<br>
<br>
<b>Pubs:</b>
bla,bla
</div>
<div class="frame">
ici un code INNERHTML pour l'affichage de la page
</div>
<div class="bas">
bla,bla
</div>
</body>
et mon css, je suis sur qu'il est bourré de fautes mais je ne sait pas les voir
excusez le noob !
body {
width : 760px;
margin : auto;
position : absolute;
display:block
width : 100%;
height : 100%;
font-size : 14px;
font-family : Verdana;
background-color : #7f0000;
}
.haut {
width : 916px;
height : 140px;
margin-left : 20px;
background-image : url("images/titre.JPG");
background-repeat : no-repeat;
background-color : black;
color : #fff;
text-align: right ;
border-top : 2px dashed white;
border-left : 2px dashed white;
border-right : 2px dashed white;
}
.gauche {
position : absolute;
left : 20px;
width : 181px;
height : 800px;
background-color : black;
background-image : url("images/cotes.JPG");
color : #fff;
padding : 10px;
border-left : 2px dashed white;
}
.droite {
position : absolute;
left : 755px;
width : 181px;
height : 800px;
background-color : black;
background-image : url("images/cotes.JPG");
color : #fff;
padding : 10px;
border-right : 2px dashed white;
}
.frame {
margin-left : 200px;
width : 555px;
height : 800px;
overflow : auto;
font-size : 90%;
background-color : white;
background-image : url("images/fond de page .JPG");
background-repeat : no-repeat;
background-attachment: fixed;
padding : 10px;
font-size : 10px;
border-style : inset;
}
.bas {
width : 916px;
height : 30px;
background-color : black;
background-image : url("images/cotes.JPG");
color : #fff;
font-size : 12px;
padding : 10px;
margin-left : 20px;
border-left : 2px dashed white;
border-right : 2px dashed white;
border-bottom : 2px dashed white;
}
on m'a parlé de faire une div general (contener)...
j'attend avec impatience vos precieux conseils et corrections !
@+
Modifié par ToTo Nµts® (30 May 2006 - 19:39)
).
youpi !