Petit pb avec une feuille de style

Marsh Posté le 30-01-2004 à 02:18:35

Code :

<html>
<head>
<title>Document sans nom</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<style type="text/css">
<!--
.top {
background-color: #FFFFFF;
position: absolute;
top: 0px;
left: 0px;
width: 100%;
border: solid 1px;
}
-->
</style>
</head>
<body>
<div class="top">
<p>hello</p>
</div>
</body>
</html>

J'obtiens une ligne qui devrait faire 100% de la largeur de ma fenetre mais il reste une petite marge tout à droite.

Message édité par compuman101 le 30-01-2004 à 02:22:12

Reply

Marsh Posté le 30-01-2004 à 02:18:35

Reply

Marsh Posté le 30-01-2004 à 02:25:08

exemple en detail ici : http://www.tonblog.com/test

Reply

Marsh Posté le 30-01-2004 à 02:28:00

compuman101 a écrit :

exemple en detail ici : http://www.tonblog.com/test

ca le fait que chez IE chez moi (testé sous FireBird et Ie 6).

---------------
Portfolio: http://www.suzaku.fr | Blog: http://blog.suzaku.fr

Reply

Marsh Posté le 30-01-2004 à 02:29:56

ah d'accord merci !

je dégage IE pour de bon

Reply

Marsh Posté le 30-01-2004 à 02:30:14

mais c'est embetant pour mon site tout de meme puisque c'est le navigateur principal

Reply

Marsh Posté le 30-01-2004 à 02:33:12

Bin oui mais Ie interprète de façon bizarre les CSS [:spamafote] .

---------------
Portfolio: http://www.suzaku.fr | Blog: http://blog.suzaku.fr

Reply

Marsh Posté le 30-01-2004 à 02:37:27

Reply

Marsh Posté le 30-01-2004 à 04:28:20

MS Internet Explorer - 96.6 %
Mozilla - 0.8 %
Firebird - 0.5 %
Unknown - 0.4 %
Opera - 0.4 %
Netscape - 0.4 %
Safari - 0.3 %
Konqueror - 0 %
MultiZilla - 0 %
Others - 0 %

Voilà les stats pour 20 000 visites sur mon site, si j'étais toi je négligerais pas IE :non:

---------------
Kits graphiques :http://godtemplates.com/

Reply

Marsh Posté le 30-01-2004 à 04:43:10

compuman101 a écrit :

Tu détectes le navigateur du client et tu fais un style optimisé pour IE et un autre style pour les autres naigateurs.

Tout cela dépends vers quelle audience tu désire t'adresser. Les gens surfant sur d'autres navigateurs qu'IE sont une faible minorité.

Message édité par Profil supprimé le 30-01-2004 à 04:50:20

Reply

Marsh Posté le 30-01-2004 à 08:41:53

Tu jartes les barbus qui utilisent des navigateurs exotiques qui ne respectent pas les standards d'IE

Bon, très de plaisanteries :
http://www.openweb.eu.org/articles [...] oites_css/

Reply

Marsh Posté le 30-01-2004 à 08:41:53

Reply

Marsh Posté le 30-01-2004 à 11:12:05

je vais vous embeter... j'ai résolu le premier pb mais j'en ai un second

http://www.tonblog.com/test

Sous IE : le degradé est répété 3 fois meme si je met :

Code :

border: 0px;
padding: 0px;
margin: 0px;

Je n'ai pas ce probleme si je n'ai pas de point de liaisons entre les calques.
Si je place le dégradé au milieu de la page ca marche

Sous mozilla ca marche nickel

Message édité par compuman101 le 30-01-2004 à 11:13:39

Reply

Marsh Posté le 30-01-2004 à 11:14:51

J'ai comme l'impression que le parametre height est pas pris en compte dans ce cas la.

Reply

Marsh Posté le 30-01-2004 à 11:15:28

Code :

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html>
<head>
<title>Document sans nom</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<style type="text/css">
<!--
.top {
background-color: #D0E6F2;
position: absolute;
width: 100%;
margin: 0 px;
height: 34px;
border: 0px;
padding: 0px;
left: 0;
top: 0;
}
.degrade {
background-image:url(image/degrade2.gif);
position:absolute;
top: 34px;
width: 100%;
height: 6 px;
left: 0px;
border: 0px;
padding: 0px;
margin: 0px;
}
.publicite_conteneur {
position : absolute;
top: 5px;
margin: 0 px;
width: 100%;
text-align: center;
left: 0px;
overflow: visible;
}
.publicite {
margin-left: auto;
margin-right: auto;
width: 468px;
height: 60px;
border: 1px solid #999999;
}
body {
margin-left: 0px;
margin-top: 0px;
margin-right: 0px;
margin-bottom: 0px;
}
-->
</style>
</head>
<body>
<div class="top"></div>
<div class="degrade"></div>
<div class="publicite_conteneur">
<div class="publicite">
<a href="index.html"><img src="pub/2.png" alt="Publicité" width="468" height="60" border="0" /></a></div>
</div>
</body>
</html>

je me suis aussi rendu compte que :

Code :

<a href="index.html"><img src="pub/2.png" alt="Publicité" width="468" height="60" border="0" /></a></div>

n'est pas compatible xhtml 1.1 à cause de border.
J'ai essayé de lui appliquer une feuille de style mais ca ne marche pas

Ca fait moche sinon j'ai la banniere encadrée

Message édité par compuman101 le 30-01-2004 à 11:18:59

Reply

Marsh Posté le 30-01-2004 à 11:44:42

.degrade {
background:url(image/degrade2.gif) no-repeat;
position:absolute;
top: 34px;
width: 100%;
height: 6 px;
left: 0px;
border: 0px;
padding: 0px;
margin: 0px;

}

img {
border:none;
}

---------------
from here and there -- \o__________________________________ -- la révolution de la terre, en silence

Reply

Marsh Posté le 30-01-2004 à 11:50:44

solution :

background:url(image/degrade2.gif);
background-repeat: repeat-x;

sinon ca l'affiche pas en ligne.

par contre sous IE nickel mais mozilla affiche rien

tant pis !

Merci bcp

Reply

Marsh Posté le 30-01-2004 à 11:53:05

compuman101 a écrit :

solution :

background:url(image/degrade2.gif);
background-repeat: repeat-x;

ou avais-je la tête ? [:kiki]

compuman101 a écrit :

par contre sous IE nickel mais mozilla affiche rien

po normal [:mmmfff]

---------------
from here and there -- \o__________________________________ -- la révolution de la terre, en silence

Reply

Marsh Posté le 30-01-2004 à 11:54:13

je testerai en detail ce soir !

merci bcp

bonne journée

Reply

Petit pb avec une feuille de style

Sujets relatifs:

Leave a Replay