Menu vertical

Bonjours à vous!
Je suis débutante en css et j'ai comme livre de chevet "css 2, pratique du design web"!! Je travail fort pour me défaire de mon ignorance en css !! Je suis présentement entrain de monter un site qui contient 3 colonnes... Bon bon jvais me faire taper sur les doigts car j'ai monté la base en tableau... enfin... dans la première colonne, j'essai de placer le menu, avec firefox tout marche mais dans IE il est beaucoup plus à droite. J'ai fait une recherche avant de poster mais elle fut infructueuse ou peut-être mal mené... voici mon code dans mon index:

[#green]
<table width="100%" border="0" cellspacing="0" cellpadding="0">
  <tr>
    <td align="center">
	<table width="887" border="0" cellspacing="0" cellpadding="0">
  		<tr>
    		<td id="block1" width="266" height="832">
			<ul id="menu">
			<li><a href="promotion.html" class="link">PROMOTION DU MOIS</a> </li>
			<li><a href="fiches.html" class="link">FICHES CONSEILS </a></li>
			<li><a href="questions.html" class="link">QUESTIONS</a></li>
			<li><a href="informations.html" class="link">INFORMATIONS</a></li>
			<li><a href="messages.html" class="link">MESSAGES ET AVIS</a> </li>
			<li><a href="telquel.html" class="link">TEL QUEL</a> </li>
			<li><a href="contact.html" class="link">CONTACT</a></li>
			<li><a href="ecrire.html" class="link">&Eacute;CRIVEZ-NOUS</a></li>
			<li><a href="carte.html" class="link">CARTE ROUTI&Egrave;RE</a> </li>
			<li><a href="english.html" class="link">ENGLISH </a></li>
			</ul>
			</td>
[/#]

et dans ma feuille de style:

[#]
#menu {
	position: relative;
	width:130px;
	height: 1%;
	clear: both;
}
ul, li {
    margin:0;
	padding: 0;
	list-style-type: none;

	}
ul{
    position: absolute;
	left: 57px;
	top: 239px;
	width:130px;
	text-align: left;

	}
li {
  display:inline;
	}
	
li a {
  display:block;
  width:130px;
  text-decoration: none;
  font-family: Geneva, Arial, Helvetica, sans-serif;
  font-size: 8pt;
  color: #666666;
	}
li a:link {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 8pt;
	text-decoration: none;
}
li a:visited {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 8pt;
	color: #666666;
	text-decoration: none;
}

[/#]

Je vous remercit d'avance.. et désolé si je répète une question encore et encore posé!!

bonsoir,

ul{
    position: absolute;
	left: 57px;
	top: 239px;
	width:130px;
	text-align: left;
	}

li {
  display:inline;
	}

cette portion de css va a l'encontre de l'effet que tu recherche.

laisser les li en display:block; par defaut pour qu'elles s'empilent, le position:absolute; pour ul ne semble pas justifier et les coordonnées de positionnement differentes entre IE et ff sont probablement du a des marges par defaut differentes sur body et html ...

Quand on commence a tourné en rond , il vaut mieux reprendre les portions de css a zero ! et retenter une approche simple , les marges a zero pour une liste aident bien , une couleur de fond bien "petante" pour localiser visuellement la balise, ensuite les tailles , puis le reste ( pas sur que ça aide ça ) etapes par etapes , en gardant sous le coude ce qui marche !

++

Bonjour à tous!
J'ai tout refait le code de ma page à partir d'un tutoriels d'alsacreations. tout semble fonctionner sauf sous IE il décale vers la droite ma colonne de droite.
je vous laisse un lien afin que vous puissiez voir le résultat et avoir accès au code. Comment puis-je régler le problème??

www.kre.ca/dos
Modifié par 3dt (25 Oct 2006 - 17:34)

Coucou !

Perso je ne vois pas de différence entre IE 6 et FF concernant ta colonne de droite ...
Par contre, sur IE ton flash est calée directement sur le bord de ton texte...
Modifié par Cygnus (25 Oct 2006 - 18:56)