Bonjour à tous,
Pour une fois bizarement, ce n'est pas avec IE que je n'arrive pas à faire fonctionner mon affaire mais avec Firefox.
Mon problème est simple : je souhaite faire une page centrée horizontalement qui s'agrandit avec la taille du contenu qu'elle supporte. La petite complexité réside dans le fait que ma page est bordée d'une ombre.
Il se trouve qu'après construction, ça marche Nickel sous explorer mais sous Firefox, mon div (#inside) -et donc ma page- ne s'allonge pas.
Après m'être pris la tête dessus pendant des heures, j'ai jetté l'éponge et c'est donc aigri et frustré que je viens quérir un peu de votre précieuse intelligence.
Pour les âmes gentilles qui auront à coeur de m'aider, vous pourrez consulter mes errances ici .
Merci d'avance.
PS: Ci-dessous ma feuille de style pour plus de commodité.
Modifié par SaluCseb (16 Aug 2006 - 11:33)
Pour une fois bizarement, ce n'est pas avec IE que je n'arrive pas à faire fonctionner mon affaire mais avec Firefox.
Mon problème est simple : je souhaite faire une page centrée horizontalement qui s'agrandit avec la taille du contenu qu'elle supporte. La petite complexité réside dans le fait que ma page est bordée d'une ombre.
Il se trouve qu'après construction, ça marche Nickel sous explorer mais sous Firefox, mon div (#inside) -et donc ma page- ne s'allonge pas.
Après m'être pris la tête dessus pendant des heures, j'ai jetté l'éponge et c'est donc aigri et frustré que je viens quérir un peu de votre précieuse intelligence.
Pour les âmes gentilles qui auront à coeur de m'aider, vous pourrez consulter mes errances ici .
Merci d'avance.
PS: Ci-dessous ma feuille de style pour plus de commodité.
body {
font-size: 12px;
color: #061844;
text-align: center;
}
#global {
width: 730px;
margin: 0 auto;
background:url(Images/ombre_08bis.png) repeat-x center top;
}
#imgGauche {
background:url(Images/ombre_12bis.png) repeat-y left top; /* on applique le background et on le repete verticalement*/
height: auto;
margin: 0;
padding: 0;
}
#imgDroite {
background:url(Images/ombre_14bis.png) repeat-y right top; /* on applique le background et on le repete verticalement en le placant à droite*/
height: auto;
margin: 0;
padding: 0;
}
#imgHaut {
/* on applique le background et on le repete horizontalement*/
margin: 0;
padding: 0;
}
#imgBas {
background:url(Images/ombre_18bis.png) repeat-x center bottom; /* on applique le background et on le repete horizontalement en le placant en bas.*/
height: 15px;
width: 730px;
margin: 0;
padding: 0;
}
#coinhg, #coinbg, #coinhd, #coinbd {
display: block;
margin: 0px;
padding: 0px;
width: 15px;
height: 15px;
}
#coinhg, #coinbg {
float: left;
}
#coinhd, #coinbd {
float: right;
}
#inside {
width: 730px;
min-height: 500px;
height: auto;
margin: 0;
padding: 0;
clear: both;
}
#contenu {
font-family: "Trebuchet MS", "Gill Sans", Verdana, Helvetica, Arial, sans-serif;
width: 530px;
height: auto;
padding: 0;
float: left;
text-align: left;
}
#bandeauGche {
font-family: Verdana, Helvetica, Arial, sans-serif;
width: 170px;
height: 500px;
padding-left: 15px;
margin: 0;
float: left;
}
#logo {
}
#baseline {
color: #061844;
text-align: center;
font-size: 0.7em;
height: 22px;
letter-spacing: 0.1em;
text-transform: uppercase;
line-height: 1.2em;
padding-top: 3px;
vertical-align: middle;
border-width: 1px;
border-style: solid none;
border-color: #0C3085;
}
dl, dt, dd, ul, li {
margin: 0;
padding: 0;
list-style-type: none;
}
#menu {
width: 170px;
margin-top: 20px;
}
#menu dt {
cursor: pointer;
line-height: 20px;
text-align: center;
font-weight: bold;
color: #061844;
}
#menu dd {
border: no;
}
#menu li {
text-align: left;
font-size: 0.9em;
line-height: 14px;
border-bottom-width: 1px;
border-bottom-style: solid;
border-bottom-color: #061844;
color: #061844;
margin: 4px 0px 0px 0px;
padding: 0;
}
#menu li a, #menu dt a {
color: #061844;
text-decoration: none;
display: block;
}
#menu li a:hover {
background: #547385;
color: #FFFFFF;
}
.highlight a{
background: #061844 !important;
color: #FFFFFF !important;
}
#menu dt a:hover {
background: #061844;
color: #FFFFFF;
}
Modifié par SaluCseb (16 Aug 2006 - 11:33)
) mais je n'ai pas pris le temps de regarder l'agencement des divs de ta page pour à nouveau les 2 colonnes bien disposées ...
