Forum |  HardWare.fr | News | Articles | PC | S'identifier | S'inscrire | Shop Recherche
1714 connectés 

  FORUM HardWare.fr
  Graphisme
  Web design

  Petit pb avec une feuille de style

 
 


 Mot :   Pseudo :  
 
Bas de page
Auteur Sujet :

Petit pb avec une feuille de style

n°423379
compuman10​1
Posté le 30-01-2004 à 02:18:35  profilanswer
 

Code :
  1. <html>
  2. <head>
  3. <title>Document sans nom</title>
  4. <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
  5. <style type="text/css">
  6. <!--
  7. .top {
  8. background-color: #FFFFFF;
  9. position: absolute;
  10. top: 0px;
  11. left: 0px;
  12. width: 100%;
  13. border: solid 1px;
  14. }
  15. -->
  16. </style>
  17. </head>
  18. <body>
  19. <div class="top">
  20. <p>hello</p>
  21. </div>
  22. </body>
  23. </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
mood
Publicité
Posté le 30-01-2004 à 02:18:35  profilanswer
 

n°423380
compuman10​1
Posté le 30-01-2004 à 02:25:08  profilanswer
 

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

n°423381
The Real P​hoenix
Posté le 30-01-2004 à 02:28:00  profilanswer
 

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
n°423383
compuman10​1
Posté le 30-01-2004 à 02:29:56  profilanswer
 

ah d'accord merci !
 
je dégage IE pour de bon :D

n°423384
compuman10​1
Posté le 30-01-2004 à 02:30:14  profilanswer
 

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

n°423385
The Real P​hoenix
Posté le 30-01-2004 à 02:33:12  profilanswer
 

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


---------------
Portfolio: http://www.suzaku.fr | Blog: http://blog.suzaku.fr
n°423387
compuman10​1
Posté le 30-01-2004 à 02:37:27  profilanswer
 

:/

n°423394
n1nja
Posté le 30-01-2004 à 04:28:20  profilanswer
 

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/
n°423396
Profil sup​primé
Posté le 30-01-2004 à 04:43:10  answer
 

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
n°423412
Docteur_Ca​nard
Posté le 30-01-2004 à 08:41:53  profilanswer
 

Tu jartes les barbus qui utilisent des navigateurs exotiques qui ne respectent pas les standards d'IE :o
 
Bon, très de plaisanteries :
http://www.openweb.eu.org/articles [...] oites_css/

mood
Publicité
Posté le 30-01-2004 à 08:41:53  profilanswer
 

n°423437
compuman10​1
Posté le 30-01-2004 à 11:12:05  profilanswer
 

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 :
  1. border: 0px;
  2. padding: 0px;
  3. 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
n°423440
compuman10​1
Posté le 30-01-2004 à 11:14:51  profilanswer
 

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

n°423441
compuman10​1
Posté le 30-01-2004 à 11:15:28  profilanswer
 

Code :
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
  2. <html>
  3. <head>
  4. <title>Document sans nom</title>
  5. <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
  6. <style type="text/css">
  7. <!--
  8. .top {
  9. background-color: #D0E6F2;
  10. position: absolute;
  11. width: 100%;
  12. margin: 0 px;
  13. height: 34px;
  14. border: 0px;
  15. padding: 0px;
  16. left: 0;
  17. top: 0;
  18. }
  19. .degrade {
  20. background-image:url(image/degrade2.gif);
  21. position:absolute;
  22. top: 34px;
  23. width: 100%;
  24. height: 6 px;
  25. left: 0px;
  26. border: 0px;
  27. padding: 0px;
  28. margin: 0px;
  30. }
  31. .publicite_conteneur {
  32. position : absolute;
  33. top: 5px;
  34. margin: 0 px;
  35. width: 100%;
  36. text-align: center;
  37. left: 0px;
  38. overflow: visible;
  39. }
  40. .publicite {
  41. margin-left: auto;
  42. margin-right: auto;
  43. width: 468px;
  44. height: 60px;
  45. border: 1px solid #999999;
  46. }
  47. body {
  48. margin-left: 0px;
  49. margin-top: 0px;
  50. margin-right: 0px;
  51. margin-bottom: 0px;
  52. }
  54. -->
  55. </style>
  56. </head>
  57. <body>
  58. <div class="top"></div>
  59. <div class="degrade"></div>
  60. <div class="publicite_conteneur">
  61. <div class="publicite">
  62.   <a href="index.html"><img src="pub/2.png" alt="Publicité" width="468" height="60" border="0" /></a></div>
  63. </div>
  64. </body>
  65. </html>


 
je me suis aussi rendu compte que :  
 

Code :
  1. <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
n°423453
simogeo
j'ai jamais tué de chats, ...
Posté le 30-01-2004 à 11:44:42  profilanswer
 

.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
n°423454
compuman10​1
Posté le 30-01-2004 à 11:50:44  profilanswer
 

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

n°423455
simogeo
j'ai jamais tué de chats, ...
Posté le 30-01-2004 à 11:53:05  profilanswer
 

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
n°423456
compuman10​1
Posté le 30-01-2004 à 11:54:13  profilanswer
 

je testerai en detail ce soir !
 
merci bcp  
 
bonne journée


Aller à :
Ajouter une réponse
  FORUM HardWare.fr
  Graphisme
  Web design

  Petit pb avec une feuille de style

 

Sujets relatifs
Maxscript un petit renseignement ...[Animanium] petit logiciel d'animation de personnage
Avis sur un petit design svpUn petit avis sur un petit site perso SVP
Petit nouvo + aide[Exercice de style] Le logo ANPE que vous auriez fait
Dimension en mm d'une feuille au format A1[WIP] Design style médiéval
portage d'ombre sur dessin vectoriel (frenzy style like :)[logo] recherche "icones" style xp
Plus de sujets relatifs à : Petit pb avec une feuille de style

Forum MesDiscussions.Net, Version 2010.2
(c) 2000-2011 Doctissimo
Page générée en 0.064 secondes

Copyright © 1997-2022 Hardware.fr SARL (Signaler un contenu illicite / Données personnelles) / Groupe LDLC / Shop HFR