CONNEXION
  • RetourJeux
    • Sorties
    • Hit Parade
    • Les + populaires
    • Les + attendus
    • Soluces
    • Tous les Jeux
    • Gaming
  • RetourActu Gaming
    • News
    • Astuces
    • Tests
    • Previews
    • Toute l'actu gaming
  • RetourBons plans
    • Bons plans
    • Bons plans Smartphone
    • Bons plans Hardware
    • Bons plans Image et Son
    • Bons plans Amazon
    • Bons plans Cdiscount
    • Bons plans Decathlon
    • Bons plans Fnac
    • Tous les Bons plans
  • RetourJVTech
    • Actus High-Tech
    • Intelligence Artificielle
    • Smartphones
    • Mobilité urbaine
    • Hardware
    • Image et son
    • Tutoriels
    • Tests produits High-Tech
    • Guides d'achat High-Tech
    • JVTech
  • RetourCulture
    • Actus Culture
    • Culture
  • RetourVidéos
    • A la une
    • Gaming Live
    • Vidéos Tests
    • Vidéos Previews
    • Gameplay
    • Trailers
    • Chroniques
    • Replay Web TV
    • Toutes les vidéos
  • RetourForums
    • Hardware PC
    • PS5
    • Switch 2
    • Xbox Series
    • Switch
    • Pokemon pocket
    • FC 25 Ultimate Team
    • League of Legends
    • Tous les Forums
  • PC
  • PS5
  • Xbox Series
  • Switch 2
  • PS4
  • One
  • Switch
  • iOS
  • Android
  • MMO
  • RPG
  • FPS
En ce moment Genshin Impact Valhalla Breath of the wild Animal Crossing GTA 5 Red dead 2
Liste des sujets

[Design - CSS] Problème de décalage

Thunderaan
Thunderaan
Niveau 8
18 avril 2007 à 21:31:58

Bonjour à tous,
Voilà, je suis en train de coder mon site sous Notepad ++, et je rencontre quelques problèmes pour le design :
Sous firefox :
http://pix.nofrag.com/b0/0c/0f0349ca24e1a792bee756228252.html
Sous IE:
http://pix.nofrag.com/fb/b5/e338d04c25cd5b93de6493caf964.html

Et voilà ce que j´aurais voulu :
http://pix.nofrag.com/48/a9/0472dc285c54d58ca8bc5d79bb7d.html

Mon code dans la balise <body> :
<body>
<!---Header-->
<div id="header">
</div>
<br/>
<!---Menu-->
<div id="menu">
Menu principal :<br/>
<a href="?page=index.php"><span>| News</span></a><br/>
<a href="?page=fichesa.php"><span>| Fiches animes</span></a><br/>
<a href="?page=fichesd"><span>| Fiches dramas</span></a><br/>
<a href="?page=fichesj"><span>| Fiches jeux</span></a><br/>
<a href="?page=fichesj"><span>| Forum</span></a><br/>
<a href="?page=fichesj"><span>| Contact</span></a><br/>
<a href="?page=fichesj"><span>| Partenaires</span></a><br/>
</div>
<!---Site-->
<div id="site">
<?php include ´include/centre.php´; ?>
</div>
</body>

Mon Fichier CSS :
body {
background-image:url(images/background.png);
background-repeat:repeat-y;
background-color:#FFFFFF;
font-family:Arial, Helvetica, sans-serif;
font-size:13px;
margin-bottom:0;
color:#333;
width:1000px;
margin-left:auto;
margin-right:auto;
}

  1. header {

background-image:url(images/header.png);
width:960px;
height:100px;
margin:-12px;
}

  1. menu {

background-image:url(images/menu.png);
background-repeat:no-repeat;
width:946px;
float:left;
height:200px;
margin-top:50px;
padding-top:200px;
padding-left:150px;
margin:-12px;
color:#FFFFFF;
}

  1. menu a {

text-decoration:none;
color:#ffffff;
}

  1. menu a:hover {

text-decoration:none;
color:#ffffff;
padding-left:5px;
}

  1. site {

width:600px;
float:left;
padding-top:-200px;
padding-left:600px;
margin:-42px;
color:#000000;
}

Quelques infos complémentaires :
http://pix.nofrag.com/98/3e/7ad1705615aa00c8fa76179d368a.html

Merci d´avance pour vos réponses, résolvant mon problème si possible.
Cordialement,
Thunderaan.

clad98
clad98
Niveau 9
18 avril 2007 à 21:38:33

Peux-tu utiliser un wall

http://www.geneweb.fr/wall.htm et nous donner l´adresse, on voit rien là :/

:merci:

Doberman27
Doberman27
Niveau 10
18 avril 2007 à 21:43:30

Hey salut Thymotep. Ca va ? Je crois qu´il n´y-a que toi sur le forum à cette heure-ci... Tu peux venir y jeter un petit coup d´oeil s´il te plait ? Merci. :)

Thunderaan
Thunderaan
Niveau 8
18 avril 2007 à 21:43:38

Désolé...
Style.css :
http://sekren.org/wall/?id=460185110485107

Doberman27
Doberman27
Niveau 10
18 avril 2007 à 21:44:05

Un petit coup d´oeil sur mon topic parlant des problèmes d´includes. :hum:

deepblue
deepblue
Niveau 16
18 avril 2007 à 22:34:09

Doberman27 > t´es hs non ?
Thunderaan > je pense qu´il faut jouer sur le padding :ok:

Thunderaan
Thunderaan
Niveau 8
18 avril 2007 à 22:44:57

Merci de ta réponse deepblue, j´ai presque résolu mon problème :ok: (J´avais pas vu que le "width" de mon menu était de 946 px...C´est sur que quand on fout 150, ca va un peu mieux^^), mais il reste un tout petit décalage de...1px... sous Internet Explorer ^^
Donc ma dernière question sera :
Peut-on créer une règle CSS uniquement pour Internet Explorer ? (que je puisse effectuer un padding:-1px uniquement pour le navigateur où ca bug...)

Encore une fois, merci d´avance pour vos réponses ;)

deepblue
deepblue
Niveau 16
18 avril 2007 à 22:50:28

Oui, comme ceci
margin:0 0 0 7px !i mportant; // a declarer pour tou sauf ie */
margin:0; /* pour ie uniquement */

Thunderaan
Thunderaan
Niveau 8
19 avril 2007 à 12:54:55

Merci pour ta réponse Deepblue ;)
Mon problème n´existe définitivement plus :ok:

Sous forums
  • Aide à l'achat Mac
  • Internet
  • Macintosh
  • Création de sites web
  • Création de Jeux
  • Linux
  • Programmation
  • Steam Deck
  • Hardware
La vidéo du moment