Just nu i M3-nätverket
Gå till innehåll
Eforum är stängt för nya inlägg och svar sedan 20 juni 2022. Klicka för att läsa vad som hände och om alternativ.

CSS-hjälp för FireFox 2.0

Edge89

Startad av Edge89,
i Webbutveckling

Rekommendera Poster

Edge89

Edge89

Postad
Postad

Hej!

 

Jag har en CSS-kod som jag behöver lite hjälp med!

Det är så att jag har fått i uppdrag att göra en hemsida åt några vänner och jag optimerade hemsidan för Microsoft Internet Explorer v6.0 då jag antog att det är den webbläsaren som majoriteten av internet-användarna runtom i vrälden använder. Då klagades det på att FireFox användere kan uppleva vissa fel som inte syns om man kör IE. Så jag ändrade på det, men det fungerar tydligen bara i min FF-version (v1.5.0.7) och inte i webmasterns (v2.0)

 

Problemet är att bakgrunden inte vill ligga stilla

(i IE <body background="bg.jpg" bgproperties="fixed">)

 

så nu undrar jag hur jag gör för att lösa mitt problem

 

body {

padding: 0; margin: 0;

margin-top: 15px; margin-left: 15px;

font-family: Verdana, Arial, Tahoma;

font-size: 12px;

color: #8C8C8C;

background-color: #FFFEFF;

background-image: url(bg.jpg);

background-repeat: "no-repeat";

background-attachment: fixed;}

 

den feta texten är det som ska rättas till.

 

Fungerar felfritt i Microsoft Internet Explorer v6.0 och Mozilla Firefox v.1.5.0.7, någon som kan hjälpa mig lösa det här problemet så att det fungerar även i FF v2.0?

 

Tacksam för hjälp

 

//Edge

[inlägget ändrat 2006-11-07 19:11:19 av Edge89]

Länk till kommentar
Dela på andra webbplatser
Edge89

Edge89

Postad
  • Trådskapare
Postad

Tack grabbar, men tror ni verkligen att det är skälet till att bakgrunden inte är låst?

 

Såvitt jag vet så är det till för att inte repetera bakgrunden när man scrollar ned.

Jag menar att den ska ligga stilla, låst, fixerad så att bara texten kan scrollas och inte bakgrunden.

 

Som sagt:

 

body {
padding: 0; margin: 0;
margin-top: 15px; margin-left: 15px;
font-family: Verdana, Arial, Tahoma;
font-size: 12px;
color: #8C8C8C;
background-color: #FFFEFF;
background-image: url(bg.jpg);
background-repeat: no-repeat;
background-attachment: fixed;}

 

det är det sista i koden ( background-attachment: fixed; ) som behöver rättas till så att det fungerar i Mozilla Firefox 2.0

 

Länk till kommentar
Dela på andra webbplatser
zerblat

zerblat

Postad
Postad

Det funkar för mej i Firefox 2.0. Kan du ge ett exempel på en komplett html-fil som det inte funkar på för dej?

 

Länk till kommentar
Dela på andra webbplatser
Edge89

Edge89

Postad
  • Trådskapare
Postad

Jag har inte testat själv,. utan min vän som vill ha hemsidan säger att det inte fungerar på hans Firefox (v2.0) men det gör det på min (v.1.5.0.7)

 

 

Det ser i grund och botten ut så här:

 

<html>


<head>

<link rel="stylesheet" href="design.css" type="text/css">

</head>


<body bgproperties="fixed">

<iframe src="kalender.html" 
name="kalender" 
align="right" 
width="120" 
height="350" 
scrolling="auto" 
frameborder="0" 
style="border: 1px dashed #7B7B7B;" 
allowtransparency="true">
</iframe>

<br>

<b> - Start</b>      <br>    <br><br>

Det här är den officiella hemsidan för <br>
den svenska  Wii-klanen "The Swiids"<br>
Här hittar du information om oss och <br>
rapporter från våra matcher mot andra klaner.<br>

<br>
<br>


- Vill du gå med? <br>
Det finns <b>20</b> lediga platser. <br>
Skicka ett mail där du kort beskriver dig själv<br>
och vilka spel du spelar till adressen:
<a href="mailto:theswiids@yahoo.se">theswiids@yahoo.se</a>

<br>




<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>



<font color="DDDDDD"> - visas bäst med Microsoft Internet Explorer version 6.0 och inställningarna 1280x1024</font color>





</body>
</html>

 

i html filerna och så här i css filen:

 

body {
padding: 0; margin: 0;
margin-top: 15px; margin-left: 15px;
font-family: Verdana, Arial, Tahoma; 
font-size: 12px; 
color: #8C8C8C;
background-color: #FFFEFF;
background-image: url(bg.jpg);
background-repeat: no-repeat;
background-attachment: fixed;}





html, body 
{ 
scrollbar-face-color: #FFFFFF;
scrollbar-highlight-color: #8C8C8C;
scrollbar-shadow-color: #CACACA;
scrollbar-3dlight-color: #ABABAB;
scrollbar-darkshadow-color: #9C9C9C;
scrollbar-arrow-color: #ACACAC;
scrollbar-track-color: #CACED1;
} 




a:link { color: #000000; }
a:visited { color: #CCCCCC; }
a:active { color: #BBBBBB; }
a:hover { color: #000000; background-color: #8C8C8C; text-decoration: underline overline; }

 

 

återigen, är det fel på vännens FF eller har jag gjort fel i koden för att få bakgrunden att ligga stilla?¨'

 

edit:

 

bifogar länken till vännens hemsida, han har dock inte lagt upp hela ännu, men klicka på "medlemmar" så ser ni att bakgrunden ska vara stilla där när man scrollar

 

http://www.theswiids.tk/

 

[inlägget ändrat 2006-11-08 20:17:01 av Edge89]

Länk till kommentar
Dela på andra webbplatser
HeT

HeT

Postad
Postad

Hej!

På sidan medlemmar är det inte riktigt det stylesheet du nämner här.

Det saknas ett semikolon ";" efter background-attachment: fixed vilket nog innebär att background-repeat på raden under också går in som värde...

 

När jag ändrar det så fungerar sidan finfint. Jag ändrade också background-repeat till no-repeat utan citationstecken men det har du ju redan fått veta.

/Tjo

H

 

 

Länk till kommentar
Dela på andra webbplatser

Arkiverat

Det här ämnet är nu arkiverat och är stängt för ytterligare svar.

Gå till ämneslista


×
×
  • Skapa nytt...