Deviens folle à cause d'un simple CSS
coucou tt le monde !! :D
je dois faire un menu très simple utilisant du CSS.. et (malheureusement) ce dernier dois être compatible avec Internet explorer ET firefox. :cry:
voici le code très simple de la page :
Code:
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
| <html >
<head>
<style type="text/css">
.left {
float: left;
clear: left;
}
#content {
margin-left: 205px;
margin-top: 10px;
}
</style>
</head>
<body>
<div class="left">
menu item 1<br/>
menu item 2<br/>
menu item 3<br/>
menu item 4<br/>
menu item 5<br/>
menu item 6<br/>
menu item 7<br/>
</div>
<div id="content">
texte d'intro
<table border="1" width="100%">
<tr>
<td >
Titre
</td>
<td >
date
</td>
</tr>
</table>
</div>
</body>
</html> |
On voit tout de suite la différence quand on le lance avec internet explorer, il y a deux problemes :
- Des que je met une table apparait dans la zone div "content", elle apparait systématiquement en dessous du menu de gauche :roll: . Alors que le texte d'intro peut apparaitre au même niveau normalement..
- J'aimerais que la table prenne toute la largeur de l'écran. Seulement si je met un width = "100%", celle ci deborde de l'écran, comme si elle ne prennais pas en compte la largeur déjà utilisée par le menu...
Voila, j'ai vraiment l'impression que ce que j'essaye de faire est basique, et je n'arrive pas a faire ce que je veux avec ce *&%* d'internet explorer!!:evilred:
Si quelqu'un pouvait me donner une solution, pour un des deux problème, ou encore mieux, les deux, j'en serais très interessée !!
a+++,
Camille
