Mise en page CSS ne fonctionne pas dans IE7 (tous les autres navigateurs sont bien)

Je travaille sur un projet où l'Université a le plein contrôle du code source (Drupal) et tout ce que je peux faire est CSS Overrides dans le domaine thématique. Le problème que j'ai est que l'en-tête ne reste pas où il est censé dans IE7.
IE8 ainsi que Firefox, Chrome et Safari fonctionnent exactement comme prévu.Mise en page CSS ne fonctionne pas dans IE7 (tous les autres navigateurs sont bien)

Voici mon CSS Ignore

#uc-splash div.uc-section, div.splash{width:790px !important; height:184px !important;} 
#uc-navigation div.secondary, #uc-navigation div.secondary a { color: #fff;} 
#uc-navigation .primary, #uc-navigation .secondary {background-color:#14195b !important;} 
#uc-navigation div.secondary, #uc-navigation div.secondary a {color:#fff !important;} 
#uc-navigation div.secondary, #uc-navigation div.secondary a:hover { background-color: #1c6fb7; color:#fff;} 
#uc-content div.secondary a{color: #14195b;} 
#uc-content div.secondary .block h2 { background-color: #14195b; color: #ffffff; } 
#uc-content div.secondary .block{background-color:#e4e8ed;} 
#uc-navigation .secondary{background-color: #14195b!important;}

Et voici la page en question. http://wcmprod2.ucalgary.ca/mha_ipe/

Toute aide ou direction sera grandement appréciée.

Source

2010-03-06 Chase Florell

C'est normal, n'est-ce pas? ;) –

(... se référant au au titre) –

L'image d'en-tête possède, pour une raison quelconque, un attribut CSS qui lui donne une marge de -6px. Ajouter ceci

.logo img { margin-top: 0px !important; }

Et vous devriez être bon.

Source

2010-03-06 01:24:57

parfait, merci. –

Je me souviens d'avoir un problème avec la balise form dans IE7 (montrant le rembourrage et/ou marge)

Essayez d'ajouter ceci à votre CSS ...

forme {margin: 0; padding: 0;}

Hope this helps ... les doigts croisés ... :)

Source

2010-03-06 01:09:11 Chris

Vous devez d'abord inclure une remise à zéro, il neutralise le style par défaut des éléments HTML. Vous donnant plus de contrôle sur beaucoup de navigateurs.

http://developer.yahoo.com/yui/reset/

Source

2010-03-06 01:14:57

Je ne peux pas faire cela parce que je ne peux rien ajouter à l'en-tête de la page. –

par « tête » si vous voulez dire <div id="uc-header" class="uc-section header"> alors le CSS que vous avez montré ici ne dispose pas d'une propriété d'adressage « uc-tête ». vous devez remplacer les propriétés de level-c.css

Source

2010-03-06 01:16:58 pixeltocode

Mise en page CSS ne fonctionne pas dans IE7 (tous les autres navigateurs sont bien)

Répondre

Questions connexes