18073 sujets

Questions générales et questions de débutants

Problème d'alignement d'images sous IE

Je débute en HTML et en CSS (2 semaines de prog). J'utilisais avant NVU et Fontpage.

Je souhaite aligner une image en haut à gauche et une image en haute à droite.

Sur Firefox 1.0.6. et Netscape 8, ras tout s'affiche normalement, mais sous IE il ne tient pas compte des indications du fichier CSS.

Si dessous le code HTML

[b]EDIT par Felipe: voir 3ème post ci-dessous[/i]

Si dessous le code CSS

[b]EDIT par Felipe: voir 3ème post ci-dessous[/i]

Dans l'attente de vos commentaires, là je sèche... Smiley langue
Modifié par Felipe (05 Aug 2005 - 15:45)
Bonjour et bienvenue Hamtaro Smiley smile

... Et tu débutes aussi sur ce forum... La première chose à faire avant de poster sur un forum est de lire les règles... Celles que tu as acceptées au moment de ton inscription Smiley cligne

Merci de bien vouloir placer ton code dans la balise "Code" prévue à cet effet afin que les échanges restent lisibles Smiley cligne
Donc je recommence.

Je débute en HTML et en CSS (2 semaines de prog). J'utilisais avant NVU et Fontpage.

Je souhaite aligner une image en haut à gauche et une image en haute à droite.

Sur Firefox 1.0.6. et Netscape 8, ras tout s'affiche normalement, mais sous IE il ne tient pas compte des indications du fichier CSS.

Si dessous le code HTML


<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html lang="fr" dir="ltr">

<head>
<link href="essai.css" rel="stylesheet" type="text/css">
<title>essai</title>
</head>

<body>

<div id="head">
<a href="http://www.trionyx.fr"><img src="rsc/logo01.gif" id="logo" alt="Trionyx - Retour à la page d'accueil"/></a>
<img src="rsc/afaq01.gif" id="afaq" alt="AFAQ ISO 9001 version 2000"/>
</div>

<div id="bottom">
</div>

</body>


Si dessous le code CSS



body {
margin-top: 0;
margin-left: 0;
margin-right: 0;
}

#head {
width: 100%;
height: 72px;
background-color: #0000FF;
background-image: url("rsc/background01.gif");
}

#logo {
position: relative;
top: 2px;
left: 2px;
border: none;
}

#afaq {
position: fixed;
top: 8px;
right: 2px;
}


Dans l'attente de vos commentaires, là je sèche... langue
Administrateur
Bonjour et Bienvenu ici,

merci pour cette mise en page plus lisible mais ça n'a pas arrangé celle du 1er post, il aurait nettement mieux valu éditer celui-ci avec le bouton http://forum.alsacreations.com/skins/flashy/p_edit.gif , car la personne qui va ouvrir ce topic va commencer par lire la mauvaise mise en page avant de s'apercevoir que la bonne est en-dessous. J'édite pour cete fois, ce sera fait.

Felipe
Sujet clos
Aller à