Intégration templates - souci avec IE

[El-Cherubin]

Bonjour,

J'ai un leger souci avec une adaptation de theme pour pluxml.

Je demande de l'aide ici en plus du forum de support du cms car ils sont relativement au point mort pour le moment

Donc sous Mozilla, no prob, mais sous IE, le sous titre (h2) est décalé sur la partie article

Je en saisis pas pourquoi etant donné que je n'ai pas l'impression qu'IE agrandisse la taille des caracteres, ce qui aurait pu peut etre expliquer le decalage.

url : http://www.jerabek.fr/web/test/2

Peut etre que parmi vous quelqu'un aurait une idée...

Merci d'avance

[Sarc]

Bonjour,

Personnellement, voilà ce que j'aurais fait :

#header h1 : rajouter

display:inline;

#header h2 : rajouter

position:relative;
top:65px;
left:40px;

Ca marche sous Firefox, et y'a beaucoup de chance que ça marche aussi avec IE, même si je n'ai pas testé... C'est un code qui lui plairait plus que ton padding de 70px. En fait, IE est plus logique dans le traitement de ta page que Firefox, ça arrive

[El-Cherubin]

Bonjour!

Tout d'abord merci de ton aide

Cependant, soit j'ai mal compris un truc soit ca ne fonctionne pas

voici mon css :

#header {
	width: 830px;
	height: 110px;
	margin: 0 auto;
}

#header h1, #header h2 {
	margin: 0;
	letter-spacing: -0.05em;
	font-weight: normal;
}

#header h1 {
	float: left;
	padding-top: 40px;
	font-size: 4em;
	display:inline;
}

#header h1 a {
	text-decoration: none;
}

#header h2 {
	float: left;
	position: relative;
	top: 65px;
	left: 40px;
	padding: 0 0 0 8px;
	font-size: 2em;
	font-style: italic;
	color: #858585;
}

Et ca fonctionne toujours pas sous IE

[Sarc]

Hum.

A vrai dire, ça m'a l'air bien compliqué pour pas grand chose. La div "header" se charge du placement de tous les autres éléments, donc les deux éléments h1 et h2 n'ont plus qu'à être placés à la suite...

Essaye ça :

#header {
	width: 830px;
	height: 80px;
	margin: 0 auto;
padding:30px 0 0 0
}

#header h1, #header h2 {
	margin: 0;
	letter-spacing: -0.05em;
	font-weight: normal;
}

#header h1 {
	font-size: 4em;
	display:inline;
}

#header h1 a {
	text-decoration: none;
}

#header h2 {
		display:inline;
	font-size: 2em;
	font-style: italic;
	color: #858585;
margin-left:30px;
}

Toujours pas testé sous IE, alors essaye de le mettre en ligne pour voir

[El-Cherubin]

En fait je suis juste trop con....yavait juste le float: left; qui servait a rien...

El-Cherubin >>>

En tout cas je te remercis de ton aide