Just nu i M3-nätverket
Gå till innehåll
Edge89

CSS-hjälp för FireFox 2.0

Rekommendera Poster

Edge89

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]

Dela detta inlägg


Länk till inlägg
Dela på andra webbplatser
Gunnar Dahlström

Raden

 

background-repeat: "no-repeat";

 

skall vara

 

background-repeat: no-repeat;

 

Ett tips, validera gärna din html och CSS kod.

 

HTML validator: http://validator.w3.org/

CSS validator: http://jigsaw.w3.org/css-validator/

 

Just nu valideras inte den CSS koden du visade om du inte gör ovanstående ändring.

 

Dela detta inlägg


Länk till inlägg
Dela på andra webbplatser
Jonas__B

Jo visst valideras den, men resultatet av valideringen resulterar i Fel och varningar.

 

Dela detta inlägg


Länk till inlägg
Dela på andra webbplatser
lizardKng

Att den inte valideras betyder just att det blir en massa fel vilket det inte ska bli om man har gjort rätt.

 

Dela detta inlägg


Länk till inlägg
Dela på andra webbplatser
Edge89

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

 

Dela detta inlägg


Länk till inlägg
Dela på andra webbplatser
zerblat

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?

 

Dela detta inlägg


Länk till inlägg
Dela på andra webbplatser
Edge89

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]

Dela detta inlägg


Länk till inlägg
Dela på andra webbplatser
HeT

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

 

 

Dela detta inlägg


Länk till inlägg
Dela på andra webbplatser

Skapa ett konto eller logga in för att kommentera

Du måste vara medlem för att kunna kommentera

Skapa ett konto

Skapa ett nytt konto på vårt forum. Det är lätt!

Registrera ett nytt konto

Logga in

Redan medlem? Logga in här.

Logga in nu



×
×
  • Skapa nytt...