[Plan du site] Vous êtes ici --- > Le Site du Zéro > Les forums > Site Web > XHTML / CSS > [XHTML] Probleme pour étirer un bloc div > Lecture du sujet

[XHTML] Probleme pour étirer un bloc div

Vous devez être inscrit pour pouvoir poster des messages

Page : 1

Auteur

Message

1 visiteur sur ce sujet (1 anonyme)

Page : 1

Tilix

# Posté le 20/05/2008 à 10:18:04

Groupe : Membres

Bonjour,

J'ai un petit probleme pour étirer un bloc sur toute la largeur de ma page.
Voici ce que j'ai mis :

Code : CSS

#div {
	position: absolute;
	left: 256px;
	width: 100%;
	height: 90px;
}

Le bloc est décalé de 256px sur la gauche et donc, lorsque je mets 100%, il va plus loin que la largeur de la page...
J'ai essayé en "auto" mais ça ne fonctionne pas.

Le code html :

Code : HTML

<div id="top">
	<div id="min"></div>
	<div id="max"></div>
	<div id="div"></div>
</div>

Comment remédier à ce probleme ?

Merci

Caim

# Posté le 20/05/2008 à 10:23:58

Groupe : Membres

il depasse de combien de px environ ? 256 ?

enfaite on dirait que la div prend la dimmenssion de l'écran(100%) et est decaler de 256px et là...
essaie avec ça
Code : CSS

#div {
	position: absolute;
	left: 25%;
	width: 75%;
	height: 90px;
	background-color: black;
/* 25% + 75% = 100% à pas oublier pour la suite =) */
}

Le div prend toute la largeur de l'écran est et bien décaller de 256px
j'ai tester sur deux écran de résolution différente, ça marche

Édité le 20/05/2008 à 10:38:16 par Caim

Tilix

# Posté le 20/05/2008 à 10:42:51

Groupe : Membres

Ca ne fonctionne pas chez moi...
L'image dans ce div superpose l'image du div à coté...

Édité le 20/05/2008 à 10:45:07 par Tilix

Retour au forum "XHTML / CSS" ou à la liste des forums

Vous devez être inscrit pour pouvoir poster des messages

Tutoriels

Communauté

Mon compte

Recherche

Livre d'or

Publicité

[XHTML] Probleme pour étirer un bloc div