28172 sujets

CSS et mise en forme, CSS3

[resolu]Problème de mise en page avec firefox

Bonjour à tous,

Je suis débutant dans le css

Voici mon problème:

Avec firefox mes Lien ne sont pas dans la partie brune de l'image de l'en-tête


Merci d'avance pour les renseignement


voici le code CSS:


@charset "utf-8";
/* CSS Document */
body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.8em;
	margin: 10px;
	padding: 0;
	background-color:#be5623;
}
#conteneur 
{
	width: 950px;
	margin: 0 auto;
}
#header 
{
	height: 200px;
}

#logo
{
	float:left;
	padding-top:0px;
	padding-left:0px;
}
#coctail
{
	position:relative;
	float:right;
	padding-right:0px;
}
#haut {
	position:relative;
	height: 42px;
	color:#FFFFFF;
}
#centre {
	background-color:#ffc77a;
	min-height:600px;
}

#acceuil
{
	width:900px;
	margin: 0 auto;
	margin-top:25px;
	background-color:#fef2da;
	height:350px;
}

#acceuil img
{
	float:left;
	margin-left:20px;
	margin-top:20px;
}
.paragraphe
{
	float:left;
	margin-left:20px;
	margin-top:20px;
	width:200px;
}
#pied
{
	height: 30px;
	background-color: #641b08;
}

.menuhaut 
{
	list-style-type: none;
	margin-left:0px;
	margin-top:7px;
}

.menuhaut li 
{
	display: inline;
	padding-left:0px;
}
img
{
	border:none;
}


Voici le code html index.php


<body>
<div id="conteneur">
	<div id="header">
        <img id="logo" src="image/titre3.png" />
	</div>
    
	<div id="haut">
		<ul class="menuhaut">
            <li><a href="index.php?page=pages/home"><img src="image/AcceuilLien.png" onmouseout="this.src='image/AcceuilLien.png'" onmouseover="this.src='image/AcceuilLienNeon.png'"/></a></li>
            <li><a href="index.php?page=pages/photo"><img src="image/PhotoLien.png" onmouseout="this.src='image/PhotoLien.png'" onmouseover="this.src='image/PhotoLienNeon.png'"/></a></li>
            <li><a href="index.php?page=pages/event"><img src="image/EventLien.png" onmouseout="this.src='image/EventLien.png'" onmouseover="this.src='image/EventLienNeon.png'"/></a></li>
            <li><a href="index.php?page=pages/livreOr"><img src="image/LivreOrLien.png" onmouseout="this.src='image/LivreOrLien.png'" onmouseover="this.src='image/LivreOrLienNeon.png'"/></a></li>
            <li><a href="index.php?page=pages/acces"><img src="image/AccesLien.png" onmouseout="this.src='image/AccesLien.png'" onmouseover="this.src='image/AccesLienNeon.png'"/></a></li>
            <li><a href="index.php?page=pages/contact"><img src="image/ContactLien.png" onmouseout="this.src='image/ContactLien.png'" onmouseover="this.src='image/ContactLienNeon.png'"/></a></li>
		</ul>
	</div>
    
	<div id="centre">
    	<?php  if($newpage != "") { include($newpage); } ?> 
  	</div>
	  
	<div id="pied">
    	pied de page
    </div>

</div>
</body>


et enfin le code de la page home.php:


<div id="acceuil">
<img src="image/officialHouse.png"/>
    <span class="paragraphe">blablablablablablablablablablabl. etc.</span>
</div>

Modifié par dibla (10 Jun 2008 - 10:30)
Bonjour dibla,

Problème maintes fois évoqué au doux nom évocateur Supercalifragilisticexpialidocious Smiley cligne
Essaies avec ceci par exemple :
<span class="paragraphe"> Du vrai texte, même très long,cela passe tout de même beaucoup mieux que du blabla de 26 kilomètres...non ? on peut même utiliser du <a href="http://fr.lipsum.com/">Faux-texte"></a></span>
</div>


A noter que ton menu a un petit soucis sous Firefox Smiley cligne

Ct,
Sylvain
Merci pour le faux texte je n'y avais pas pensée.

Je sais pour les lien sur ff d'ailleurs c'est la première question a resoudre sur mon post

Malheureusement je c'est vraiment pas par ou commencer pour le résoudre
Modifié par dibla (05 Jun 2008 - 15:37)
dibla a écrit :
Merci pour le faux texte je n'y avais pas pensé.

Pour simplifier, il faut éviter les mots improbables avec 52 lettres par exemple, les navigateurs ont du mal à savoir où il faut faire la césure et d'une manière générale, utiliser du vrai texte (copié/collé d'une encyclopédie par exemple) ou le lorem Smiley cligne

dibla a écrit :
Je sais pour les liens sur ff, d'ailleurs c'est la première question à resoudre sur mon post

Forcément si tu modifies le contenu de ton sujet au cours de l'évolution de ton problème... Smiley rolleyes

dibla a écrit :
Malheureusement je ne sais vraiment pas par où commencer pour le résoudre

Par la FAQ pour commencer... Smiley cligne

@+
merci,

Non j'ai simplement effacer le probleme resolu du texte car j'y avais mis les deux problème

et en etant nouveau sur les forum je savais pas comment faire pour dire que l'un des problème etais resolu.

Alors j'ai pensée a cette solution.

Merci pour tous les renseignement

Amicalement
dibla
Modifié par dibla (05 Jun 2008 - 19:46)
Sujet clos
Aller à