créer un site


Float et dimensionnement

Poster un nouveau sujet sur css   Répondre au sujet à css:Float et dimensionnement    Accueil Forum -> css
Voir le sujet précédent :: Voir le sujet suivant  
Auteur Message
mistic100
html mioche
html mioche
MessageFloat et dimensionnement , Posté le: 07-07-2010 18:42

Bonsoir,
ça fait un bon bout de temps que je suis pas venu ici ! et malgré mes progrès je me casse toujours les dents sur des choses à l'apparence simple Laughing

bref !
soient deux calques, l'un flottant à droite et de largeur fixe, l'autre flottant à gauche : comment faire en sorte que ce second calque occupe toute la largeur restante ? (j'ai trop lu de problèmes de math moi)


un peu de code pour aider
Code:
<div id="homeNews" class="homeContent">
   des news ici
</div>

<div id="homeContest" class="homeContent">
   des résultats de concours ici
</div>


Code:
#homeNews {
   height:400px;
   float:left;
}

#homeContest {
   width:300px;
   height:400px;
   float:right;
}
Walkomedia
html mioche
html mioche
MessageFloat et dimensionnement , Posté le: 07-07-2010 21:48

Bonjour,

Et en mettant plutôt les width de tes div en % ?
Je pense pas que ça gênerait le float mais il faut essayer Smile
mistic100
html mioche
html mioche
MessageFloat et dimensionnement , Posté le: 07-07-2010 21:50

comme j'ai dis la largeur du calque de droite doit être fixe, donc % exclus

et si je met 100% pour le calque de gauche il prend évidement 100% de l'écran et pas de l'espace restant (puisque le calque de droite n'est plus dans le flux et n'est pas pris en compte)
mistic100
html mioche
html mioche
MessageFloat et dimensionnement , Posté le: 07-07-2010 22:02

je suis un abrutis ! c'était juste sous mon nez : la moitié du template que j'essaye d'adapter et construit comme ca

il suffit que le calque de gauche ne soit pas en float et lui donner en marge droite la largeur du calque flottant de droite
Walkomedia
html mioche
html mioche
MessageFloat et dimensionnement , Posté le: 08-07-2010 13:29

Sur le menu de gauche, pense à ajouter un "cursor : pointer" dans le css Wink
Pas mauvais le résultat !
dfgdf
frontpage mioche
frontpage mioche
MessageFloat et dimensionnement , Posté le: 09-08-2010 3:10

il suffit que le calque deNike TN [http://www.onlinedbiz.com]|TN Requin [http://www.onlinedbiz.com]|Tn requin [http://www.yure.net]|Nike TN [http://www.nike-tn-air.com]|Nike Ninja [http://www.nike-ninja.com] gauche ne soit pas en float et lui donner en marge droite la largeur du calque flottant de droite
Montrer les messages depuis:   
Poster un nouveau sujet sur css   Répondre au sujet à css:Float et dimensionnement    Accueil Forum -> css Toutes les heures sont au format GMT + 1 Heure
Page 1 sur 1

 
Sauter vers:  
S'enregistrerS'enregistrer
ProfilProfil
Se connecter pour vérifier ses messages privésSe connecter pour vérifier ses messages privés
RechercherRechercher
Liste des MembresMembres
FAQFAQ
ConnexionConnexion 


© Mentions Légales