Problème de hauteur de division

Recherche :

Mot : Pseudo : Filtrer
Bas de page
Auteur	Sujet : Problème de hauteur de division

GuiPoM

https://goo.gl/GOjL0N

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

Publicité

Flyman30

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..

GuiPoM

https://goo.gl/GOjL0N

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

merci quand meme

KangOl

Profil : pointeur

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...

GuiPoM

https://goo.gl/GOjL0N

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"

FORUM HardWare.fr

Programmation

HTML/CSS

Problème de hauteur de division

Sujets relatifs
problème de requête	Probleme pour protéger une video avec un .htaccess
Problème avec BBClone	Problème de caractères accentués via PHP
[résolu]Probleme PHP/Mysql bizzarre	probleme de Boucle avec une macro!!!!
Problème order by	Probléme pour éxecuter programme
probleme de headers avec HTTPS	[VB.NET] Problème étrange...Aide svp
Plus de sujets relatifs à : Problème de hauteur de division

Page générée en 0.073 secondes