28220 sujets

CSS et mise en forme, CSS3

Je suis en train de faire un site optimisée pour la résolution 1024x768. Cependant, j'ai essayé de mettre la résolution en 800x600 et ça m'affiche pas tout, je ne comprends pas :s

body
{
	padding: 0px;
	margin: 0px;
	background-color: #FFD300;
	/* Paramètrage de la scroolbar de MSIE */
	scrollbar-face-color: #FFCC00;
	scrollbar-arrow-color: #00FF00;
	scrollbar-track-color: #FFFFAA;
	scrollbar-shadow-color: #FFFFAA;
	scrollbar-highlight-color:#FFFFAA;
	scrollbar-3dlight-color: #00FF00;
	scrollbar-darkshadow-color: #00FF00;
}

.page
{
	width: 1000px;
	height: 600px;
	position: absolute;
	left: 50%;
	top: 50%;
	margin-left: -500px;
	margin-top: -300px;
	padding-top: 25px;
	background-color: #FFD300;
}

.logo_le_club
{
	width: 400px;
	height: 100px;
	position: absolute;
	margin-left: 300px;
}

.logo_avsc
{
	width: 140px;
	height: 75px;
	position: absolute;
	margin-left: 15px;
}

.mascotte
{
	width: 81px;
	height: 177px;
	position: absolute;
	right: 5px;
	bottom: 435px;
	z-index: 2;
}

.conteneur
{
	width: 1000px;
	height: 450px;
	position: absolute;
	right: 25px;
	bottom: 25px;
	margin: 0px;
	padding: 0px;
	background-image: url(../images/fond.png);
	background-repeat: no-repeat;
	z-index: 1;
}

Modifié par Trunks_ (07 Dec 2005 - 16:29)
Bonjour Trunks,

a écrit :
Je suis en train de faire un site optimisée pour la résolution 1024x768


C'est alors normal qu'il ne passe pas en 800*600.

La grandeur pour une résolution en 800*600 est d'approximativement 760px le tiens en fait 1000px donc c'est normal qu'une partie soit tronquée.

Si tu veux un site dont la largeur s'adapte à la fenêtre (fluide) il te faudra passer par une taille en pourcentage par exemple.


De plus le centrage par marge négative et position absolute peux poser des problémes.
Modifié par knarf (05 Dec 2005 - 18:08)
Même si je rajoute un overflow sur la classe 'page', pourquoi la scrollbar ne s'étend pas sur toute la page, il ne devrait pas se former une scrollbar pour afficher la page de 1000px?