5568 sujets

Sémantique web et HTML

[resolu]Prolbleme IE et Firefox

Voici ma premiere page en css http://dubcl.free.fr/


Sous IE, la partie centrale du site provoque les ascenseurs du bas alors que sous firefox impeccable.

Pourquoi ce probleme ?

En attente de vos réponses.

Merci à tous d'avance.
Modifié par doomer (27 Apr 2005 - 08:31)
J'ai jamais aimé travailler avec position: absolute;.
Je trouve que le layout fait franchement pas solide.
"you're running into problems"

À main levée, voici une piste de solution.

Le HTML (layout)

<div id="tout">

 <div id="toc"></div>

 <div id="sidebar">
  <div id="recherche"></div>
  <div id="membres"></div>
  <div id="nav"></div>
 </div>

 <div id="corps">
 </div>

 <div id="footer"></div>

</div>


Le CSS

#tout { 
}

#toc { 
   width: 100%; 
}

#sidebar { 
   float: left; 
   width: 150px; 
}

#recherche { 
}

#membres { 
}

#nav { 
}

#corps { 
   margin-left: 150px; 
}

#footer { 
   clear: both; 
}
Administrateur
Stephan a écrit :
J'ai jamais aimé travailler avec position: absolute;.
Je trouve que le layout fait franchement pas solide.
"you're running into problems"

Les float ne sont pas beaucoup mieux en général Smiley smile
http://www.alsacreations.com/blog/index.php?2004/06/04/15-rendez-moi-ma-position-absolue
http://www.alsacreations.com/blog/index.php?2004/08/08/48-les-flottants-font-de-la-magie
http://www.alsacreations.com/blog/index.php?2004/07/14/42-css-quel-positionnement-choisir
Je crois que chacune des techniques à ses avantages. La solution idéale est sûrement un mix des 2 au final, mais tout dépend du rendu voulu.

Perso je suis plutot pour les float, mais il m'arrive d'utiliser le positionement absolu quand c'est necessaire et ça me dépanne bien souvent.
Dans ce billet :
http://www.alsacreations.com/blog/index.php?2004/08/08/48-les-flottants-font-de-la-magie

ElMoustiko a écrit :

Personnelement, je m'en sors très bien avec les flottants, toujours avec quelques soucis dû à IE mais contournable tout de même. Ma méthode utilise une petite bidouille, j'en conviens, mais moi c'est au positionement absolu que je suis allergique ^^ J'ai pourtant essayé le plus serieusement du monde, pour un design (pas pour moi, ce qui renforce le serieux du travail) et incapable de faire quoi que ce soit de correct.


J'ai jamais eu de bonnes expériences avec le positionnement absolu alors je pense que si on veux s'initier au CSS-P (cascading style sheet positionning), mieux vaut pas commencer par là!
J'ai toujours le même probléme de plus je n'arrive pas à intéger un div tout en haut qui contiendra les liens d'accessibilite et qui laissera la place pour un div logo pour inserer un logo et un titre de site.

Et impossible de mettre mon footer tout en bas coller juste au contenu et menu sur toute la largeur.

A l'aide svp cela devient vraiment galere.

le site est http://dubcl.free.fr
Administrateur
Stephan a écrit :

J'ai jamais eu de bonnes expériences avec le positionnement absolu alors je pense que si on veux s'initier au CSS-P (cascading style sheet positionning), mieux vaut pas commencer par là!

Tu n'as jamais eu Smiley cligne
En général, les problèmes viennent uniquement d'une mauvaise compréhension du positionnement absolu provoqué par les logiciels wysiwyg comme Dreamweaver.
Le principal problème du débutant, c'est qu'il croit qu'un absolu se place (toujours) par rapport au coin haut gauche de la page entière.
Sujet clos
Aller à