begin process at 2012 05 28 03:41:13
  Trouver un code source :
 
dans
 
Accueil > Forum > 

ASP.NET

 > 

Base de données

 > 

SQL Server

 > 

Problème de mise en page HTML (débutant)


Derniers messages déposésPoser une question dans le forum ou lancer une discussion

Problème de mise en page HTML (débutant)

lundi 7 juillet 2008 à 14:34:02 | Problème de mise en page HTML (débutant)

Marco8692

Bonjour,

J'ai un problème de mise en page dans un site web assez simple:

3 divisions (div)

- le premier contenant les deux autres
- le deuxième à gauche contient un menu pour naviguer
- le troisième sur la partie droite (à l'intérieur du premier div) contient un tableau dynamique (gridview) dont je ne connais pas la taille (variable selon le nombre de lignes).

Je souhaiterais que les deux divisions "div_menu" et "div_tableau" aient la même hauteur. On m'a orienté en me disant de rajouter une 3e div (le premier que j'ai énuméré) et de mettre Height à 100% dans les deux autres.

Le problème est que la hauteur de ma division "div_menu" n'augmente pas avec les deux autres divisions, apparemment Height:100% ne fonctionne que lorsque la hauteur Height du composant parent est défini...

Comment faire dans le cas où la hauteur Height à définir n'est pas connue dans un cas dynamique ?
lundi 7 juillet 2008 à 15:39:26 | Re : Problème de mise en page HTML (débutant)

Marco8692

Hmm je pense que je me suis gourré d'emplacement pour ce message, mais je n'ai pas trouvé de rubrique 'html'.
J'avais choisi asp.net / sql server parce que mon site (complet) utilise ces langages (avec C# coté serveur). Mais la question ne porte que sur un notion html je pense.
lundi 7 juillet 2008 à 23:50:42 | Re : Problème de mise en page HTML (débutant)

ggtry

Réponse acceptée !

Bonsoir,

(c'est vrai que ce n'est pas le bon endroit, mais bon...)
Un expert en css me contredira peut-être, mais c'est une des choses qui paraissent évidentes, et ne le sont pas du tout en css.
Le plus simple, j'en ai peur, est de revenir à la bonne vieille table avec tr et td. Sinon, tu peux regarder ici : [ Lien ]
Ou alors, tu passes par les tables... : tu peux garder tes trois css avec le height:100%, donner au premier la propriété "display:table;" et aux deux autres la propriété "display:table-cell;".
Ensuite, il te faudra changer tes div, dans l'ordre, en table pour le premier et pour les deux autres en td. Tu dois aussi ajouter un <tr> après <table>.
(pour le menu, tu peux ajouter vertical-align:top à ton css pour éviter que le texte ait un centrage vertical.

Cordialement

GGtry

mardi 8 juillet 2008 à 12:09:01 | Re : Problème de mise en page HTML (débutant)

Marco8692

Bonjour, ta solution et une autre avec les div fonctionnent
- soit je mets ton tableau en mettant une colonne coloriée
- soit je mets une div coloriée contenant 2 autres div (la premiere juste pour décaler la 2e avec la même couleur que le fond
et la 2e en blanc pour faire comme si il n'y avait rien.

Les deux solutions fonctionnent, la 2e me semble moins instinctive, je laisse mon maître de stage décider de la méthode ^^

Merci beaucoup
mardi 8 juillet 2008 à 12:14:34 | Re : Problème de mise en page HTML (débutant)

Marco8692

Finalement je vais utiliser ta méthode de tableau, parce que avec les div ça marche lorsque c'est la partie droite qui est étirée, mais pas lorsque c'est la gauche... ;)


Cette discussion est classée dans : problème, page, hauteur, height, div


Répondre à ce message

Sujets en rapport avec ce message

Problème avec l'objet Session [ par Tibo ] J'ai un problème avec un objet session qui se perd entre deux pages : j'appelle une page, l'objet session contient des valeurs, avec un script en Java problème page d'accueil [ par sou ] j'ai un site avec une page d'accueil adresse+index.asp j'ai effectué des modifications , mais j'ai toujours la page initiale index.asp dans les modifs problème page d'accueil [ par sou ] j'ai un site avec une page d'accueil adresse+index.asp j'ai effectué des modifications , mais j'ai toujours la page initiale index.asp sans les modifs pagination de page ? [ par dji ] bonjour, j'ai un problème au niveau de la pagination: je n'arrive pas à passer au page suivant qui va afficher le reste de mes enregistrements Voici pagination de page ? [ par dji ] bonjour, j'ai un problème au niveau de la pagination: je n'arrive pas à passer au page suivant qui va afficher le reste de mes enregistrements Voici pagination de page ? [ par dji ] bonjour, j'ai un problème au niveau de la pagination: je n'arrive pas à passer au page suivant qui va afficher le reste de mes enregistrements Voici problème de mise en cache [ par hippycore ] je fé une vérification de formaulaire dans une page asp qui m'indique si il y a une erreur et propose un bouton de retour a ce formulaire mais a chaqu Un problème [ par renardchenapan ] Bonjour,j'aimerais pouvoir ouvrir un document word dans une cellule d'un page HTML.J'aimerais pouvoir naviguer dans ce dernier directement depuis la p Aidez moi SVP je perds les données d'un formulaire!!! [ par vlavaud ] Bonjour , J'ai un gros problème , j'ai fait un site en asp avec un page séparée en deux par une frame (Donc trois pages )dans la page du haut j'ai des IIS XP ASP problème [ par benjiiim2 ] Salut, j'ai un ordinateur avec windows XP PRO sur lequel je n'ai pas internet et j'ai donc installer IIS pour pouvoir programmer en ASP.Malheuresement


Nos sponsors


Sondage...

Comparez les prix

CalendriCode

Mai 2012
LMMJVSD
 123456
78910111213
14151617181920
21222324252627
28293031   

Consulter la suite du CalendriCode

A découvrir



 
Développement réalisé par Nicolas SOREL (Nix) avec l'aide de : Cyril DURAND et Emmanuel (EBArtSoft), Merci à Vincent pour ses précieux conseils.
CodeS-SourceS.com© Toute reproduction même partielle est interdite sauf accord écrit du Webmaster
CodeS-SourceS.com© est une marque déposée tous droits réservés

Google Coop CodeS-SourceS Google Coop CodeS-SourceS
Temps d'éxécution de la page : 0,546 sec (4)

Nous contacter | Annoncer sur CodeS-SourceS | Mentions légales