Bonjour tout le monde,
Jespère que vous allez pouvoir m'évité de me jetez par la fenêtre (avec mon PC, il l'a bien mérité!)
Je tente de concevoir un site assez simple (html+css), surtout pour des pros du wouaib comme vous, mais je ne m'en sors pas avec les différences de mise en page entre les différents browsers...
Si vous avez une solution générale pour éviter ce problème récurrent, je suis preneur!
Sinon, voici l'exemple de ce qui me perturbe profondément (j'ai essayé de simplifié au minimum, il y a une image, pas très important, et je pense beaucoup de code inutile!):
html:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <title>Document sans nom</title> <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"> <style type="text/css"> _AT_import "styles.css"; </style> </head> <body> <div id="tout"> <div id="header"> <div id="titre">TITRE</div> <div id="logo"> LOGO </div> </div> <div id="menu"> MENU </div> <div id="content">CONTENT</div> <div id="footer"> <div id="pub">PUB</div> <div id="copy">COPY </div> </div> </body> </html>
et le CSS:
/* CSS Document */ ccWeb/styles.css html { margin: 0px; } * {margin:0; padding:0} body { margin: 0px ; padding: 0px 0px 0px 0px; font: 12px Century Gothic; text-align: center; text-decoration: none; } #tout { margin: 0px auto; min-width: 900px; width: 900px; } #header { height: 35px; width: 900px; background: #ffffff; } #logo { text-align: right; width: 900px; height: 112px; } #menu { margin: 0px auto; height: 25px; width: 900px; background: url('images/site/menu.gif') no-repeat; padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px; } #footer { clear: both; position: relative; }
DONC, mon problème existentiel:
Sous IE6 "menu" se place sous "header" en laissant la place de "logo" et "titre" (qui sont en gros 2 images)
Sous FireFox "menu" se place...je ne sais pas trop ou? Mais il ne tien apparemment pas compte des éléments antérieur...
Comment puis-je faire pour placer tous ça au même endroit dans ces 2 navigateurs??
Jespère que quelqu'un me sauvera de ma déprime, même si cela vous parait une question con, merci d'avance!!
Ronan.