28173 sujets

CSS et mise en forme, CSS3

Bonjour ,

Monte site est compatible sous tout les OS ( safari , IE , firefox, konqueror etc )

Le probleme est que sous tout les windows [ 5.0 / 5.5 / 6 / 7 ] mon menu est completement decalé .

Je pense avoir recour a une stylesheet spécial pour 6 et 7 .

Que pensez vous ?

www.StartBox.fr
Salut

Totalement rien a voir mais tu code bizarrement

Vu que tu enlève tous les margin des balises ul,p etc... tu rajoute des br partout

Exemple :


<p>Start<span class="orange">Box</span> est une solution simple pour démarrer votre communication. Elle vous propose tous les éléments necessaire au developpement de votre entreprise. Elle concerne essentiellement les petites entreprises , les sociétés en developpement, ou encore les créateurs d'entreprise. </p>
    	<br><a href="startbox.htm"><img src="images/bt/infos.jpg" alt="StartBox informations" title="Plus d'informations"></a>


Totalement byzar puisque tu ferme la balise <p> pour y mettre un <br> derrière. si tu n'avais pas enlevé tous les margin des balises tu n'aurais pas à faire ça...

Sinon : XHTML 1.0 Transitional
Donc pas <br> mais </br>

Voilà désolé d'avoir répondu à coté Smiley cligne
"... A l'inverse vous pouvez très bien concevoir un site Valide XHTML Strict qui n'est pas sémantique pour un sou. Tout simplement parce que les Validateurs ne sont pas des baguettes magiques : ils vérifient si la syntaxe est bonne, si les balises sont propres..."

http://blog.alsacreations.com/2004/06/05/18-xhtml-css-confusions-et-amalgames

Et sinon :

"...Ceci est aussi valable pour les retours à la ligne <br /> et les images <img /> : ces balises doivent obligatoirement se trouver entre deux balises <p></p> !..."
Modérateur
Bonjour,

il n'est pas necessaire d'avoir recours a une feuille de style spéciale Ie (pour le cs du menu décallé).

le conteneur parent applique un text-align:center; (rappel : truc pour simuler un margin:auto qui ne passe pas dans les vielles version de IE ou en mode quirk pour les version compatible avec les standards).

L'enfant positionné en absolue , n'a pas véritablement de dimensions , car extrait du flux, pour les autres élements .

Dans IE , son point gauche va venir se positionner au centre , conformement a sa façon de gerer le text-align:center; (reproduit l'effet d'une balise <center> en fait ).

Pour régler cela , il faut repositionner l'element horizontalement avec un :
left:0;

et pour venir a l'extreme gauche de son parent et pas de la fenêtre , on met le parent en :
position:relative;

Qui devient la reference.

Attention , selon les cas , un enfant positionné visuellement a l'exterieur d'un element en position:relative; peut du coup devenir totalement invisble dans IE.

Le positionement relatif , ne sert pas seulement a decallé un element visuellement , mais il permet aussi de designé une zone comme réference de positionnement ( zone d'affichage et z-index) pour ses enfants avec des effets de cloisonement qui peuvent être aussi visuels.

GC
Je vais essayer , Merci !

Merci pour tes remarques aussi superCanard ... Elle vont m'etre utile
Le probleme lorsque je met ces informations , Sous firefox et meme sous IE , le menu se deplace en haut a gauche ...

J'arrive seulement à placer a gauche mon menu sur tous les navigateur , mais impossible de centrer le tout :]

Car si je centre pour firefox , IE comprend plus rien :]
Modifié par emino (04 Feb 2008 - 23:34)
Modérateur
bonsoir , en allant voir ta page , je vois que le css a pas mal changé .

le text-align:center n'est plus , donc plus besoin de forcer le placement a left:0; pour IE , a mon sens tu as réglé ton probleme initial en connaissance de cause.

La page en ligne ne semble plus souffrir de ton menu decallé a droite dans IE.

gc
En faite , j'ai refait mon code , avec un conditionnement pour tout les IE ,

J'ai toujours le probleme que le menu est " trop decalé a droite " pour une resolution 800*600 et un pe decalé pour 1024*768 ...

Je voudrais qu'il se centre automatiquement suivant la resolution comme j'ai procédé pour les navigateurs compatibles ( firefox , etc )
Merci pour tout ! j'ai trouvé .

C'etait seulement un clear both qu'il manquais dans le menu . cela permet a internet explorer de recadrer le menu par rapport au flux et de supprimer cette interprétation de <center> .

Merci !