blocs de taille fixes + remplissage ?

Recherche :

Mot : Pseudo : Filtrer
Bas de page
Auteur	Sujet : blocs de taille fixes + remplissage ?

boulax

Inserer phrase hype en anglais

Bonjour,

Je cherche une solution propre à une organisation d'une page avec des div et je butte sur un truc sans solution correcte apparente.

Considerons une page divisée en deux dans un premier temps. Une partie haute genre banniere et une partie basse contenant le reste ( en gros 10%,90% quoi) Je desire fixer la hauteur de la banniere en pixel pour que quelque soit la résolution l'image ne soit pas rognée.

Comment faire pour dire au div en dessous : "Prends comme hauteur le reste de la page" ???

en pixels ? dépendant de la résolution
en pourcentage ? ne convient que si le bloc du haut est défini en %

une idée, technique, meme un troll pourquoi pas....

---------------
Posté depuis des chiottes, sales. Me gusta.

Publicité

Hermes le Messager

Breton Quiétiste

boulax a écrit :

Ben en réalité on peut pas.

On peut en trichant, genre, en faisant joujou avec des positions absolutes en supperposant les deux div (celui du haut par dessus celui du bas qui a une hauteur de 100%) en appliquant un padding à celui du bas pour commencer en dessous celui du haut.

C'est là une des limites des divs. Dans des cas comme celui-ci, j'utilise une table qui a l'avantage de posséder des sous-éléments (donc 100% de haut pour la table, la cellule du haut en px et la cellule du bas en auto - quand on parle de sémantique... )

Lord II

PIB2000

Je pense que si tu paramètre le div contenu avec une hauteur de 100% et un padding-top de la hauteur de la bannière, tu dois pouvoir arriver à ce que tu recherches. Evidemment les deux blocs se chevaucheront mais cela ne se verra pas

---------------
La bave du crapaud n'empèche pas la caravane de passer .

Hermes le Messager

Breton Quiétiste

Lord ii a écrit :

C'est la solution que je lui ai proposée, mais je trouve ça aussi ignoble qu'une table qui elle sera finalement mieux interprêtée en particulier avec les navigateurs les plus anciens.

boulax

Inserer phrase hype en anglais

A vrai dire, bidouillant depuis quelques heures la dessus, j'ai deja tenté le coup du padding-top fixé a la hauteur de la banniere (plus un petit z-index) mais bizarrement la hauteur a 100% sur l'autre div dépasse du navigateur :heink:

Comme je suis assez libre, je tente d'autres approches avec un height:auto; en confondant la couleur de fond du body avec celle du corps.

je tripatouille encore un peu (je dois encore mettre un div genre menu a gauche) et je vais voir si je trouve un truc correct.

---------------
Posté depuis des chiottes, sales. Me gusta.

boulax

Inserer phrase hype en anglais

bon voila je passe par un tableau, plus simple mais bon ... tant pis...

Euh au fait on ne peut pas donner de height/width a un TR/TD ? A certains rechargement de page la hauteur change malgré qu'elle soit fixée en pixel, alors qu'en pourcentage non ...

---------------
Posté depuis des chiottes, sales. Me gusta.

cybercap

Ours véritable

je suppose que tu veux pas que ça scrolle un peu car sinon évidemment y'a ça:

==CSS (test.css)==

.haut {
background-color: yellow;
width: 100%;
height: 100px;
}

.bas {
background-color: Green;
width: 100%;
height: 100%;
}

==HTML==

<html>

<HEAD>
<LINK rel="stylesheet" type="text/css" href="test.css">
</HEAD>

<body>

<div class="haut">
en haut
</div>

<div class="bas">
en bas
</div>

</html>

---------------
Site Photo

boulax

Inserer phrase hype en anglais

bah ouais comme ca ca scroll de 100px... ce serait pour un site perso jm'en foutrai quoi mais la j'ai un boss au basqu.... A la base je voulais aussi faire des pseudo frame avec le overflow auto du bloc principal mais j'ai aussi du laisser tomber

---------------
Posté depuis des chiottes, sales. Me gusta.

cybercap

Ours véritable

en gros tu voudrais le meme resultat sans que ca scrolle c ca?

boulax

Inserer phrase hype en anglais

cybercap a écrit :

en gros tu voudrais le meme resultat sans que ca scrolle c ca?

ouais tout bêtement: avoir une partie haute fixée en pixel et le reste qui remplisse ni plus ni moins le reste de la page. Tant pis, je me suis servi d'un tableau.

---------------
Posté depuis des chiottes, sales. Me gusta.

FORUM HardWare.fr

Programmation

HTML/CSS

blocs de taille fixes + remplissage ?

Sujets relatifs
tableau de taille indeterminee	taille de la fenetre
[resolu] taille du texte	connaitre la taille d'un tableau à 2 dimensions ??
[HTML] Quel code pour ouvrir une fenetre d une certaine taille ?	taille d'un select
Les blocs alloué par 1malloc sont ils libérés a la sortie d'1 fonction	une limite de taille pour les var de session ?
Quelle taille optimisée d'une page web pour un affichage en 800*600 ?	Linux, cdrecord et taille de cd ....
Plus de sujets relatifs à : blocs de taille fixes + remplissage ?

Page générée en 0.057 secondes