Redimensionner DIV sous SAFARI

**Nicolas94** · 24/06/2010, 12h39

Bonjour,

J'ai le code suivant qui fonctionne sous Firefox et pas sous Safari. (pas tester sous ie). Codé épuré pour une compréhension plus aisée.

Javascript (modifie la hauteur du height)
Dans le vrai script cette hauteur change, je l'ai mise en fixe pour pas surcharger le code.

Code :

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

1
2
3
4
 
function start(){
	document.getElementById('contenu').style.height = "300px";
}

Html

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
 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<script src="js/function.js" type="text/javascript"></script>
<title>title</title>
</head>
<body onload="start();">
<div id="contenu" style="border:1px solid grey;">
	<div style="border:1px solid grey;float:left">div gaug</div>
	<div style="border:1px solid grey;float:left">
		<table style="height:200px;"><tr><td>tableau dans div millieu</td></tr></table>
	</div>
	<div style="border:1px solid grey;float:left">div droite</div>
</div>
</body>
</html>

Il y a un div "contenant" qui contient trois autres div. En fait mon script adaptera via JS la hauteur du Div contenant en fonction de la hauteur du tableau.

Mon code JS fonctionne sous Firefox mais pas Safari.

Merci de votre aide.

Cordialement,
Nico.