28173 sujets

CSS et mise en forme, CSS3

Incompatibilité IE / Firefox ><

Bonjour,

Depuis maintenant 3 ans, je privilégiais les tableaux pour la mise en forme de mes sites web.
Suite à des critiques d'amis, ils m'ont redirigés sur votre site afin que je passe à la mise en forme en CSS.

J'ai suivis votre tutroriel, tout se passais bien.. hélas, sous IE, il y a un bug d'affichage.

Je travail actuellement sur deux page (index.html et style.css).

Pourriez vous regarder mon code et me dire ce que j'ai oublié ?
Car je ne trouve vraiment pas ><

Merci !

Index.html
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Test de design</title>
<link href="style.css" rel="stylesheet" type="text/css" />
</head>

<body>
<div class="all">

<div class="header"></div>
<div class="quotes"></div>
<div class="menu"></div>
<div class="page"></div>

</div>
</body>
</html>


Style.css
body {
font-family: Verdana, Arial;
color: white;
background-color: black;
font-size: 12px;
text-decoration: none;
}

.all {
margin-top: 5px;
margin-bottom: 5px;
background-color: #000000;
color: white;
margin: 0 auto;
width: 720px;
}


.header {
background-image: url('Head.jpg');
width: 720px;
height: 300px;
border: #ff0000 5px solid;
}

.quotes {
margin-top: 4px;
width: 720px;
border: #ff0000 5px solid;
}

.menu {
margin-top: 4px;
float: left;
width: 190px;
border: #ff0000 5px solid;
}

.page {
margin-top: 4px;
margin-left: 204px;
width: 516px;
border: #ff0000 5px solid;
}


Donc en fait, le bloc "page", est bien aligné sur la gauche.. mais se place sous le cadre "menu" et non à coté:/

Merci !
Modifié par Keichi (04 Jul 2006 - 17:32)
sans avoir regarder en detail ton code pour ne pas dire du tout, je dirais que c'est un probleme de largeur et si cela marche sous FF et non sous IE alors look "Three pixel jog"
Je ne douterai plus de toi Smiley lol

Une fois le all agrandi, on retombe sur le bug classique des trois pixels.

Donc ça dépasse, c'est moche... mais ce n'est pas pire que d'utiliser IE !

Merci mister Smiley smile
Sujet clos
Aller à