Largeur dynamique HTML/CSS
Résolu
puxor
Messages postés
318
Date d'inscription
Statut
Membre
Dernière intervention
-
puxor Messages postés 318 Date d'inscription Statut Membre Dernière intervention -
puxor Messages postés 318 Date d'inscription Statut Membre Dernière intervention -
Bonjour,
Je suis entrain de faire un site web et j'ai un soucis de div en largeur dynamique.
J'ai fais un schéma pour que ça soit plus parlant:
https://imageshack.com/
Donc j'ai un div principal qui est de largeur 80% (par rapport au body).
A l'intérieur j'ai un div qui en contient deux autres:
Celui de droite est de largeur fixe de 300px, et celui de gauche devrait prendre tout le reste de l'espace en dynamique.
J'ai donc tenter de le faire en css en lui spécifiant width: 100% - 300px;
Si je poste ici, vous vous doutez bien que cela ne fonctionne pas xD.
Quelqu'un sait comment faire ?
Merci !
Je suis entrain de faire un site web et j'ai un soucis de div en largeur dynamique.
J'ai fais un schéma pour que ça soit plus parlant:
https://imageshack.com/
Donc j'ai un div principal qui est de largeur 80% (par rapport au body).
A l'intérieur j'ai un div qui en contient deux autres:
Celui de droite est de largeur fixe de 300px, et celui de gauche devrait prendre tout le reste de l'espace en dynamique.
J'ai donc tenter de le faire en css en lui spécifiant width: 100% - 300px;
Si je poste ici, vous vous doutez bien que cela ne fonctionne pas xD.
Quelqu'un sait comment faire ?
Merci !
A voir également:
- Largeur dynamique HTML/CSS
- Tableau croisé dynamique - Guide
- Editeur html - Télécharger - HTML
- Exemple tableau croisé dynamique télécharger - Télécharger - Tableur
- Liste déroulante dynamique excel - Guide
- Html br - Forum HTML
6 réponses
Salut puxor,
Fais-tu tes tests en local ou alors tu as déjà un serveur web qui tourne ???
Si il tourne déjà, envoie moi l'url de ton site que j'observe un peu ton CSS et ton code html ....
Et je ne comprend pas bien l'intérêt de mettre un espace dynamique si tu lui affectes une largeur de 300 px ...
Le reste de l'affichage passe bien ? Juste la partie dynamique te pose problème ?
Fais-tu tes tests en local ou alors tu as déjà un serveur web qui tourne ???
Si il tourne déjà, envoie moi l'url de ton site que j'observe un peu ton CSS et ton code html ....
Et je ne comprend pas bien l'intérêt de mettre un espace dynamique si tu lui affectes une largeur de 300 px ...
Le reste de l'affichage passe bien ? Juste la partie dynamique te pose problème ?
Lut , j'ai wamp en local pour faire mes tests, donc pas d'url possible à moins de mettre mon serveur online avec du nat, ce que je vais éviter.
Le but est que dans la partie fixe de 300px, j'ai un diaporama javascript dont les images ont 250px de large ce qui me laisse 25px de bordure de chaque côté.
Le reste du site est de largeur dynamique.
Il faudrait donc que la partie de gauche (qui contient le contenu des pages) s'adapte à la largeur du reste du site...
J'ai un lien d'une ancienne version de test, je peux te l'envoyer par mp pour que tu puisse te faire une idée plus précise de ce que je recherche parce que j'ai pas envie que les moteurs de recherchent la référence si je la balance sur le forum. xD
Le but est que dans la partie fixe de 300px, j'ai un diaporama javascript dont les images ont 250px de large ce qui me laisse 25px de bordure de chaque côté.
Le reste du site est de largeur dynamique.
Il faudrait donc que la partie de gauche (qui contient le contenu des pages) s'adapte à la largeur du reste du site...
J'ai un lien d'une ancienne version de test, je peux te l'envoyer par mp pour que tu puisse te faire une idée plus précise de ce que je recherche parce que j'ai pas envie que les moteurs de recherchent la référence si je la balance sur le forum. xD
Bonjour,
J'ai pas trouvé de solution pour faire ça avec des div donc je me suis rabattu sur un vieux tableau et ça fonctionne bien !
Donc à moitié résolu :p
J'ai pas trouvé de solution pour faire ça avec des div donc je me suis rabattu sur un vieux tableau et ça fonctionne bien !
Donc à moitié résolu :p
Désolé pour la réponse tardive. Effectivement pour faire ce genre de manip, passer par la solution tableau reste le plus aisé.
Si ton site te conviens comme cela c'est cool, si tu veux vraiment passer par le CSS trouve un moyen de me l'envoyer j'y regarderais quand j'aurais un peu de temps de libre ...
Si ton site te conviens comme cela c'est cool, si tu veux vraiment passer par le CSS trouve un moyen de me l'envoyer j'y regarderais quand j'aurais un peu de temps de libre ...
Merci c'est cool, mais la solution du tableau me convient plus ou moins.
Comme je n'ai pas de gros contenus à charger, la solution convient.
Je vais quand même faire quelques essais pour trouver un moyen de le faire en css et je viendrai poster ici au cas ou.
Une autre petite question:
J'ai une barre de navigation de 25px de hauteur.
Mes liens sont crées à partir d'une liste à puce que je met en display: inline.
Le problème est qu'elle se décale sous ma barre de navigation.
J'ai mis le padding et le margin à 0 mais rien n'y fait...
Tu as une solution ?
++
Comme je n'ai pas de gros contenus à charger, la solution convient.
Je vais quand même faire quelques essais pour trouver un moyen de le faire en css et je viendrai poster ici au cas ou.
Une autre petite question:
J'ai une barre de navigation de 25px de hauteur.
Mes liens sont crées à partir d'une liste à puce que je met en display: inline.
Le problème est qu'elle se décale sous ma barre de navigation.
J'ai mis le padding et le margin à 0 mais rien n'y fait...
Tu as une solution ?
++
Vous n’avez pas trouvé la réponse que vous recherchez ?
Posez votre question
Ca voudrait dire que je dois mettre ça en position: absolute, non ?
Oui, ça donne un truc de ce genre:
#outercontainer
{
margin-left: -400px;
position: absolute;
top: -229px;
left: 520px;
}
Exemple, tiré du CSS d'un site que j'ai fait il y a quelques années ...
Ca fait un baille que j'ai pas refait de site, mais j'essaye de t'aider quand même, ça ne se perd pas trop :P
Tiens moi au courant pour ton menu ...
#outercontainer
{
margin-left: -400px;
position: absolute;
top: -229px;
left: 520px;
}
Exemple, tiré du CSS d'un site que j'ai fait il y a quelques années ...
Ca fait un baille que j'ai pas refait de site, mais j'essaye de t'aider quand même, ça ne se perd pas trop :P
Tiens moi au courant pour ton menu ...
