Problème de positionnement

Recherche :

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

snarky

Une image étant beaucoup plus compréhensible qu'un long blabla, voici donc mon soucis

Comme vous pouvez le voir, sous IE le message est bien positionné contraire a ce que peux afficher firefox. et je n'arrive pas a définir d'ou cela vient. Si je modifier le padding de mon header le texte descend bien sous IE mais dans Firefox il restera a la meme position.

Quelqu'un aurait une solution ou bien une alternative pour resoudre mon problème ?

:hello:

XHTML

Code :

...
<body>
<div id="container">
<p id="prelude"><a href="index.php">Accueil</a> | <a href="index?page=plan">Plan</a> | <a href="index.php?page=contact">Contacts</a></p>
<div id="header">
<h2>Association libre cherche esprits ouverts pour partager différences...</h2>
</div>
<div id="body">
<div id="content">
...

CSS

Code :

...
#container
{
width:780px;
margin:3em auto;
padding:0;
text-align:left;
font-family:Arial, Helvetica, sans-serif;
color:#000000;
font-size:12px;
}
#prelude
{
position:absolute;
width: 780px;
top:2.5em;
right:12em;
text-align:right;
margin:0;
padding:0;
}
#header
{
width:780px;
height:120px;
padding:3em 0 -1em 0;
margin:0;
background-image:url(images/top.png);
background-repeat:no-repeat;
}
#body
{
width:780px;
background-color:#FFFFFF;
background-image:url(images/page.png);
background-repeat:repeat-y;
margin:0;
padding:0;
float:left;
}
#content
{
width:510px;
margin:0 20px 0 20px;
float:left;
}
...

Message édité par snarky le 08-07-2005 à 01:30:31

Publicité

Lund

Regarde sur http://marie.iziblog.net/ ça marche bien et...c'est le même !

Sinon, pour ta solution, tu peux pour l'instant ce qui s'apelle un "hack" avec CSS, du genre

Code :

padding:5px;
_padding:15px;

Internet Explorer prendra en considération le premier padding, mais dira "OH il en a mis deux l'ami" et prendra donc en fin de compte le deuxième padding à 15px. En effet, il zappe carrément le _ placé devant.

Quand à notre ami Firefox, il s'est acheté des lunettes, et lui le lis pas le deuxième, car là il te crie dessus "Mais _padding ça existe pas !!". Il prendra donc en compte le premier padding de 5px.

ça te convient ?

Message édité par Lund le 08-07-2005 à 02:47:58

snarky

ui mais non lol
j'ai juste reprise l'image de fond et du coup sa marche pu :'(
j'ai eu beau regarde de css de dotclear j'arrive tjr pas a comprendre le pourquoi

tu pourrais peut etre m'orienter ?

snarky

c déja une solution :lol:

Lund

Bah ouais, à l'arrache, mais pour l'instant vu que IE ne respecte rien, on en est réduis à ça.

snarky

en même tps pour une fois que IE affiche correctement la phrase, c'est déjà une bonne intention :whistle:

Lund

Il manque pas mal d'éléments dans tes pages là pour t'aider, par exemple ton h2 { } dans CSS. J'ai une horrible écriture en arial géante sur l'écran

snarky

à la base c'est du verdana avec un font-size à 14px

afbilou

pouet your life

Les paddings négatifs n'existent pas

Lund

Si il a pris un DTD-Alarrache je pense que ça peut fonctionner. Mais effectivement, je sais pas si c'est conforme aux normes !

Publicité

snarky

afbilou a écrit :

Les paddings négatifs n'existent pas

corrigé :jap:

snarky

Lund a écrit :

Si il a pris un DTD-Alarrache je pense que ça peut fonctionner. Mais effectivement, je sais pas si c'est conforme aux normes !

<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">

afbilou

pouet your life

Code :

<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr" >
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />

Ce n'est pas le bon content-type pour un document xhtml 1.1 il faut mettre application/xhtml+xml au lieu de text/html

snarky

ah ouais

j'ai mis une valeur negative pk sinon voila ce que j'obtien sous firefox

http://sn4rky.free.fr/tests/attitudes/

avec
padding-top:5em; (la frase ne bouge pas mais le reste si, impect sous IE part contre)

afbilou

pouet your life

Lol c'est bien beau de mettre UTF-8 en encodage ... mais encore faut-il que tu ecrives ton code source en utf-8 sinon ca peut pas gazer ...
Vive les caracteres exotiques a la place des caracteres accentués par exemple

snarky

afbilou a écrit :

ui ui c recupéré sur une ancienne base de donnée ci pour sa
c'est juste histoire de faire "plein" :lol:

Lund

Mais t'as fini de critiquer oui ? :kaola:

snarky

dire qu'à la base c'était juste pour un probleme de padding foireux :ange:

Message édité par snarky le 08-07-2005 à 03:16:20

Lund

Bon moi j'ai ça

Code :

#header
{
width:780px;
height:95px;
_height:120px;
padding-top:25px;
_padding-top:35px;
background-image:url(img/top.png);
background-repeat:no-repeat;
}

mais par contre je suis passé aux pixels...

snarky

sa marche ^^
mais pourquoi devoir redéfinir la hauteur? T_T

Lund

A cause d'une vieille histoire de paddings

snarky

alala et dire que j'ai tout essayé
merchi beaucoup pour votre aide (et vos critiques surtt celles de afbilou :lol: )

Message édité par snarky le 08-07-2005 à 03:24:17

Lund

ça reste quand même du provisoir et c'est pabiendutout ces hack là mais bon...c'est presque pas de notre faute.

afbilou

pouet your life

J'imagine que chez toi le menu du haut est aligné avec le bord du site ? Et bien c'est parce que tu es dans une resolution bien particuliere.

pour que ca fonctionne mets ton menu en float right, vire ton padding de 12em o_o et met un clear:both a header.

Message édité par afbilou le 08-07-2005 à 03:43:53

snarky

afbilou a écrit :

Code :

<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr" >
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />

Ce n'est pas le bon content-type pour un document xhtml 1.1 il faut mettre application/xhtml+xml au lieu de text/html

j'ai finalement remplacer par

Code :

// Indique un Mime type correct si le client accepte le vrai xhtml
if( stristr($HTTP_SERVER_VARS["HTTP_ACCEPT"], "application/xhtml+xml" ) )
{
header("Content-type: application/xhtml+xml" );
echo "<?xml version='1.0' encoding='iso-8859-1'?>\n";
}
else
{
header("Content-type: text/html; charset=iso-8859-1" );
}

snarky

afbilou a écrit :

J'imagine que chez toi le menu du haut est aligné avec le bord du site ? Et bien c'est parce que tu es dans une resolution bien particuliere.

pour que ca fonctionne met ton menu en float right, vire ton padding de 12em o_o et met un clear:both a header.

mon #menu est déja en float:right;

afbilou

pouet your life

Moi j'ai ca ...
#prelude
{
position:absolute;
width: 780px;
top:2.5em;
right:12em;
text-align:right;
}

afbilou

pouet your life

Autant pour moi il s'agit de ton menu #prelude [contenant le right de 12em; et avant le header comme je disais]

snarky

pour que ca fonctionne met ton menu en float right, <-- fait référence a #menu (donc mon menu été deja en right)

vire ton padding de 12em o_o et met un clear:both a header. <-- fait référence à #prelude

snarky

depuis que j'ai mis clear:both

j'ai un trou sous IE

afbilou

pouet your life

Pas grave t'as trouvé une autre solution

snarky

tout a fait

afbilou

pouet your life

Pas facile de comprendre pourquoi t'as un bug sans ton bricolage avec _
Y a beaucoup d'imbrications de balises (trop mais bon ...) alors faut beaucoup de RAM dans le cerveau pour se representer le truc et a cette heure la c'est pas facile tu comprends bien

snarky

yen a pas tant que ça tout de même lol
enfin c'est déjà sympa de ta part d'y avoir zyeuté un coup d'oeil, je vais pas non plus monopoliser ton temps

Publicité

FORUM HardWare.fr

Programmation

HTML/CSS

Problème de positionnement

Sujets relatifs
Problème de positionnement d'un formulaire	Problème de positionnement de graphique
CSS : probleme de positionnement d'un bloc	problème de positionnement du texte avec Firefox
[css] Problème de positionnement	[CSS] Problème de positionnement
Petit probleme de positionnement	Problème de positionnement de graphique sous excel en vba(URGENT)
Problème de positionnement [maj : solutions à deux problèmes]	[CSS] problème de positionnement 'dynamique'
Plus de sujets relatifs à : Problème de positionnement

Page générée en 0.075 secondes