le Width total

**zooffy** · 21/05/2008, 11h44

Bonjour

Je voudrais trouver le moyen de faire une class CSS dans la laquelle je pourrais mettre un Width à 100 %

J'ai cherché partout et j'ai rien trouvé.
Le soucis c'est que cela doit être uniquement du CSS, soit sous forme de Class dans un fichier, soit dans la balise Style.

Pouvez vous m'aider ?

**zooffy** · 22/05/2008, 09h09

Bonjour

Personne ne sait ou c'est impossible à faire ?

**franculo_caoulene** · 22/05/2008, 09h14

Salut,

Bon ben je me lance :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

.maclasse {width:100%;}

**zooffy** · 22/05/2008, 09h51

Merci pour ton aide.

Ce fut ma première idée, mais non, ça marche pas.
Mais surtout, j'ai pas compris ce que ça prends précisément. Pour donner un peu d'exemple :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
 
<div id="divprog" style="position:absolute;background-image:url('/Images/blank.gif');background-repeat:repeat;top:0px;left:0px;width:100%;height:100%;border:solid 1px Red;">
<img src="../../Images/loading.gif" alt="Veuillez patienter s'il vous plait" />
</div>

Avec ce code là il y a un cadre rouge plus long que l'image sur la droite, mais de la même taille en hauteur et il ne va pas au bout de la page, ni dans un sens, ni dans l'autre.
Donc, je ne comprends pas ce qu'il prends en compte avec le 100%.

Une autre idée, peut être ?

**franculo_caoulene** · 22/05/2008, 10h04

http://www.developpez.net/forums/sho...d.php?t=346025

**zooffy** · 22/05/2008, 10h41

Merci pour ce rappel, mais je ne vois pas bien en quoi cela m'aide dans mon souci ?

**Er3van** · 22/05/2008, 11h01

Ca peut venir de plein de choses différentes, mais avec ce code ça fonctionne :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
 
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
	<style type="text/css">
	* {
		margin : 0 ;
		padding : 0 ;
	}
	body {
		width : 100% ;
		height : 100% ;
	}
 
	</style>
</head>
<body>
<div id="entete">
		<div id="divprog" style="position:absolute;background-image:url('/Images/blank.gif');background-repeat:repeat;top:0px;left:0px;width:100%;height:100%;background-color : #55FFFF">
Veuillez patienter s'il vous plait
</div>
	</div>
</body>
</html>

A mon avis, soit tu n'as pas de Doctype et ton affichage est en mode Quirk, soit tu en as un, mais dans ce cas c'est normal que tu aies un scroll, border est en dehors de la boite, et donc tu as un div de taille 100%+1px.

**zooffy** · 22/05/2008, 11h22

Merci pour ton aide.
J'ai pas tout compris, certainement parce que je suis pas fort en CSS, amis c'est pas trés grave.
Mon DOCTYPE c'est ça

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

et le mode Quirk, ben psf, je sais pas ce que c'est.

Mais bon, l'important c'est que j'ai mis le doigt sur l'origine de mon problème grâce à toi.
En fait, mon DIV prends bien les 100% depuis le départ, mais qu'il est enfermé dans composant AJAX.NET, j'avais pas vu qu'il le prenait lui à 100%, alors que je voulais qu'il prenne la page entière
Et comme le composant AJXA est aussi dans un composant, ben ça s'écarte pas trop. Et je peux pas mettre le DIV au dessus de tout ça, sinon, ça fout en l'air toute la page.

Bref, faut que je trouve un moyen de positionner tout ça.
Le composant AJAX en question est un truc qui permet de faire apparaitre une image animé pour faire patienter l'utilisateur de manière à l'empêcher de cliquer deux fois de suite ce qui génère un plantage global du site (d'où le background-image)

Donc, je pense que je vais boucler ce topic et me retourner vers le forum .NET pour savoir si j'ai pas loupé un détail dans le composant AJAX.

Sauf si quelqu'un ici à une solution miracle ....

le Width total

CSS

Discussions similaires

Partager

Partager