Safari og Firefox

AnnetteL
AnnetteLs bilde
Avlogget
Ble med: 11.10.2012

Siden jeg har laget kommer perfekt opp i Safari, mens i Firefox (og Opera) kommer tekstfeltet opp uten bakgrunnsbilde.

Noen som har tips? Alt er nyttig smil

AnnetteL

Hjemmeside
Hjemmesides bilde
Avlogget
Bidragsyter
Ble med: 17.06.2008
Safari og Firefox

Har du et screenshot eller noe kode vi kan titte på? smil

Gjerne koden som setter bakgrunnsbildet i tekstfeltet.

AnnetteL
AnnetteLs bilde
Avlogget
Ble med: 11.10.2012
Safari og Firefox

Etter en natts hvile, kom alt opp slik det skulle - begge steder. Men

legger ved en annen side jeg har hatt samme problemet med - har ikke hatt siden oppe siden før jul, (den er ikke lagt ut) - som du ser er bunnfeltet borte i den ene - Firefox.

CSS ligger nederst. Veldig snilt om du har noe å komme med av forslag her. Har vært borte i forskyvninger ol i de forskjellige browserene, men ikke at det er ting som ikke kommer med i det hele tatt

smil

 

 

 

 

css-kode

 

  1. @charset UTF-8;
  2. @import url(../../webfonts/Girth_Control/stylesheet.css);
  3.  
  4. body
  5. {
  6. background-color:#fff;
  7. color:#000;
  8. font-family:Verdana, Geneva, sans-serif;
  9. font-size:15px;
  10. font-style:normal;
  11. }
  12.  
  13. a:link
  14. {
  15. color:#666;
  16. text-decoration:none;
  17. }
  18.  
  19. a:visited
  20. {
  21. color:#666;
  22. }
  23.  
  24. a:hover
  25. {
  26. color:#D92217;
  27. }
  28.  
  29. a:active
  30. {
  31. color:#D92217;
  32. }
  33.  
  34. #container
  35. {
  36. background-image:url(../bilder/bro.jpg);
  37. background-repeat:no-repeat;
  38. box-shadow:3px 3px 7px 2px #ccc;
  39. height:100%;
  40. list-style-type:none;
  41. margin-left:auto;
  42. margin-right:auto;
  43. margin-top:10px;
  44. min-height:100%;
  45. overflow:hidden;
  46. padding:0;
  47. text-align:center;
  48. width:1000px;
  49. }
  50.  
  51. #heading
  52. {
  53. float:left;
  54. margin-left:20px;
  55. width:100%;
  56. }
  57.  
  58. #navcontainer
  59. {
  60. float:left;
  61. font-family:"myriad pro", Arial;
  62. font-size:1.5em;
  63. height:45px;
  64. margin-bottom:70px;
  65. margin-left:300px;
  66. margin-top:-20px;
  67. width:800px;
  68. }
  69.  
  70. #navlist li
  71. {
  72. color:#000;
  73. display:inline;
  74. float:left;
  75. margin-left:100px;
  76. padding-left:8px;
  77. padding-right:10px;
  78. text-align:right;
  79. text-indent:0;
  80. }
  81.  
  82. #navlist li a
  83. {
  84. color:##D92217;
  85. letter-spacing:0;
  86. padding:0;
  87. text-decoration:none;
  88. }
  89.  
  90. #navlist li a:hover,#navlist a#current
  91. {
  92. border-bottom:none;
  93. color:#D92217;
  94. }
  95.  
  96. #navlist a#current
  97. {
  98. color:#666;
  99. }
  100.  
  101. #tekst
  102. {
  103. float:left;
  104. font-weight:400;
  105. margin:-20px 0 20px 195px;
  106. padding:0 20px;
  107. text-align:left;
  108. width:270px;
  109. }
  110.  
  111. #liste
  112. {
  113. float:left;
  114. margin-bottom:30px;
  115. margin-left:40px;
  116. margin-top:-25px;
  117. padding:0;
  118. text-align:left;
  119. width:270px;
  120. }
  121.  
  122. #kontakttekst
  123. {
  124. background-image:url(../bilder/mailfelt_mindre.gif);
  125. background-position:bottom;
  126. background-repeat:no-repeat;
  127. color:#666;
  128. float:center;
  129. font-size:1.5em;
  130. margin-top:50px;
  131. padding-bottom:24px;
  132. width:100%;
  133. }
  134.  
  135. #bunnfelt
  136. {
  137. clear:both;
  138. display:block;
  139. margin-bottom:0;
  140. margin-left:0;
  141. width:100%;
  142. }

AnnetteL

AnnetteL
AnnetteLs bilde
Avlogget
Ble med: 11.10.2012
Safari og Firefox

OG:

Der kom ikke bakgrunnen opp - i dag heller - den var der tidligere i dag.... mye rot her, men det er det. Jeg gjør tydeløigvis noe galt her - men skjønner ikke hva

CSS for siden er:

  1. @charset "UTF-8";
  2. /* CSS Document */
  3.  
  4. body{
  5. font-family:Arial, Helvetica, sans-serif;
  6. line-height:1.5em;
  7. font-size: 17px;
  8. font-style: normal;
  9. color:#000;
  10. background-color:#333;
  11. }
  12. a:link {
  13. color:#FFFFFF;
  14. text-decoration: none;
  15. }
  16. a:visited {color:#FFFFFF;}
  17. a:hover {color:#FD8B01;}
  18. a:active { color: #FFFFFF; }
  19.  
  20. #container {
  21. width: 1000px;
  22. height: 100%;
  23. min-height: 100%;
  24. margin-left: auto;
  25. margin-right: auto;
  26. background-color:#000;
  27. margin-top: 10px;
  28. padding: 0;
  29. overflow: hidden;
  30. text-align: left;
  31. list-style-type: none;
  32. }
  33. #blomsterknapper{
  34. float:left;
  35. width:auto;
  36. margin-left:65px;;
  37. }
  38. #filmstripe_oppe{
  39. float:left;
  40. width:auto;
  41. margin-top:0;
  42. padding-top:0;
  43. border-bottom: solid 1px #000;
  44. }
  45. #filmstripe_nede{
  46. float:left;
  47. width:auto;
  48. margin-top:-120px;
  49. margin-bottom:0;
  50. padding-top:0;
  51. border-top: solid 1px #000;
  52. }
  53. #webreparatør{
  54. float:left;
  55. width: 70%;
  56. font-size:11px;
  57. text-align:left;
  58. margin:-30px 0 0 20px;
  59. }
  60. /*.............................................galleri*/
  61. #galleri {
  62. float:left;
  63. width:1000px;
  64. font-size:3em;
  65. color:#afabab;
  66. padding-top:70px;
  67. margin-left:55px;
  68. padding-bottom:50px;
  69. }
  70. #gallerifelt{
  71. float: left;
  72. width: 1000px;
  73. height: 700px;
  74. background-image: url(../bilder/galleriramme.png);
  75. padding: 0;
  76. margin-bottom: 150px;
  77. margin-left: 35px;
  78. background-repeat: no-repeat;
  79. }
  80. #yasmin1{
  81. float: left;
  82. width: auto;
  83. margin-left: 75px;
  84. margin-top: 200px;
  85. }
  86. #yasmin2{
  87. float:left;
  88. width:auto;
  89. margin-left:20px;
  90. margin-top:200px;
  91. }
  92. #yasmin3{
  93. float:left;
  94. width:auto;
  95. margin-left:20px;
  96. margin-top:200px;
  97. }
  98. #yasmin4{
  99. float:left;
  100. width:auto;
  101. margin-left:20px;
  102. margin-top:200px;
  103. }

Det er galleriet som streiker - de andre kommer som de skal - for ordens skyld ligger kodene for disse under. Om du tar deg tid til dette, er jeg supertakknemlig

 

  1. /*......................................................forside*/
  2. #hovedtekst{
  3. float: left;
  4. width: 600px;
  5. height: 700px;
  6. background-image:url(../bilder/tekstfelt_hjem.png);
  7. padding: 25px 30px 10px 60px;
  8. margin-bottom:0;
  9. background-repeat: no-repeat;
  10. background-margin: 100px;
  11. }
  12. #portrett_forside {
  13. float:left;
  14. width:300px;
  15. margin-top:210px;
  16. margin-bottom:-10;
  17. padding-left-5;
  18. }
  19. /*.....................................................biografi*/
  20. #biografi {
  21. float:left;
  22. width:500px;
  23. font-size:3em;
  24. color:#afabab;
  25. margin-top:40px;
  26. margin-left:65px;
  27. margin-bottom:30px;
  28. }
  29. #biografitekst{
  30. float: left;
  31. width: 800px;
  32. height: auto;
  33. background-image:url(../bilder/tekstfelt_yasmin_sittende.png);
  34. padding: 0 190px 40px 100px;
  35. margin-bottom: 20px;
  36. background-repeat: no-repeat;
  37. list-style-type: disc;
  38. }
  39. #filmstripe_nederst_biografi {
  40. float:left;
  41. width:1025px;
  42. margin-top:20px;
  43. margin-bottom:100px;
  44. padding-top:0;
  45. }
  46.  
  47. /*.....................................................cv*/
  48. #cv {
  49. float:left;
  50. width:95%;
  51. font-size:3em;
  52. color:#afabab;
  53. padding-top:110px;
  54. padding-bottom:100px;
  55. margin-left:0;
  56. }
  57. #cvtekst{
  58. float:left;
  59. width:auto;
  60. height: auto;
  61. background-image:url(../bilder/cv-felt.png);
  62. padding-top:25px;
  63. padding-left:100px;
  64. padding-right:90px;
  65. padding-bottom:200px;
  66. margin-bottom:50px;
  67. background-repeat: no-repeat;
  68. }
  69. /*.............................................galleri*/
  70. #galleri {
  71. float:left;
  72. width:1000px;
  73. font-size:3em;
  74. color:#afabab;
  75. padding-top:70px;
  76. margin-left:55px;
  77. padding-bottom:50px;
  78. }
  79. #gallerifelt{
  80. float: left;
  81. width: 1000px;
  82. height: 700px;
  83. background-image: url(../bilder/galleriramme.png);
  84. padding: 0;
  85. margin-bottom: 150px;
  86. margin-left: 35px;
  87. background-repeat: no-repeat;
  88. }
  89. #yasmin1{
  90. float: left;
  91. width: auto;
  92. margin-left: 75px;
  93. margin-top: 200px;
  94. }
  95. #yasmin2{
  96. float:left;
  97. width:auto;
  98. margin-left:20px;
  99. margin-top:200px;
  100. }
  101. #yasmin3{
  102. float:left;
  103. width:auto;
  104. margin-left:20px;
  105. margin-top:200px;
  106. }
  107. #yasmin4{
  108. float:left;
  109. width:auto;
  110. margin-left:20px;
  111. margin-top:200px;
  112. }

AnnetteL

Hjemmeside
Hjemmesides bilde
Avlogget
Bidragsyter
Ble med: 17.06.2008
Se her#blomsterknapper{

Se her

  1. #blomsterknapper{
  2. float:left;
  3. width:auto;
  4. margin-left:65px;;
  5. }

Du har to semikolon etter 65px. Fjern den ene. Det er ikke sikkert dette er grunnen til problemet, men det kan være det hvis det blir tolkningsfeil i Firefox pga feil syntax. 

Det er også litt vanskelig å se hvor feilen kan ligge, når jeg ikke vet hva divisjonene / elementene hvor problemene oppstår heter. Er det #gallerifelt?

AnnetteL
AnnetteLs bilde
Avlogget
Ble med: 11.10.2012
Safari og Firefox

flott - argusøyne smil

Ja, det ligger i #gallerifelt (evt #container?)

 

Tusen takk

smil

AnnetteL

Hjemmeside
Hjemmesides bilde
Avlogget
Bidragsyter
Ble med: 17.06.2008
Safari og Firefox

smil

Si fra om det var så enkelt som at det var det ekstra semikolonet som ga problemet da. smil

AnnetteL
AnnetteLs bilde
Avlogget
Ble med: 11.10.2012
Safari og Firefox

ja, det skulle jeg gjerne ha gjort. Sorry, men det  var det ikke smil

 

AnnetteL

Hjemmeside
Hjemmesides bilde
Avlogget
Bidragsyter
Ble med: 17.06.2008
Safari og Firefox

Har du anledning til å legge siden i en katalog på lippestad.me i en kort periode? F.eks. lippestad.me/problem/

Da er det mye enklere å se hva som kan gi feilen, siden jeg ser HTML'en samtidig med CSS'en og ser problemområdene med en gang.

AnnetteL
AnnetteLs bilde
Avlogget
Ble med: 11.10.2012
Safari og Firefox

Kan jeg legge det i en katalog og gi egen adgang til deg? Skjønte ikke helt den der smil

 

Men - ett ? - jeg har hentet ned DW i CC (oppgradert fra Cs6) - mao blitt abonnent på pakken til adobe "Creative Cloud".  Han det være så enkelt som maskineriet til dw-en jeg hadde, og at det bare er å skrive det hele inn på nytt, i CC?

 

smil

AnnetteL

AnnetteL
AnnetteLs bilde
Avlogget
Ble med: 11.10.2012
Safari og Firefox

Tror jeg har funnet det!

Lastet ned Edge Code CC fra Adobe, og så at den ikke kunne lese flere av bildene, selv om de var lagt inn i DW. 

Prøvde en ting jeg ikke hadde tenkt på: på noen av png-bildene hadde jeg skrevet png, i stedet for å hente den opp fra rullgardinen nederst. Gjorde dette, og plutselig kunne jeg se bildene der også.

Foreløpig virker det som dette er svaret på problemet mitt - de bildene som ikke kom, eller kom feil i førsteutgaven, er på plass nå. Det er fremdeles ujevnheter mht Firefox og Safari, men bildeproblemet mitt ser hvertfall ut til å være løst. Håper dette kan hjelpe noen

Og, hjemmeside - tusen tusen takk for all hjelp denne gangen. Jeg kommer helt sikkert tilbake smil

 

Ha en fin dag videre

 

smil :--)

AnnetteL

Svar på forumemnet

(If you're a human, don't change the following field)
Your first name.
Innholdet i dette feltet blir holdt privat og vil ikke bli vist offentlig.