Redimensionner DIV sous SAFARI
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:
1
2
3
4
|
function start(){
document.getElementById('contenu').style.height = "300px";
} |
Html
Code:
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.
