le Width total

Version imprimable

21/05/2008, 11h44
zooffy

le Width total

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 ?
22/05/2008, 09h09
zooffy

Bonjour

Personne ne sait ou c'est impossible à faire ?
22/05/2008, 09h14
franculo_caoulene

Salut,

Bon ben je me lance :

Code:

.maclasse {width:100%;}

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:

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 ?

22/05/2008, 10h04
franculo_caoulene

http://www.developpez.net/forums/sho...d.php?t=346025
22/05/2008, 10h41
zooffy

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

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

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.

22/05/2008, 11h22
zooffy

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:

<!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 ....