Rechercher : dans
Par :

Tableau scroll et CSS

Dernière réponse le 15 avr 2009 à 17:24:52 Bizarre-bizarre, le 15 avr 2009 à 17:14:53 
 Signaler ce message aux modérateurs

Bonjour,

Je veux faire un tableau scrollable avec entête fixe et pied de page fixe.
Le problème vient de l'interaction entre border-collapse et le scroll : Quand on scrolle, les bordures des cases ne bougent pas. Et sans border-collapse, chaque case a sa bordure et il y a un espace entre chaque bordure.
Voilà un exemple concret

<table style="text-align:center;border:solid #ff0000 1px;border-collapse:collapse;">
	<thead>
		<tr>
			<th>colonne 1</th><th>colonne 2</th><th>colonne 3</th><th>colonne 4</th>
		</tr>
	</thead>
	<tbody style="overflow-x:hidden;overflow-y:auto;" height="400px">
	  <tr>
                <!-- ligne à répéter plein de fois pour voir apparaitre le scroll -->
		<td>case 1</td><td>case 2</td><td>case 3</td><td>case 4</td>
	  </tr>
       </tbody>
	<tfoot>
		<tr><td>Voici</td><td>le</td><td>pied</td><td>de page</td></tr>
	</tfoot>
</table>
Configuration: Linux
Firefox 3.0.6

Meilleures réponses pour « Tableau scroll et CSS » dans :
Les CSS pour présenter vos images VoirPour présenter agréablement vos images, vous pouvez intégrer quelques codes supplémentaires dans votre CSS et vous en servir à bon escient. Elles sont bien sur modulables en fonction de la charte graphique de votre site. Utilisation Mettez les codes...
Enlever le soulignement sous les liens en HTML/CSS VoirPar défaut, les liens hypertextes en HTML sont soulignés, un trait de la couleur du lien apparaît en dessous du texte. Il est possible de supprimer ce soulignement à l'aide de la propriété CSS text-decoration:none : Grâce au CSS Grâce au CSS via...
Popup en CSS, sans Javascript VoirVoici comment réaliser une popup d'information en pure CSS, sans Javascript. L'astuce est d'utiliser :hover de manière à utiliser des CSS différents au passage du curseur. Parmis les attributs CSS modifiés, on utilise display:none afin de...
CSS - Les couleurs VoirLes couleurs Le standard CSS propose différentes façons de définir des couleurs : par un nom avec la notation hexadécimale avec la notation décimale Appel d'une couleur par son nom Le langage HTML définit des noms pour un nombre limité de...
Les classes de style (CSS) VoirLes classes et les ID Les classes Il peut s'avérer intéressant d'affecter des styles différents à des mêmes balises. Pour cela les spécifications CSS ont introduit le concept de classe. La définition des classes est aussi simple que celles des...
Feuilles de style - CSS VoirPrésentation des feuilles de style Le concept de feuilles de style est apparu en 1996 avec la publication par le W3C d'une nouvelle recommandation intitulée « Cascading StyleSheets » (feuilles de style en cascade), notée CSS. Le principe des...

1

 Mikey_UFC, le 15 avr 2009 à 17:24:52

Border-spacing:0px au lieu de border-collapse

Répondre à Mikey_UFC
Collection CommentÇaMarche.net