Logo GNT
Actualités Tests & Guides Bons Plans
Twitter iPhone pliant OnePlus 11 PS5 Disney+ Orange Livebox Windows 11
Entraide Développement Développement Langage PHP Problème : Un div qui reste plus petit que son contenu !!

Problème : Un div qui reste plus petit que son contenu !!

15 réponses
Avatar
Zouplaz
Bonjour, j'ai div qui refuse de prendre la hauteur de son contenu avec
FF3 (IE = OK)

Voici les règles css

div.app_list { border:1px solid black; background-color:white;
margin:10px 0 0 10px; width:700px; padding:5px; }
div.app_list div.entry { height:auto; clear: both; }
div.app_list div.entry div.datas{ float:left; width:75% }
div.app_list div.entry div.commands { float:left; width:auto; }

Voici le code html

<div class="app_list">

<div class="entry">
<div class="datas">
<b>H098ATRS (ADMIN)</b> : admin nom admin prénom - <a
href="mailto:christophe@bobo.com">christophe@bobo.com</a>
</div>
<div class="commands"></div>
</div>

<div class="entry">
<div class="datas">
<b>H098ATRS (ADMIN)</b> : admin nom admin prénom - <a
href="mailto:christophe@bobo.com">christophe@bobo.com</a>
</div>
<div class="commands"></div>
</div>

<div class="entry">
<div class="datas">
<b>H098ATRS (ADMIN)</b> : admin nom admin prénom - <a
href="mailto:christophe@bobo.com">christophe@bobo.com</a>
</div>
<div class="commands"></div>
</div>

</div>

La hauteur de l'élément app_list est donc incorrect. Je signale que la
page passe la validation w3c.

Header :
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN"
"http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">


Voila, une idée quelqu'un ??

Merci d'avance
Signaler un problème avec ce contenu

10 réponses

Supprimer
Cette action est irreversible, confirmez la suppression du commentaire ?
Signaler le commentaire

Veuillez sélectionner un problème

Nudité
Violence
Harcèlement
Fraude
Vente illégale
Discours haineux
Terrorisme
Autre
1 2
Avatar
docanski
Alors que les eleveurs et agriculteurs polluent toujours la Bretagne,
Zouplaz ecrit ce qui suit en ce 17.02.2009 16:59 :
Bonjour, j'ai div qui refuse de prendre la hauteur de son contenu avec
FF3 (IE = OK)



FF3 et Galeon auront le comportement voulu avec :

div.app_list div.entry { height:auto;clear:both; margin-bottom:35px }

Voila, une idée quelqu'un ??



C'est la seule qui me vient à l'esprit. Elle paraît empirique ... mais
elle est efficace.

Cordialement,
--
docanski

Portail et annuaire du nord-Bretagne : http://armorance.free.fr/
Guide des champignons d'Europe : http://mycorance.free.fr/
La vallée de la Rance maritime : http://valderance.free.fr/
Les côtes du nord de la Bretagne : http://docarmor.free.fr/
Avatar
Pierre Goiffon
Zouplaz wrote:
Bonjour, j'ai div qui refuse de prendre la hauteur de son contenu avec
FF3 (IE = OK)



Pourriez-vous plutôt poster une URL ? C'est beaucoup plus facile à
diagnostiquer...


Header :
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN"
"http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">



Rassurez-moi, vous ne servez pas ce XHTML 1.1 en text/html ?
Avatar
Zouplaz
le 17/02/2009 18:24, Pierre Goiffon nous a dit:
Zouplaz wrote:
Bonjour, j'ai div qui refuse de prendre la hauteur de son contenu avec
FF3 (IE = OK)



Pourriez-vous plutôt poster une URL ? C'est beaucoup plus facile à
diagnostiquer...


Header :
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN"
"http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">



Rassurez-moi, vous ne servez pas ce XHTML 1.1 en text/html ?



Merci pour votre réponse, ainsi que celle de docanski... Je ne pouvais
pas poster d'url, c'est sur un réseau interne. Par contre, c'est vrai
que ce doctype était une connerie - J'ai basculé sur dur 1.0
transitionnal et tout est ok maintenant. Merci de m'avoir mis sur la piste.
Avatar
docanski
Alors que les eleveurs et agriculteurs polluent toujours la Bretagne,
Zouplaz ecrit ce qui suit en ce 26.02.2009 12:32 :

Merci pour votre réponse, ainsi que celle de docanski... Je ne pouvais
pas poster d'url, c'est sur un réseau interne. Par contre, c'est vrai
que ce doctype était une connerie - J'ai basculé sur dur 1.0
transitionnal et tout est ok maintenant. Merci de m'avoir mis sur la piste.



C'est dommage de placer un doctype XHTML si c'est pour faire du
transitionnal. Ce n'est plus "dur" du tout, dans ces conditions ;-)

Cordialement,
--
docanski

Portail et annuaire du nord-Bretagne : http://armorance.free.fr/
Guide des champignons d'Europe : http://mycorance.free.fr/
La vallée de la Rance maritime : http://valderance.free.fr/
Les côtes du nord de la Bretagne : http://docarmor.free.fr/
Avatar
Zouplaz
le 26/02/2009 13:13, docanski nous a dit:


C'est dommage de placer un doctype XHTML si c'est pour faire du
transitionnal. Ce n'est plus "dur" du tout, dans ces conditions ;-)




Je viens de lire cet article édifiant :
http://www.thewebsqueeze.com/web-design-articles/choosing-the-best-doctype-for-your-website.html

C'est sans doute de ça dont tu parles ? Je crois que je vais me mettre
au HTML strict...
Avatar
Patrick Mevzek
Le Wed, 04 Mar 2009 10:10:51 +0100, Zouplaz a écrit:
C'est dommage de placer un doctype XHTML si c'est pour faire du
transitionnal. Ce n'est plus "dur" du tout, dans ces conditions ;-)



Je viens de lire cet article édifiant :
http://www.thewebsqueeze.com/web-design-articles/choosing-the-best-doctype-for-your-website.html



Edifiant car il dit de ne pas faire du XHTML alors que ...
la page en question est elle-même en doctype xhtml :-) ?
(et elle ne valide pas, 35 erreurs !)

Sinon j'aime bien le début :
Deciding between HTML and XHTML is not as straightforward.
This is much more of a personal preference, with no clearly wrong answer.

Ca se gate après, par exemple :
"XHTML produces cleaner code"

No it doesn't.

et 2 lignes après :
There are only two respects in which XHTML code is "cleaner":


M'enfin bon le sujet a déjà été débattu et le document de Pierre Goiffon en français
dit les mêmes choses (avec les mêmes parti-pris :-)) mais a l'avantage d'être en français.


--
Patrick Mevzek . . . . . . . . . . . . . . Dot and Co
<http://www.dotandco.net/> <http://www.dotandco.com/>
<http://www.dotandco.net/ressources/icann_registrars/prices>
<http://icann-registrars-life.dotandco.net/>
Avatar
Pierre Goiffon
Zouplaz wrote:
C'est dommage de placer un doctype XHTML si c'est pour faire du
transitionnal. Ce n'est plus "dur" du tout, dans ces conditions ;-)



Je viens de lire cet article édifiant :
http://www.thewebsqueeze.com/web-design-articles/choosing-the-best-doctype-for-your-website.html



Intéressant article, cela me donne des idées pour reformuler le mien !
En particulier, lister ce que peut apporter XHTML dans un environnement
Web (quelque soit le terme choisit, comme nous l'avions discuté avec
Patrick - cf <499ed455$0$4846$ - je considère
qu'il s'agit de contraintes uniquement et pas d'apport, et oui ces
contraintes peuvent être recherchées par le concepteur).
C'est le paragraphe "XHTML produce cleaner code" qui m'y fait penser, et
je regrette qu'il soit un peu mal formulé à mon sens (l'obligation d'un
document bien formé sinon plantage du navigateur n'est pas valable en
environnement Web).

Merci d'avoir communiqué l'URL !
Avatar
Patrick Mevzek
Le Wed, 04 Mar 2009 19:09:36 +0100, Pierre Goiffon a écrit:
(l'obligation d'un
document bien formé sinon plantage du navigateur n'est pas valable en
environnement Web).



Clairement, il va falloir que vous expliquiez ce que «environnement Web»
veut dire pour vous parce que si un navigateur n'est pas un environnement
web selon vous, j'avoue perdre mon latin et ne plus rien comprendre...

--
Patrick Mevzek . . . . . . . . . . . . . . Dot and Co
<http://www.dotandco.net/> <http://www.dotandco.com/>
<http://www.dotandco.net/ressources/icann_registrars/prices>
<http://icann-registrars-life.dotandco.net/>
Avatar
Patrick Mevzek
Le Wed, 04 Mar 2009 20:13:34 +0100, Zouplaz a écrit:
Clairement, il va falloir que vous expliquiez ce que «environnement
Web» veut dire pour vous parce que si un navigateur n'est pas un
environnement web selon vous, j'avoue perdre mon latin et ne plus rien
comprendre...



Environnement hétérogène et bordélique - Contrairement à l'environnement
intranet, maîtrisé, homogène avec la version voulue du soft voulu qui
permettra au guichetier de guicheter ?



Et quand on développe un site on peut pas d'abord le tester en interne et
en local (y compris dans le cadre de plusieurs environnements, OS,
navigateurs) pour profiter des erreurs de parsing très voyantes (entre
autres), et après seulement après le rendre public ?

--
Patrick Mevzek . . . . . . . . . . . . . . Dot and Co
<http://www.dotandco.net/> <http://www.dotandco.com/>
<http://www.dotandco.net/ressources/icann_registrars/prices>
<http://icann-registrars-life.dotandco.net/>
Avatar
Patrick Mevzek
Le Thu, 05 Mar 2009 12:09:28 +0100, Pierre Goiffon a écrit:
Clairement, il va falloir que vous expliquiez ce que «environnement
Web» veut dire pour vous parce que si un navigateur n'est pas un
environnement web selon vous, j'avoue perdre mon latin et ne plus rien
comprendre...



Je suis très surpris de votre demande de précisions ! Un site qui n'est
pas utilisable sous MSIE (pages servies en application/xml+xhtml par
exemple) ne peut être utilisé que dans un intranet ou cas très
particuliers. Si l'on veut "faire du web" on n'impose pas de telles
pré-requis, on essaie d'ouvrir son site au plus large éventail de
navigateurs.



Rien n'empêche d'être flexible, de détecter MSIE, et de lui renvoyer text/
html puisqu'il est incapable de faire autre chose. Et de renvoyer le bon
type MIME à tous les autres navigateurs, davantage standard.

--
Patrick Mevzek . . . . . . . . . . . . . . Dot and Co
<http://www.dotandco.net/> <http://www.dotandco.com/>
<http://www.dotandco.net/ressources/icann_registrars/prices>
<http://icann-registrars-life.dotandco.net/>
1 2