Soucis de débordement de certains éléments

bonjour
J'ai construit un site en m'inspirant de l'exemple d'alsacreations (même mise en forme avec conteneur, header, contenu ...).
Mais j'ai un petit problème:
Mon menu et ma bannière, sensés être dans le header, débordent légèrement du conteneur suivant la résolution adoptée et le navigateur (a priori)...

C'est généralement sur Firefox que ca coince.

L'adresse provisoire du site :
www.christophe-tanneau.info

ça coince aussi sur IE 7.
Tu devrais réussir à éviter le débordement avec un overflow dans ton #conteneur.
Je crois qu'il y a beaucoup à lire sur ce site à propos des problèmes débordement.
Je te laisse faire la recherche.

oui j'avais aussi testé sur IE7 et ca fait de meme.
ok merci , je ne sais pas encore ce qu'est un overflow mais je vais tenter de trouver ça

Salut,
aïe aïe aïe, veux-tu virer toutes ces dimensions de tableaux collées par Dreamweaver dans le code sous une DTD stricte, vilain va

et ça, texto en bas en bas de page

<p><br />
    </p>

il y a des dimensions pour ça môssieur

Bon allez, premier tuc susceptible de coller ton truc en vrac, tu as un br dans la partie head de la page

<script language="JavaScript1.2" type="text/javascript" src="Menu/mm_css_menu.js"></script>
	[b]<br />[/b]
	<link href="styles/contenu_img.css" rel="stylesheet" type="text/css" />
	<link href="styles/Menu.css" rel="stylesheet" type="text/css" />
	<link href="styles/Texte.css" rel="stylesheet" type="text/css" />

et les navigateurs "sérieux" pourraient bien en concevoir de l'humeur

Have swing

lol ouais en effet je ne suis pas encore 100% habile avec le code mais on va essayer ... :$

bah non en tout cas le problème ne vient pas de ce que tu m'as cité mon cher virtualgadjo
je ne trouve pas non plus grand chose sur le "overflow" que l'on m'a proposé un peu avant :'(

Re,
dis-donc mon coquin, du coup je viens de jeter un oeil plus attentif à ton code et que vois-je, une DTD strict et des vilains attributs genre table width="100%" et j'en passe. Bon, allez, trois ave et deux pater et ça ira pour cette fois

Allez soyons sérieux un instant, le problème est tout ce quil y a de plus simple, si, si. dans ta feuille de style on voit

#conteneur /* les conteneur est l'espace qui contient l'en-tête, le contenu et le pied de page */
{
	[b]width: 775px[/b] ; /* largeur du conteneur */
	height: inherit ; /* hauteur du conteneur */
	margin: 0 auto ;
	text-align: left ;
	border: 2px solid #EF0A05 ; /* définition du contour du conteneur */
	background: #fff ; /* couleur de fond du conteneur */
	z-index:1;
}

et dans le code, enfin, passons

<div id="header"><img src="images/banniere.jpg" alt="banniere" [b]width="783" [/b]

et ça t'étonne après allez hop, fireworks ou autre photoshop et ensuite, un petit coup de plumeau dans le code
Have swing

hum, sic'est réelement ça, c'est vraiment une erreur de cake, puisque j'étais persuadé avoir harmonisé la largeur du conteneur et de la bannière :x

Mais pourtant je suis toujours étonné que sous IE ca passe correctement, d'autant plus que ma bannière étant un élément de mon conteneur, je ne pensais pas qu'elle passerais par-dessus (à moins que je me suis précipité sur du z-index ...)

Sinon pour revenir au premier pb, je suis super novice en CSS et dans le cadre d'un stage (prolongé) je dois mettre en ligne le site très rapidement. Du coup je mélange les feuilles de styles avec de vieux tableaux tous moches car faute de temps et ayant rencontré tellement de problèmes, je fais des tableaux provisoires, le temps de bosser dessus un peu plus tard ... voila, amen mon père ...

pas étonnant la différence de comportement d'un navigateur à l'autre, chacun a ses petites tolérances, qui étend sans broncher la largeur d'un conteneur pour l'adapter au contenu, qui ne suit pas le contenu (firefox, et oui) en hauteur s'il n'y a pas un élement en dur ou en clear qque chose en fin de contenu, etc, etc, ça fait tout le sel du développement et de l'intégration et ça me rappelle ma jeunesse, NS4 vs IE4...

Le truc à propos de ta DTD c'est que franchement, ne soyons pas snob une DTD transitionnelle le fait aussi bien (sans accepter pour autant les attributs en ligne), voire pourquoi pas une simple DTD html pour sortir du mode quirk de IE. je te dis ça et je suis en pleine intégration pour un client d'un intranet délibérément en mode quirk IE6 !! si, si, c'est dire, je souffre mais à la fois c'est fun et ça ramène sur terre...

Allez mon fils (et dire que quand ce n'est pas virtualgadjo mon pseudo est antechristo ) j'espère que cette histoire d'image t'a sorti d'affaire. En tout cas, c'est fun ici, ça me plait bien

Have swing

Oui en effet.
J'ai déjà trainé sur d'autres forum de webmasters pour trouver solution à mes problèmes. Pourtant, m'étant largement inspiré des tuto d'alsacréations et ayant dévoré l'ouvrage CSS2, je me rend compte que ce forum est idéal pour moi