Bonjour à tous,
Je connais Alsacreations depuis un bon moment mais je n'était jamais venu sur le forum.
J'aimerai savoir si quelqu'un peut m'aider.
J'essaye de passer mon thème en XHTML/CSS (sans tables) et je viens de terminer mon header.
J'ai neanmoins encore quelques problèmes d'affichage sous IE (marche très bien sous Firefox) et malgré mais recherche sur internet, je n'arrive pas à trouver ce qui ne vas pas.
Vous pouvez voir mon header ici:
http://www.maxdevfrance.com/
Il n'est que sur la page d'accueil pour le moment, une fois que celle ci sera "parfaite" je mettrai mes autres pages à jour (qui utilisent encore des tables).
Voici le css du header:
désolé c'est un peu long lol!
C'est mon premier essai en xhtml/css donc si vous voyez également d'autres manière d'optimiser ce code n'hésitez pas
.
J'ai essayé au début d'utiliser float mais sans succès malgré l'aide des templates fournies ici par Raphael.
Merci bien!
Seb
Je connais Alsacreations depuis un bon moment mais je n'était jamais venu sur le forum.
J'aimerai savoir si quelqu'un peut m'aider.
J'essaye de passer mon thème en XHTML/CSS (sans tables) et je viens de terminer mon header.
J'ai neanmoins encore quelques problèmes d'affichage sous IE (marche très bien sous Firefox) et malgré mais recherche sur internet, je n'arrive pas à trouver ce qui ne vas pas.
Vous pouvez voir mon header ici:
http://www.maxdevfrance.com/
Il n'est que sur la page d'accueil pour le moment, une fois que celle ci sera "parfaite" je mettrai mes autres pages à jour (qui utilisent encore des tables).
Voici le css du header:
#mdf_header {
position:absolute;
left:0px;
top:0px;
width:100%;
height:309px;
}
#mainborder-tl_ {
position:absolute;
left:0px;
top:0px;
width:59px;
height:48px;
}
#mainborder-t_ {
position:absolute;
left:59px;
top:0px;
width:308px;
height:48px;
background-image: url(../images/mainborder_t.png);
background-repeat: repeat-x;
}
#header-bckg_ {
position:static;
left:367px;
top:0px;
width:100%px;
height:233px;
background-image: url(../images/header_bckg.png);
background-repeat: repeat-x;
}
#navigblock-l_ {
position:absolute;
right:260px;
top:0px;
width:9px;
height:233px;
}
#navigblock-title_ {
position:absolute;
right:75px;
top:0px;
width:185px;
height:26px;
}
#navigblock-r_ {
position:absolute;
right:59px;
top:0px;
width:16px;
height:233px;
}
#mainborder-tr_ {
position:absolute;
right: 0px;
top:0px;
width:59px;
height:48px;
}
#menu-accueil_ {
position:absolute;
right:75px;
top:26px;
width:185px;
height:40px;
}
#mainborder-header-l_ {
position:absolute;
left:0px;
top:48px;
width:59px;
height:185px;
}
#logo_ {
position:absolute;
left:59px;
top:48px;
width:308px;
height:185px;
}
#mainborder-header-r_ {
position:absolute;
right: 0px;
top:48px;
width:59px;
height:185px;
}
#menu-docs_ {
position:absolute;
right:75px;
top:66px;
width:185px;
height:40px;
}
#menu-forums_ {
position:absolute;
right:75px;
top:106px;
width:185px;
height:40px;
}
#menu-telechargement_ {
position:absolute;
right:75px;
top:146px;
width:185px;
height:40px;
}
#menu-liens_ {
position:absolute;
right:75px;
top:186px;
width:185px;
height:40px;
}
#navigblock-menu_ {
position:absolute;
right:75px;
top:226px;
width:185px;
height:7px;
background-color:#FF6600;
}
#mainborder-barre-l_ {
position:absolute;
left:0px;
top:233px;
width:59px;
height:76px;
}
#barre-bckg_ {
position: static;
left:59px;
top:233px;
width:100%px;
height:76px;
background-image: url(../images/barre_bckg.png);
background-repeat: repeat-x;
}
#mainborder-barre-r_ {
position:absolute;
right:0px;
top:233px;
width:59px;
height:76px;
}
désolé c'est un peu long lol!
C'est mon premier essai en xhtml/css donc si vous voyez également d'autres manière d'optimiser ce code n'hésitez pas

J'ai essayé au début d'utiliser float mais sans succès malgré l'aide des templates fournies ici par Raphael.
Merci bien!
Seb