Problème de débordement ?

**caputchinato** · 03/08/2006, 11h18

Bonjour à tous,

J'ai trouvé un script sympa pour pour faire des onglets en html.
Cependant, l'affichage des onglets plante quand j'enlève

Code :

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

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

de la page et seulement sous IE. Je dois absolument arriver à corriger ce bug d'affichage pour que les onglets s'affichent correctement sous IE et cela sans mettre de doctype (et oui c'est comme ça).
Voici les exemples en images :
Affichage sous IE avec le doctype

voir démo
Affichage sous IE sans le doctype

voir démo

Voici le CSS :

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
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
 
	.dhtmlgoodies_tabPane{
		height:21px;	/* Height of tabs */
		border-bottom:1px solid #919b9c;
	}
	.dhtmlgoodies_aTab{
		border-left:1px solid #919b9c;
		border-right:1px solid #919b9c;
		border-bottom:1px solid #919b9c;
		font-family: Trebuchet MS, Lucida Sans Unicode, Arial, sans-serif;
		padding:5px;		
 
	}
	.dhtmlgoodies_tabPane DIV{
		float:left;
		height:100%;	/* Height of tabs */
		padding-left:3px;
		vertical-align:middle;
		background-repeat:no-repeat;
		background-position:bottom left;
		cursor:pointer;
		position:relative;
		bottom:-1px;
		margin-left:0px;
		margin-right:0px;
	}
	.dhtmlgoodies_tabPane .tabActive{
		background-image:url('../images/tab_left_active.gif');
		margin-left:0px;
		margin-right:0px;	
		z-index:10;	
	}
	.dhtmlgoodies_tabPane .tabInactive{
		background-image:url('../images/tab_left_inactive.gif');
		margin-left:0px;
		margin-right:0px;
		z-index:1;
	}
 
	.dhtmlgoodies_tabPane .inactiveTabOver{
		background-image:url('../images/tab_left_over.gif');
		margin-left:0px;
		margin-right:0px;
	}
	.dhtmlgoodies_tabPane span{
		font-family:arial;
		vertical-align:top;
		font-size:11px;
		padding-left:3px;
		padding-right:3px;		
		line-height:21px;
		float:left;
	}
	.dhtmlgoodies_tabPane .tabActive span{
		padding-bottom:1px;
		line-height:20px;
	}
 
	.dhtmlgoodies_tabPane img{
		float:left;
	}

J'espère que quelqu'un pourra m'éclairer sur les modifications à effectuer dans les CSS afin que l'affichage fonctionne correctement sous IE sans le doctype.
Merci d'avance pour vos réponses.

**fallais** · 03/08/2006, 11h40

Je vois pas pourquoi du devrait enlever le doctype ?

**caputchinato** · 03/08/2006, 11h51

Envoyé par Elwyn

Je vois pas pourquoi du devrait enlever le doctype ?

je sais ce n'est pas bien
mais la page dans laquelle devront s'intégrer les onglets est tout sauf conforme aux standards et si je mets le doctype l'affichage plante... voilà pourquoi je dois virer le doctype.
Je précise que je n'ai pas du tout le temps de refaire le retse de l'affichage pour qu'il soit conforme ......
et voilou

Problème de débordement ?

HTML

Vue hybride

Discussions similaires

Partager

Partager