[Resolu] Mise en page avec float (firefox= OK / IE= affreux

Voila apres un probleme avec le scrollbar je me suis attaqué a la mise en page
ce que j'ai reussi avec firefox mais apres observation sur ie c'est l'horreur surtout que je vois aps ou j'ai le bleme sachant que c'est sur celui qui respecte les standarts que ca marche ...

Oups le lien --> http://deltacar.free.fr
Modifié le 05 Dec 2004 - 23:00

Bonjour,

Firefox respecte les standards, pas IE.

Ah oui ca part bien en sucette, t'as essayé un modèle ?

Le probleme c'est que aucun modele correspond a ma mise en page

ma mise en page c ca en gros !

Salut, essaye ca..

body {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size: 0.8em;
margin: 0;
padding: 0;
text-align: center;
background-color: #fff;
}

#global {
width: 800px;
height: 698px;
margin-left:auto;
margin-right:auto;
text-align: left;
}

#header {
height: 102px;
width: 800px;
background-image: url('images/header.jpg');
}

#menu {
position:absolute;
height: 51px;
width: 523px;
background-image: url('images/menu.jpg');
margin-left: 277px;
margin-top:0px;
}
#centre{
position:absolute;
height: 356px;
width: 481px;
margin-left:277px;
margin-top:51px;
}
h1 {

width: 481px ;
height: 50px ;
margin: 0 ;
background: url(images/centre_societe.jpg) no-repeat ;
text-align: center ;
}

p {
overflow: auto;
width: 481px ;
height: 306px ;
margin: 0 ;
background: url(images/centre_societe.jpg) no-repeat 0 -50px ;
color: #fff ;
padding-left: 10px;
padding-right:10px;
}

#gauche {
position:absolute;
width: 277px;
height: 596px;
background-image: url('images/gauche.jpg');

}

#droite {
position:absolute;
margin-left: 758px;
margin-top:51px;
width:42px;
height: 356px;
background-image: url('images/droite.jpg');
}

#footer {
position:absolute;
margin-top: 407px;
margin-left: 277px;
height: 189px;
width:523px;
background-image: url('images/footer.jpg');
}

.image {
	text-decoration: none;
	cursor: hand;
	border: thin Aucune #CCCCCC;
}

J'ai souvent ce prob de vouloir positionner seulement qlq éléments en float à l'intérieur d'un autre qui lui est en relative. Donc dans ce cas, com c'est le cas ici, je positionne en absolute.

En espérant que ca marche now..

merci ca marche nickel j'ai 2 questions voire 3 ^^ !

Tu as ajouté que position:absolute; ?

si oui ca fé koi concretement ?

et derniere question pourquoi mon overflow existe tjrs mais ma barre ascenseur a disparu

merci

J'ai ajouté le absolute et les margin-left/top là où ca manquait ou c'était mauvais.
Le absolute positionne de manière générale, vis a vis de toute la page. Par exemple ton bloc centre se trouve à x pixels de ton conteneur général, c'est cette valeur qu'il faut indiquer en margin-top, idem pour le left.

Kijer a écrit :
merci ca marche nickel j'ai 2 questions voire 3 ^^ !

et derniere question pourquoi mon overflow existe tjrs mais ma barre ascenseur a disparu

merci

merci et pour ca ?

Pour la scrollbar j'avais pas vu, j'ai juste testé sous IE en mettant des border, donc si y a un prob à ce niveau c'est peut-être du à un problème de padding et donc aux boxes Microsoft.

J'avais fait ce modèle de page pour un autre membre du forum :
http://www.elmoustikoblog.net/divers/struct_page/

Je crois que c'est la même chose que ce que tu recherches, il ne te reste qu'à appliquer l'overflow.

et toi tu as pas eu besoin de absolute je vois !

sans prendre ton exemple, sur l'exemple de cerebral pour savoir si un jour ca m'arrive comment et ou je dois modifer pour remettre la barre de scrollbar ... car il parle de padding mais d'ou ?
Modifié le 05 Dec 2004 - 21:40

Là

a écrit :
p {

overflow: auto;

width: 481px ;

height: 306px ;

margin: 0 ;

background: url(images/centre_societe.jpg) no-repeat 0 -50px ;

color: #fff ;

padding-left: 10px;

padding-right:10px;

}

merci probleme resolu


ps: de bonnes personnes qui aide et excellent forum , félicitations !!
Modifié le 05 Dec 2004 - 22:46

Kijer a écrit :
merci probleme resolu

Il ne reste plus qu'à éditer ton sujet et de rajouter un tag Résolu dans le titre

ps: tu peux aussi renommer ton sujet avec la nature du problème rencontré, car si on veut par la suite rechercher par le titre on aura pas la nature dudit problème.