Feilvisning i Firefox. Hva kan gjøres?

geirthr · 2. juni 2006

Koden jeg bruker vises anderledes i firefox og IE. Den vises "riktig" i IE. Feilen som oppstår er at det blir et "space" mellom nederste og nest nederste DIV (mellom div-hoved og div-bunn) slik at det blir et glippe mellom bakgrunnsbildene.

Noen som har forslag om hvordan jeg kan endre koden slik at den vises likt i begge/alle browsere?

HTML kode

<body bgcolor="#999999">

  <!-- Topp -->
  <div id="topp">
     <img src="gfx/bakgrunn-topp.jpg" border="0" alt="">    
  </div>  
 
  <!-- Skille topp/main -->
  <div id="skille">  
  </div>

  <!-- Hoveddel -->
  <div id="hoved">
  </div>
 
  <!-- Bunn -->
  <div id="bunn">
  </div>

</body>

CSS:

div#topp{	width: 1008px;
 	height:300px;
 	background: url(gfx/bakgrunn-topp.jpg);} 

div#skille{	width: 1008px;
 	height:19px;
 	background: url(gfx/skille.jpg);}  


div#hoved{	width: 1008px;
 	background: url(gfx/bakgrunn-main.jpg);}   
 	
 	
div#bunn{  width: 1008px;
 	height: 51px;
 	background: url(gfx/bakgrunn-bunn.jpg);}

Antarctica · 2. juni 2006

Er ikke noe garvet i htmldesign etc, men har du prøvd å bruke http://validator.w3.org/ ? Her kan du legge inn hele koden eller bare paste link til den siden, så vil kanskje validatoren greie å lokalisere evt feil!

Akerbak · 3. juni 2006

Prøv og legg til overflow: hidden; i div#skille?

Dieter · 3. juni 2006

skriv:

*{margin 0;

padding: 0;

}

i toppen av css dokumentet ditt så får du bort alle "default" mellomrom som browseren lager, se om det hjelper

På bunntekst div'en din bør du også ha en clear: both;

Logg inn

Feilvisning i Firefox. Hva kan gjøres?

Anbefalte innlegg

geirthr

Lenke til kommentar

Videoannonse

Antarctica

Lenke til kommentar

Akerbak

Lenke til kommentar

Dieter

Lenke til kommentar

Opprett en konto eller logg inn for å kommentere

Opprett konto

Logg inn

Hvem er aktive 0 medlemmer