supinfo
Ouverture de  SUPINFO USA à San Francisco en 2008. Des études en informatique en Californie à un tarif abordable ! Inscrivez-vous dès maintenant !
supinfo
Connexion :

Recherche

  
   Tout| Actus| Télécharger| Comparateur de prix| Dossiers| Forums| Jeux| Google

3 messages
ok

mise en page div/css , compatibilité ie/firefox, Sans Nom needed !

Bonjour,

J'ai fait une petite mise en page
qui ressemble a peut pres a ca


[fixed]
________
________|
| |
1 | |
---- 3 |
| |
2 | |
--------|
[/fixed]

avec 1 et 2 qui overflow scroll lorsque le contenu est trop grand
1 et 2 font la meme taille,
1 2 et 3 se redimensionnent tout seul avec la page
c est pile ce que je voulais faire, seulement j'ai un probleme,
je ne parviens pas a realiser la meme chose sous ie,
je ne parviens pas a faire un css compatible pour ie et firefox,
j'ai mis le code de la page ci dessous
je debute avec les div/css et tente d'abandonner les tables

Une ame charitable accepterait elle de m'aider ?



[cpp]<html>
<head>
<STYLE>

body{
margin:0;
height:100%
}
#divFullPage{
width:100%;
height:100%;
background-color:crimson;
}
#menuBar{
height:50px;
width:100%;
background-color:pink;
}
#lowPart{
position:absolute;
top:50px;
bottom:0px;
h!eight:100%;
margin-bottom:0px;
padding-bottom:0px;
width:100%;

background-color:lime;

}
#leftLowPart{
width:50%;
height:100%;
background-color:yellow;
}
#leftLowUp{
overflow:auto;
height:50%;
background-color:green;
}

#leftLowDown{
overflow:auto;
height:50%;
background-color:blue;
}
#rightLowPart{
position:absolute;
left:50%;
width:50%;
top:0px;
height:100%;
background-color:brown;
}
</STYLE>
</head>
<body>
<DIV id=divFullPage>
<DIV id=menuBar>

menu
</div>
<div id=lowPart>
<div id=leftLowPart>
<DIV id=leftLowUp>
leftLowUp<br>bla<br>bla<br>bla<br>bla<br>bla<br>bla<br>bla<br>bla<br>
</div>
<DIV id=leftLowDown>
leftLowDown<br>bla<br>bla<br>bla<br>bla<br>bla<br>bla<br>bla<br>bla<br>
</div>
</div>
<div id=rightLowPart>
rightLowPart
</div>
</div>
</div>
</body>
</html>

[/cpp]
 
 
Tu fais deux feuilles de styles une pour ie et une pour les autres
ensuite avec un commentaire conditionnel sous la déclaration de la feuille de style pour fifrefox:
<!--[if IE]>
<link rel="stylesheet" type="text/css" href="MaFeuilleDeStylePourIE.css">
<![endif]-->
pour determiner quelle feuille utiliser
 
 
je viens d etre notifié avec plaisir que quelqu'un s'etait penché sur mon cas, je te remercie pour le conseil, que je mettrais effectivement en application, car trouver un code css parfaitement compatible tient du mysticisme pur !
merci et à charge d'aide futur (que ça se dise ou non)
 
 
 
3 messages
ok
 
Vous devez être connecté pour écrire un message !
 

 Sujets Similaires:


 
Clubic.com
 
Achetez-facile.com
 
Jeuxvideo.fr
 
neteco.com
 
mobinaute.com