Bonjour!
Souvent ce problème a été abordé, j'ai de temps en temps aidé des gens pour le meme problème, mais la je comprend pas. Je suis donc entrain de coder ma page html+css, mon footer a toujours été sympa et se mettais en bas de page. Et puis sans trop que je m'en rende compte, il vient se caler en milieu de page, même avec un clear:both.
Je vous laisse le code
- Je précise que seul Firefox me fait ce coup la :s
Merci si vous me filez un coup de main, mon patron va pas tarder et il va se demander ce que j'ai fait pendant 2h ^^ (ben..je cherchais...:p)
<quote>
html, body {
margin: 0;
padding: 0;
border: 0;
height: 100%;
}
body {
background-color: #fff;
color: #444;
font-size: 84%;
font-family: Verdana,"Trebuchet MS", Arial, sans-serif;
}
a {
color: #556379;
text-decoration:none;
border:none;
}
p{
padding:5px;
}
h3{
font-size:15px;
padding:5px;
font-family: trebuchet MS, Arial, sans-serif;
}
h2{
font-size:18px;
padding:5px;
font-family: trebuchet MS, Arial, sans-serif;
}
img{
border:none;
}
#contener {
width: 700px;
margin:0 auto;
border: 1px solid #AACCD5;
padding:15px;
}
#visual {
font-size: 28px;
color: #ffffff;
letter-spacing: -1px;
font-family:helvetica;
background-color:#ececec;
height:180px;
padding-left:8px;
}
.jean{
background-color:red;
margin-left:172px;
margin-top:5px;
}
.titre{
border-left:3px solid #1b5486;
padding:5px;
text-align:right;
width:402px;
float:right;
margin-top:5px;
}
#pack{
clear:both;
margin-top:20px;
}
#pack1, #pack2, #pack3{
width:210px;
float:left;
margin-left:3px;
background-color:#ececec;
margin-right:3px;
padding:5px;
height:620px;
}
#pub{
clear:both;
text-align:center;
padding-top:50px;
height:200px;
}
#callbox{
margin-top:-40px;
padding-left:180px;
}
#foot {
clear: both;
margin-top:10px;
font-size: 12px;
line-height: 1.4em;
background-color: #fff;
background-position: 0 0;
text-align: center;
padding-right: 1em;
padding-left: 1em;
border-bottom: solid 1px #AACCD5;
}
</quote>
<quote>
<html>
<body>
<div id="contener">
<a href="http://www.networkservices.fr/">
<div id="visual">
<img src="logo.jpg" alt="Network Services"/>
<img class="jean" src="jean.jpg" alt="professionnel"/>
</div>
</a>
<div id="content">
<h1 class="titre">
<img src="titrenl.jpg" alt="rentrée"/>
</h1>
<div id="pack">
<div id="pack1">
<a href="/" title="Informatique">
<img src="info.jpg" alt="informatique" /><p>
Votre système informatique est le pilier de votre entreprise:<h3> assurer sa maintenance et son efficacité est donc essentiel pour la bonne santé de vos systèmes de gestion de données.</h4> Network Service vous accompagne dans vos démarche d'<b>équipement</b>, d'<b>installation</b> et de <b>maintenance</b> de votre parc informatique.
<ul><li>Installation</li>
<li>Gestion</li>
<li>Administration</li>
<li>protection</li>
<li>conseils</li>
<li>formation</li></ul>
</br>
</p></a>
</div>
<div id="pack2">
<a href="/Audit-reseau.html" title="Certification et audit réseau">
<img src="reso.jpg" alt="informatique" />
<p>Communiquer est primordial pour la vie d'une entreprise: elle a donc besoin d'<h3>un réseau performant.</h3> Vous assurer la qualité de vos échanges, Network Services propose des solutions <b>simples</b>, basées sur des technologies de pointe utilisant notamment le Gigabit Ethernet pour les groupes de travail, la fibre optique et des solutions WLAN pour <b>offrir le meilleur à votre infrastructure réseau.</b>
Notre expertise comprend l'audit de votre réseau existant à la mise en place et la certification d'un réseau adapté a vos besoin et a votre infrastructure.
</p>
</a>
</div>
<div id="pack3">
<a href="/Audit-reseau.html" title="Certification et audit réseau">
<img src="tel.jpg" alt="informatique" />
<p>Réduire vos coût téléphoniques, vous offrir le meilleur pour vos appel internationaux? Network Services s'engage à vos cotés pour vous <h3>obtenir la qualité au meilleur prix pour vos communication téléphoniques.</h3> Standard téléphoniques, installation, solution de Voix sur IP ou téléphonie classique, Network Service s'est associé avec des grands <b>nom de la téléphonie</b> pour vous offrir les équipements et des offres adaptés à vos besoins.
</p>
</a>
</div>
</div>
<div id="pub">
<h3>Pour une approche plus globale et plus efficace, Network Service structure votre système d'information (informatique, réseau, télécom).</h3>
<img src="schema2.jpg" alt="informatique" />
<h2>
Un système informatique efficace et cohérent!
</h2>
<img src="contacteznous.jpg" alt="informatique" />
<div id="callbox">
Mon numéro:<input type="text" name="num" size="10" id="num" style="display:inline;"/>
<input type="submit" value="Rappelez-moi !" style="display:inline;"/>
</div>
</div>
</div>
<div id="foot">
<img src="footerletter.jpg" alt="Lyon"/>
<p>Network Services Informatique - Copyrights 2003 - 2007</p>
</div>
</div>
</body>
</html>
</quote>
Souvent ce problème a été abordé, j'ai de temps en temps aidé des gens pour le meme problème, mais la je comprend pas. Je suis donc entrain de coder ma page html+css, mon footer a toujours été sympa et se mettais en bas de page. Et puis sans trop que je m'en rende compte, il vient se caler en milieu de page, même avec un clear:both.
Je vous laisse le code
- Je précise que seul Firefox me fait ce coup la :sMerci si vous me filez un coup de main, mon patron va pas tarder et il va se demander ce que j'ai fait pendant 2h ^^ (ben..je cherchais...:p)
<quote>
html, body {
margin: 0;
padding: 0;
border: 0;
height: 100%;
}
body {
background-color: #fff;
color: #444;
font-size: 84%;
font-family: Verdana,"Trebuchet MS", Arial, sans-serif;
}
a {
color: #556379;
text-decoration:none;
border:none;
}
p{
padding:5px;
}
h3{
font-size:15px;
padding:5px;
font-family: trebuchet MS, Arial, sans-serif;
}
h2{
font-size:18px;
padding:5px;
font-family: trebuchet MS, Arial, sans-serif;
}
img{
border:none;
}
#contener {
width: 700px;
margin:0 auto;
border: 1px solid #AACCD5;
padding:15px;
}
#visual {
font-size: 28px;
color: #ffffff;
letter-spacing: -1px;
font-family:helvetica;
background-color:#ececec;
height:180px;
padding-left:8px;
}
.jean{
background-color:red;
margin-left:172px;
margin-top:5px;
}
.titre{
border-left:3px solid #1b5486;
padding:5px;
text-align:right;
width:402px;
float:right;
margin-top:5px;
}
#pack{
clear:both;
margin-top:20px;
}
#pack1, #pack2, #pack3{
width:210px;
float:left;
margin-left:3px;
background-color:#ececec;
margin-right:3px;
padding:5px;
height:620px;
}
#pub{
clear:both;
text-align:center;
padding-top:50px;
height:200px;
}
#callbox{
margin-top:-40px;
padding-left:180px;
}
#foot {
clear: both;
margin-top:10px;
font-size: 12px;
line-height: 1.4em;
background-color: #fff;
background-position: 0 0;
text-align: center;
padding-right: 1em;
padding-left: 1em;
border-bottom: solid 1px #AACCD5;
}
</quote>
<quote>
<html>
<body>
<div id="contener">
<a href="http://www.networkservices.fr/">
<div id="visual">
<img src="logo.jpg" alt="Network Services"/>
<img class="jean" src="jean.jpg" alt="professionnel"/>
</div>
</a>
<div id="content">
<h1 class="titre">
<img src="titrenl.jpg" alt="rentrée"/>
</h1>
<div id="pack">
<div id="pack1">
<a href="/" title="Informatique">
<img src="info.jpg" alt="informatique" /><p>
Votre système informatique est le pilier de votre entreprise:<h3> assurer sa maintenance et son efficacité est donc essentiel pour la bonne santé de vos systèmes de gestion de données.</h4> Network Service vous accompagne dans vos démarche d'<b>équipement</b>, d'<b>installation</b> et de <b>maintenance</b> de votre parc informatique.
<ul><li>Installation</li>
<li>Gestion</li>
<li>Administration</li>
<li>protection</li>
<li>conseils</li>
<li>formation</li></ul>
</br>
</p></a>
</div>
<div id="pack2">
<a href="/Audit-reseau.html" title="Certification et audit réseau">
<img src="reso.jpg" alt="informatique" />
<p>Communiquer est primordial pour la vie d'une entreprise: elle a donc besoin d'<h3>un réseau performant.</h3> Vous assurer la qualité de vos échanges, Network Services propose des solutions <b>simples</b>, basées sur des technologies de pointe utilisant notamment le Gigabit Ethernet pour les groupes de travail, la fibre optique et des solutions WLAN pour <b>offrir le meilleur à votre infrastructure réseau.</b>
Notre expertise comprend l'audit de votre réseau existant à la mise en place et la certification d'un réseau adapté a vos besoin et a votre infrastructure.
</p>
</a>
</div>
<div id="pack3">
<a href="/Audit-reseau.html" title="Certification et audit réseau">
<img src="tel.jpg" alt="informatique" />
<p>Réduire vos coût téléphoniques, vous offrir le meilleur pour vos appel internationaux? Network Services s'engage à vos cotés pour vous <h3>obtenir la qualité au meilleur prix pour vos communication téléphoniques.</h3> Standard téléphoniques, installation, solution de Voix sur IP ou téléphonie classique, Network Service s'est associé avec des grands <b>nom de la téléphonie</b> pour vous offrir les équipements et des offres adaptés à vos besoins.
</p>
</a>
</div>
</div>
<div id="pub">
<h3>Pour une approche plus globale et plus efficace, Network Service structure votre système d'information (informatique, réseau, télécom).</h3>
<img src="schema2.jpg" alt="informatique" />
<h2>
Un système informatique efficace et cohérent!
</h2>
<img src="contacteznous.jpg" alt="informatique" />
<div id="callbox">
Mon numéro:<input type="text" name="num" size="10" id="num" style="display:inline;"/>
<input type="submit" value="Rappelez-moi !" style="display:inline;"/>
</div>
</div>
</div>
<div id="foot">
<img src="footerletter.jpg" alt="Lyon"/>
<p>Network Services Informatique - Copyrights 2003 - 2007</p>
</div>
</div>
</body>
</html>
</quote>
