Salut à tous amis webdesigners,
Je bosse sur un nouveau site. D'habitude j'arrive à régler les soucis d'affichage mais cette fois ci je me tape plutôt la tête contre les murs!
Alors je vais essayer d'etre le plus clair possible et de vous montrer un peu le layout que j'ai adopté. A savoir que j'ai tout fait from scratch à la main en CSS et html.
Voilà le layout :
Voir la pièce jointe 36021
Dans mon code l'imbrication donne ça :
Le problème est le suivant : la div "content" au milieu est placée juste sous le header de 300px de haut. Du coup il y a un décalage de 300px au bas du contenu, donc l'image de la barre gauche et droite s'arrête non pas au niveau du footer, mais en plein milieu, là où le contenu est censé s'arreter.
Je ne sais pas comment régler ça dans mon CSS pour que le contenu soit adapté à la hauteur du body.
Un peu d'aide ?
[ à ceux qui veulent voir en vrai avec FireBug ou l'inspecteur d'éléments de Safari je peux donner l'adresse du site en MP, ça serait plus clair ... ]
Merci d'avance.
Je bosse sur un nouveau site. D'habitude j'arrive à régler les soucis d'affichage mais cette fois ci je me tape plutôt la tête contre les murs!
Alors je vais essayer d'etre le plus clair possible et de vous montrer un peu le layout que j'ai adopté. A savoir que j'ai tout fait from scratch à la main en CSS et html.
Voilà le layout :
Voir la pièce jointe 36021
Dans mon code l'imbrication donne ça :
Bloc de code:
<html>
<head></head>
<body id="body" style="" >
<div style="" class="barregauche" ></div>
<div style="" class="barredroite" ></div>
<div style="" id="header" >
mon titre de site
</div> <!-- Header -->
<div id="content" >
mon contenu au milieu ...
</div> <!-- content -->
<div id="footer" >
mon copyright
</div> <!--footer-->
</body>
</html>
Je ne sais pas comment régler ça dans mon CSS pour que le contenu soit adapté à la hauteur du body.
Un peu d'aide ?
[ à ceux qui veulent voir en vrai avec FireBug ou l'inspecteur d'éléments de Safari je peux donner l'adresse du site en MP, ça serait plus clair ... ]
Merci d'avance.