 | |
| Voir le sujet précédent :: Voir le sujet suivant |
| Auteur |
Message |
salemioche
salemioche
 |
 design 4 cases , Posté le: 08-10-2003 11:50 |
|
|
voila ce que j'ai :
| Code: |
body {
font-family: verdana, sans-serif;
background-color: white;
color: black;
height: 100%;
text-align: center;
}
#global {
text-align: left;
width: 750px;
height: 470px;
margin-left: auto;
margin-right: auto;
}
#titre {
width: 300px;
height: 470px;
background-color: blue;
float: left;
}
#banner {
width: 450px;
height: 300px;
background-color: yellow;
float: top right;
position: absolute;
}
#menu {
margin-top: 300px;
width: 200px;
height: 170px;
border-left: 5px solid black;
background-color: red;
position: absolute;
}
#main {
margin-top: 300px;
margin-left: 200px;
width: 250px;
height: 170px;
background-color: green;
position: absolute;
}
|
et
| Code: |
<div id="global">
<div id="titre">
<h1>Coucou</h1>
</div>
<div id="banner">
</div>
<div id="menu">
mon menu
</div>
<div id="main">
...........
</div>
</div>
|
j'aurais bien voulu mettre des float plutot que absolute
(comme ca si je change une largeur il n'y a pas de chevauchement)
mais je n'arrive pas a configurer mon #main
une idée ?.
.
______________________________________
creation site internet - Hébergement web - Agence Web |
|
|
SIBELIUS
html mioche
 |
| design 4 cases , Posté le: 08-10-2003 12:09 |
|
|
Tu peux t'inspirer de ça pour commencer : http://www.alsacreations.com/articles/modeles/5zones.htm
Je regarderai ton code en détail ce soir.
Mais ce qui est sûr c'est que tu peux te passer des positions absolutes |
|
|
Génius
flashmioche
 |
| design 4 cases , Posté le: 08-10-2003 12:11 |
|
|
A justement la source repond a une des questions que j'allais posé
merci  |
|
|
SIBELIUS
html mioche
|
| design 4 cases , Posté le: 08-10-2003 12:21 |
|
|
PS en passant : "float: top" n'existe pas  |
|
|
|
  |
Accueil Forum
-> css |
Toutes les heures sont au format GMT + 1 Heure
|
| Page 1 sur 1 |
|
 S'enregistrer
 Profil
 Se connecter pour vérifier ses messages privés
 Rechercher
 Membres
 FAQ
 Connexion
|