28173 sujets

CSS et mise en forme, CSS3

Problème avec les pourcentages sur IE

Bonjour,
Je suis novice dans dans la programmation et je ne souhaite pas devenir un grand programmateur, mon but est de faire un site à peu près joli pour mon association....
Mon problème est que ce code fonctionne très bien au niveau de la mise en page sur Firefox mais pas du tout sur IE..
MERCI D'AVANCE POUR VOTRE AIDE


<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<title>Photos du tournoi du 9 et 10 juillet 2005</title>
<style type="text/css">
<!--
html, body {
margin:0%;
padding:0%;
font-family: Comic Sans MS;
color: #000000;
}
#arriere {
position: absolute;
left: 0%;
top: 0%;
width : 100%;
height:100%;
}
#arriere table {
position: absolute;
top: 2%;
left: 2%;
width:96%;
}
a:link {
	color: #000000;
	text-decoration: none;
}
a:visited {
	text-decoration: none;
	color: #000000;
}
a:hover {
	text-decoration: none;
	color: #999999;
}
a:active {
	text-decoration: none;
	color: #000000;
}
body,td,th {
	font-size: 110%;
}
-->
</style>
<script language=javascript>
photo = 1
nbphoto = 19
function newSlide(direction) {
if (document.images) {
photo = photo + direction
if (photo < 1) { photo = nbphoto }
if (photo > nbphoto) { photo=1 }
document.slider.src = "images/tour0705/slide" + photo + ".jpg" }
}
</script>
<body>
<div id="arriere">
<table border="0" cellspacing="0" cellpadding="0">
  <tr>
    <td width="10%"><center><a href="javascript:newSlide(-1)"><img alt="image précédente" src="images/tour0705/precedent.jpg" width="90%"></a></center></td>
    <td width="80%"><center><img alt="Photos du tournoi de juillet 2005" src="images/tour0705/slide1.jpg" name=slider width="100%"></center></td>
    <td width="10%"><center><a href="javascript:newSlide(1)"><img alt="image suivante" src="images/tour0705/suivant.jpg" width="90%"></a></center></td>
  </tr>
  <tr>
    <td colspan="3"><div align="center"><a href="tour0705.php">Retour</a></div></td>
    </tr>
</table>
</div>
</body>
</html>

Modifié par Noman02 (02 Feb 2006 - 13:08)
Salut,

non ce que tu indiques n'est pas très clair.

Une question à régler avant tout, ton document a t'il une dtd (declaration de type de document). Si ce n'est pas le cas IE en mode quirck peut gérer de manière un peu déconcertante les pourcentages sur width.

exemple :

div {
margin-left:5%;
width:80%;
}


en mode quirck IE calculera un width de 80% de 95% de l'élément parent (100% - 5%)
Bonjour et bienvenue Noman02 Smiley smile

A la vue de ton post, il emble que tu n'as pas lu les règles du forum

Je t'invite donc à en prendre connaissance et ensuite à modifier ton message en conséquence, c'est à dire en utilisant les balises "code" pour afficher tout ce qui est du code Smiley cligne

Pour modifier ton message, clique sur le bouton "Editer" de ton post.

Merci d'avance ! Smiley smile
Je ne comprends pas toujours ce que je fais.... Smiley confused
J'ai remis mon code en entier pour répondre à ta question !
Mais je pense que la declaration est bien là.
Et j'espère selon les règles du forum Smiley biggrin
Merci
Modifié par Noman02 (01 Feb 2006 - 20:11)
Est ce que tu pourrais décrire le problème ?

Parce que là je ne voie pas trop.

Par contre il manque effectivement une dtd au début de ton code.
Tu peus aller voir ce tutoriel si tu ne sais pas comment faire.
J'ai rajouté la dtd mais ça ne change rien !
En fait la mise en page de ma diapo tient sur une page sur firefox alors qu'elle dépasse largement sur IE.
Merci
Sujet clos
Aller à