Problème de hauteur de division

Marsh Posté le 15-08-2005 à 19:20:46

Bonjour :hello:

j'ai quasiment fini le design de mon petit blog de rien du tout, y a juste un truc qui commence à m'enerver,c 'est la taille de la div header qui est bizarrement beaucoup trop haute.

Voila le code du haut de page :

Code :

<div id="page">
<div id="header">
<span id="logo">
<img id="logo" src="http://guipom.webdynamit.net/wp-content/themes/guipom/images/logo.gif" alt="Logo" width="350" height="350" />
</span>
<span id="headtitle">
<span id="titre">
<h1>
<a href="http://guipom.webdynamit.net">GuiPoM’s corner </a>
</h1>
</span>
<span id="menu">
<p>
<a class="menu" href="http://guipom.webdynamit.net/" title="Accueil du site">
<b>Accueil du site</b>
</a> |
<a class="menu" href="http://guipom.free.fr/public/" title="Accès à mon espace de stockage public">Espace public
</a> |
<a class="menu" href="http://guipom.free.fr/private/" title="Accès à mon espace de stockage privé">Espace privé
</a>
</p>
</span>
<span id="recherche">
<form method="get" id="searchform" action="/index.php">
<div>
<input type="text" value="" name="s" id="s" class="inputform" />
<input type="submit" value=' ? ' class="button" />
</div>
</form>
</span>
</span>
</div>
<hr />

et le css correspondant :

Code :

#header
{
background-color: #73a0c5;
padding: 0;
margin: 0 auto;
width: 100%;
/*height: 210px;*/
text-align: center;
}
#header menu
{
font-size: 1.2em
color: white;
}
#headtitle
{
position: relative;
left: 250px;
bottom: 120px;
}
#logo
{
margin-top: 20px;
width: 200px;
height: 200px;
}
#page
{
background-color: #fff;
border: 1px solid #959596;
text-align: left;
margin: 20px auto;
padding: 0;
width: 92%;
}

si je décommente 210px dans le css header, la ca marche, mais que sous firefox, et donc je me doute qu'il y a quelque chose de plus "grave" la dessous ...

si vous avez un conseil ou une idée pour que la page soit la meme, mais avec la barre "bleue" de la taille de son contenu, merci beaucoup

GuiPoM

ps: le site est visible sur http://guipom.webdynamit.net/, j'espere qu'on a le droit de mettre l'url, si c'est pas le cas je l'enleve sur demande

Reply

Marsh Posté le 15-08-2005 à 19:20:46

Reply

Marsh Posté le 15-08-2005 à 19:43:17

Code :

<span id="logo">
<img id="logo" src="http://guipom.webdynamit.net/wp-content/themes/guipom/images/logo.gif" alt="Logo" width="350" height="350" />
</span>

ça ne viendrait pas de là ton soucis :??: et 350 quoi, pommes scoubidous ?? précise px ou pt, etc..

Reply

Marsh Posté le 15-08-2005 à 22:37:05

par défaut ce sont des pixels, mais meme en rajoutant px, ca ne change rien au problème

merci quand meme

Reply

Marsh Posté le 15-08-2005 à 22:41:04

id's en double, des balises inutiles, des balises block dans des balises inline....

faut revoir le code la...

---------------
Nos estans firs di nosse pitite patreye...

Reply

Marsh Posté le 15-08-2005 à 22:57:31

je viens de m'apercevoir que la génération php se passe pas très très bien, je revois ca et je reposte le code "propre"

Reply

Problème de hauteur de division

Sujets relatifs:

Leave a Replay