Layout extensible verticalement

bonjour,

j'ai fait le layout d'un site en css et j'aimerais qu'il s'adapte à la taille de la fenêtre verticalement, mais c'est une cata sur PC (tous browser, d'après ce que l'on m'a dit, je ne peux pas tester je suis sous mac) et sur IE PC et MAC.

est-ce normal? ou n'ai-je pas bien monté les CSS.

merci de votre aide

dosch

Bonjour dosch et bienvenue parmi nous.

Comme te le suggèrent les règles du forum, il serait peut-être intéressant de nous montrer un code ou un exemple en ligne car il va être difficile pour les membres de deviner comment tu as procédé.

en effet désolé

le site est en ligne http//:www.paysages.net
pour ce qui est du css
[#contener {
z-index: 1;
top: 5%;
position: absolute;
height: 450px;
width: 3500px;
}
#main {
z-index: 80;
position: relative;
top: -1px;
height: 100%;
width: 100%;
left: 1px;
}
#nav {
top: 80%;
position: absolute;
z-index: 1;
height: 40px;
margin: 0px;
padding: 0px;
width: 3500px;
}
#nav_contener {
border: 1px solid #CCCCCC;
height: 16px;
position: relative;
visibility: visible;
background-color: #FFFFFF;
overflow: hidden;
width: 3500px;
z-index: 100;
}
#nav_fixe {
float: left;
height: 17px;
z-index: 100;
}
#nav_custom {
height: 16px;
z-index: 99;
float: left;
display: inline;
}
#bottom {
position: absolute;
top: 90%;
height: 50px;
width: 95%;
z-index: 2;
}

#page_texte {
position: absolute;
width: 700px;
top: 135px;
}
#tete_texte {
position: absolute;
width: 702px;
top: -3px;
height: 116px;
left: 5px;
}
]
j'ai créé pour le moment un css pour IE avec aucun % donc fixe mais j'aimerais remédier à cela si c'est possible.

merci

S'il te plaît, merci d'afficher ton code conformément à ce que demandent les règles de ce forum.

PS : au fait, l'URL que tu indiques ne fonctionne pas
Modifié par Raphael (04 Oct 2005 - 16:26)

désolé, je pensais avoir bien utilisé le bouton code mais cela n'était pas le cas. Je réaissais
http://www.paysages.net

le code, je suis moins sûr de l'utilisation de la fonction, suffit de prendre le pli bon 2ème essais

#contener {
	z-index: 1;
	top: 5%;
	position: absolute;
	height: 450px;
	width: 3500px;
}
#main {
	z-index: 80;
	position: relative;
	top: -1px;
	height: 100%;
	width: 100%;
	left: 1px;
}
#nav {
	top: 80%;
	position: absolute;
	z-index: 1;
	height: 40px;
	margin: 0px;
	padding: 0px;
	width: 3500px;
}
#nav_contener {
	border: 1px solid #CCCCCC;
	height: 16px;
	position: relative;
	visibility: visible;
	background-color: #FFFFFF;
	overflow: hidden;
	width: 3500px;
	z-index: 100;
}
#nav_fixe {
	float: left;
	height: 17px;
	z-index: 100;
}
#nav_custom {
	height: 16px;
	z-index: 99;
	float: left;
	display: inline;
}
#bottom {
	position: absolute;
	top: 90%;
	height: 50px;
	width: 95%;
	z-index: 2;
}

#page_texte {
	position: absolute;
	width: 700px;
	top: 135px;
}
#tete_texte {
	position: absolute;
	width: 702px;
	top: -3px;
	height: 116px;
	left: 5px;
}

c'est bon je l'ai eu, pas compliqué. merci de ta patience

AAARG, mais pourquoi ne pas simplement avoir modifié le message précédent au-lieu d'en créer un autre ?!

pas su comment faire. Je ne suis pas une experte des forums. cela viendra peut être en attendant y'a un début à tout!

dosch a écrit :
pas su comment faire. Je ne suis pas une experte des forums. cela viendra peut être en attendant y'a un début à tout!

Ce n'est pas très grave.
Je comprends tout à fait que ce ne soit pas un "réflexe" si tu n'es pas habituée.

Par contre, dans ce cas, essaye d'avoir la courtoisie de lire la page d'Aide et la FAQ qui expliquent ce genre de choses

personne pour me donner une coup de main?

Salut.
c'est ton 1er bloc text qui est trop long. Essaie de reduire la hauteur des paragraphes ou de lui donner une largeur superieure

euh! désolé mais je ne suit pas.
de quel bloc text parles-tu?

ton bloc de text de presentation quand on scroll sur la droite c'est le 1er qui apparait apres le swf