Hvorfor funker ikke siden i Firefox?

[ZeRKoX]

EDIT: Hvorfor vil ikke siden min fungere i firefox?

 

Se mer informasjon lenger nede. (post 10)

Endret 16. august 2007 av obrestad

[BigJackW]

#divNavn {
     background-image: url(sti/til/bilde.png);
}

 

evt. farge:

#divNavn {
     background-color: #FF0000
}

 

Om du har ekstern css fil kan du ha cssfila i head-tagg:

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

evt. legge dette i head-tagg.

<style type="text/css">
/* CSS HER */
</style>

Endret 10. august 2007 av BigJackW

[iNeo]

<div style="background-image: link"></div> eller noe slikt...

 

Eller du kan jo bruke CSS (cascading style sheets),

 

 

<style "MasseTullHerSomJegIkkeKan">

.divbackground {

background-image: link ;

}

</style>

 

(Hvis du bruker CSS da må du skrive "<div class="divbackground"></div>)

[ZeRKoX]

Jeg har denne CSS koden:

 

#side {  width: 810px;
 margin: 0px auto;}

#topp {  width: 800px;
 height: 80px;
 margin: 0px auto;}

#center	{	width: 800px;
 margin: 0px auto;}

#menu {  width: 100px;
 float: left;
 margin: 0px auto
 background: url(images/backmenu.gif); repeat-y}

#innhold {	width: 600px;
 float: left;
 margin: 0px auto;}

#info {  width: 100px;
 float: left;
 margin: 0px auto;}

#footer {	width: 800px;
 height: 20px;
 float: left;}

 

Og siden ser SLIK ut.

 

Hva har jeg gjort feil?

det skal igrunn være et bilde bak menyen nå...

Endret 15. august 2007 av obrestad

[ZeRKoX]

Av en eller annen grunn vises siden HELT feil i IE, noen som vet hvorfor?

[BigJackW]

husk ; bak margin: 0px auto

 

#side {  width: 810px;
margin: 0px auto;}

#topp {  width: 800px;
height: 80px;
margin: 0px auto;}

#center { width: 800px;
margin: 0px auto;}

#menu {  width: 100px;
float: left;
margin: 0px auto;
background-image: url(images/backmenu.gif); 
background-repeat: repeat-y;
}

#innhold { width: 600px;
float: left;
margin: 0px auto;}

#info {  width: 100px;
float: left;
margin: 0px auto;}

#footer { width: 800px;
height: 20px;
float: left;}

Endret 12. august 2007 av BigJackW

[Kiman™]

*{ padding: 0; margin: 0; }

Øverst i CSS-en din. Det kan gjøre underverker i forhold til IE.

[ZeRKoX]

Jeg har denne CSS-filen nå:

*{  	padding: 0; margin: 0; }

#side {  width: 810px;
 margin: 0px auto;}

#topp {  width: 800px;
 height: 80px;
 margin: 0px auto;}

#center	{	width: 800px;
 margin: 0px auto;}

#menu {  width: 100px;
 float: left;
 margin: 0px auto;
 background-image: url(images/backmenu.gif);
 background-repeat: repeat-y;}

#innhold {	width: 600px;
 float: left;
 margin: 0px auto;}

#info {  width: 100px;
 float: left;
 margin: 0px auto;
 background-image: url(images/backinfo.jpg);
 background-repeat: repeat-y;}

#footer {	width: 800px;
 height: 20px;
 float: left;
 text-align: center;}

 

Og siden ser SLIK ut.

 

Hvordan kan jeg få bakgrunnene i meny og info til å nå helt ned til footer?

Hvordan kan jeg få menyen til å flyttes to piksler til høyre. (slik at linkene ikke dekker over den kanten til venstre.

Hvordan gjøre det samme i info?

Hvordan få siden midtstillt i IE? Den står til venstre der...

Endret 15. august 2007 av obrestad

[Kim T]

Du må bruke fauxcolumns (bakgrunnsbilder) må bare finne en link til den siden igjen. Eller det er mange tråder som omhandler dette. Du kan søke på forumet ;-)

 

<div id="menu">
   <a href="#">LINKEN</a><br>
   <a href="#">LINKEN</a><br>
   <a href="#">LINKEN</a><br>
   <a href="#">LINKEN</a><br>
   <a href="#">LINKEN</a><br>
   <a href="#">LINKEN</a><br>
   <a href="#">LINKEN</a><br>
   <a href="#">LINKEN</a><br>
   <a href="#">LINKEN</a><br>
   <a href="#">LINKEN</a><br>
   <a href="#">LINKEN</a><br>
   <a href="#">LINKEN</a><br>
   <a href="#">LINKEN</a><br>
  </div>

 

gjøres om til:

 

<ul id="menu">
   <li><a href="#">LINKEN</a></li>
   <li><a href="#">LINKEN</a></li>
   <li><a href="#">LINKEN</a></li>
   <li><a href="#">LINKEN</a></li>
</ul>

 

Den siste måten er den riktige måten å gjøre ting på...

Endret 15. august 2007 av kimthoma

[ZeRKoX]

når jeg endra css-en til dette:

 

*{  	padding: 0; margin: 0; }

#side {  width: 810px;
 margin: 0px auto;}

#topp {  width: 800px;
 height: 80px;
 margin: 0px auto;}

#midt	{	width: 800px;
 margin: 0px auto;
 background-image: url(images/back.jpg);
 background-repeat: repeat-y;}

#menu {  width: 100px;
 float: left;
 margin: 0px auto;}

#innhold {	width: 600px;
 float: left;
 margin: 0px auto;}

#info {  width: 100px;
 float: left;
 margin: 0px auto;}


#footer {	width: 800px;
 height: 20px;
 float: left;
 text-align: center;}

 

Så funker siden i Internet Explorer, men ikkje i Firefox, hvorfor?