Un voisin m'a demandé de faire, lui mettre une page d'accueil. Je me suis décidé pour Wordpress, car je suis assez bien pour gérer sait déjà et, dans la mesure où j'ai le mieux ce que universel. Maintenant, j'ai eu jusqu'à présent modèles prêts à utiliser et vraiment rare que des modifications apportées.

Étant donné que mon voisin ont leur propre conception voulu fallait donc un modèle entièrement nouveau ou existant qui entièrement modifiée. Je me suis donc décidé pour un existant, et je me immédiatement au travail. Étant donné que je suis à 99999% non pas Internet Explorer (il en va de même pour Windows), le mal est venu rapidement réveil La page qui étions et aussi avec des images et des textes remplis. Tout était super, et a également parfaitement. Puis, mon voisin m'a appelé et a dit, serait-il pas les boutons aller dans l'en-tête, ni de la page dans une certaine forme de manière reconnaissable. J'ai été effrayé visible, quand je me suis moi-même convaincu d'articles.

Certes, IE est la faute à beaucoup de problèmes, parce que Microsoft, comme autant de fois que simplement schludert en matière de développement de logiciels et sur le quasi-monopole par les normalisateurs repose, mais beaucoup ont aussi l'erreur de ma part!

Aussi pour que l'on sait de quoi je parle: American-parts.de

Commençons par le positionnement d'.

J'ai décidé de faire les choses dans la Stylesheet.css de ces éléments sur la page de placer. Également pour le positionnement sur la page pour obtenir la mi-je tout imbriqué dans <div>.

(# alignme
margin-left: 10%;
border: 0;
)

Ensuite, j'ai construit la barre (le grand texte) un:

(# barre de tête
padding-top; 15px;
width: 777px;
margin-left: 0px;
)

Alors je suis allé au fait d'ordonner les éléments:

(# button_cars
width: 126px;
height: 64PX;
margin-left: 179px;
margin-top: -64PX;
)

(et ainsi de suite ....)

Mon premier était une grande erreur que j'ai travaillé avec des valeurs négatives a eu!

Ensuite, j'ai alors header.php dans les différentes pages de boutons sur les liens:

<div id="alignme">
<div id="button_cars">
<a href="?page_id=3">
<img src = "<? php blog info ( 'template_url');?> / images / button_cars.jpg" alt = "Cars" border = "0" />
</ a>
</ div>
</ div>

Voici donc déjà beaucoup de beaucoup d'erreurs. C'est ici le chemin, puis je l'ai résolu:

(# barre de tête
background: url ( 'images / banner.jpg') no-repeat top center;
padding-top: 15px;
height: 64PX;
width: 777px;
position: absolute;
left: 95PX;
top: 1px;
)

(# button_cars
background: url ( 'images / button_cars.jpg') no-repeat top center;
width: 126px;
height: 64PX;
position: absolute;
left: 274px;
top: 77px;
)

1. On peut déjà identifier quelques différences.
2. Le chargement de l'img est du à la css php verfrachtet
3. Le positionnement n'est plus négatif
4. Il n'y a pas plus de marge de
5. Le positionnement aura lieu uniquement sur la gauche et de haut lieu de

Regardons maintenant le code, dans lequel les éléments de la header.php ont été inclus:

<div id="button_parts" onclick="location.href='?page_id=270';" style="cursor: pointer;"> </ div>

Comme nous l'avons ici est aisément reconnaissable, le code peut être lu beaucoup mieux. En outre, on peut ainsi à tout moment de la CSS "libération" du code de la page proprement dite et encore adapter. Google se réjouit également de moteur de recherche.

Mais ce qui est plus important, MAIS BEAUCOUP! Par ce type de positionnement a pu enfin de l'Internet Explorer, les boutons de les identifier, ce qui auparavant n'était pas le cas!

C'est-à-dire dans la mesure où tout est alors très bonne et l'en-tête où il était là et il devrait être fait aussi ce qu'il doit faire. Malheureusement, je ne le sais pas du container # # content et réclament. Il était toujours le chaos J'ai expérimenté en permanence autour du moins jusqu'à ce que j'aie pu localiser l'erreur. Maintenant, j'ai eu une approche, mais: il Lief sur l'IE et Firefox Safari voulait pas plus, et inversement aussi. En fait, la page était terminée et tout était parfait, mais toujours uniquement pour un navigateur à l'heure actuelle:

Fonctionne parfaitement dans le FF et Safari mais pas dans IE:

# content (
width: 525px;
margin-top: 0px;
margin-bottom: 20px;
margin-left: 200px;
margin-right: 0px;
position: relative;
padding: 5px 25px 15px 25px;
border-right: 1px solid # cccccc;
border-left: 1px solid # cccccc;
min-height: 660px;
)

Fonctionne parfaitement dans IE, mais pas dans Safari et dans FF:

# content (
width: 525px;
position: relative;
top: 0px;
bottom: 20px;
left: 0px;
right: 0px;
padding: 5px 25px 15px 25px;
border-right: 1px solid # cccccc;
border-left: 1px solid # cccccc;
min-height: 660px;
)

Que faire maintenant? Mais j'ai eu tout en main dans la mesure où Google a de nombreuses idées avec moi sur le chemin, et je n'ai heures passées à consulter ici l'endroit idéal pour trouver le moyen de pouvoir, de piratage et rumexperimentieren a parlé ici de très difficile, parce que ce qui a été dit ... Alors j'ai trouvé un message intéressant et LES Solution.

2 Pourquoi ne pas simplement utiliser différents Stylesheet.css. J'ai donc une stylesheet_ie.css Créé et le contenu de la feuille de style original. Seul le bloc, je les ai aussi montré précédemment, j'ai changé depuis.

Mais maintenant, j'ai encore de la header.php indiquer quand elle qui. Css devrait charger. C'est ce que j'ai alors résolu de façon suivante:

<! [if! IE]>
<link rel = "stylesheet" href = "<? php blog info ( 'stylesheet_url');?>" type = "text / css" media = "screen" />
<! [endif]>
<! [if IE]>
<link rel="stylesheet" href="stylesheet_ie.css" type="text/css" media="screen" />
<! [endif]>

Si le navigateur comme Internet Explorer (IE) est détectée, puis il les autres spéciales. Css charger, sinon, il doit toujours prendre la normale.

C'est tout. J'espère que je suis avec d'autres cette contribution a permis de recherche d'aide.

Stay tuned