Conflit entre un DTD et un scroll

**grenoult** · 29/09/2008, 17h43

Bonjour,

J'essaye, dans une page web, de faire un tableau qui possederait une scrollbar pour pouvoir défiler le contenu de façon à garder les entêtes toujours visibles (car il y a beaucoup de lignes).

J'ai donc fait le code suivant :

Code html :

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

1
2
3
4
5
6
7
8
9
10
 
<div name="div1" style=" overflow:'scroll'; width:'100%'; height:'50px';">
<table>
<tr>
<td>
...
</td>
</tr>
</table>
</div>

(les entêtes sont dans un autre <table>)

Cependant cela ne fonctionne pas dans ma page, alors que ça marche très bien dans une petite page de test.

En faisant des tests et en isolant le problème, j'ai remarqué que le fait d'utiliser le doctype suivant :

Code html :

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

1
2
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
        "http://www.w3.org/TR/html4/loose.dtd">

cela ne prend pas en compte mon div, et pas de scrollbar comme prévu.

Je voudrais donc savoir comment arranger ce problème.

Sachant que je travaille sur une grosse application, est-ce que changer le DTD peut être source de conflit ?

Merci

**12monkeys** · 29/09/2008, 18h38

Bonjour

C'est parce que en rajoutant un doctype il faut respecter un minimum de règles.

Tu as mis des guillemets simples sur les valeurs des propriétés, enlève les :

Code :

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

<div name="div1" style=" overflow:'scroll'; width:'100%'; height:'50px';">

à transformer en

Code :

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

<div name="div1" style="overflow:scroll;width:100%;height:50px;">

Chez moi ça fonctionne mieux avec le doctype que tu indiques.

Un peu de lecture : http://xhtml.developpez.com/faq/?pag...octype_utilite

**grenoult** · 30/09/2008, 09h12

Merci

J'avais copié/collé le code d'un tutorial donc forcément fallait bien qu'il y ait un problème

**12monkeys** · 30/09/2008, 17h50

Envoyé par grenoult

Merci

J'avais copié/collé le code d'un tutorial donc forcément fallait bien qu'il y ait un problème

Cela signifie t'il que le problème est résolu ? Alors n'oublie pas de mettre

Conflit entre un DTD et un scroll

HTML

Vue hybride

Discussions similaires

Partager

Partager