Gå til innhold

Banner "TOP" i Firefox (Problemer)

xatic

Anbefalte innlegg

xatic

xatic

Skrevet
Skrevet (endret)

Heisann,

 

Jeg har et lite problem med firefox. Siden funker fint i IE.7 men FF liker det altså ikke. Banneren går ikke helt opp, den holder seg ca 2,3px nedenfor toppen.

 

Sceenshot fra Firefox,

 

indexid1.jpg

 

Index HTML,

 

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>
<link href="style.css" rel="stylesheet" type="text/css" />
<style type="text/css"></style>
</head>

<body>

<div id="container">

 <div id="head">
<div class="h1" id="content">Xatic v0.1</div>
 </div>

</div>
</body>
</html>

 

CSS,

 

* { 
margin:0; 
padding: 0; 
}


.h1 {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 15px;
font-weight: normal;
color: #FFFFFF;
}


#container {
height: auto;
width: 100%;
}


#container #head {
background-image: url(images/img_02.jpg);
height: 107px;
width: 682px;
margin-right: auto;
margin-left: auto;
border-bottom: solid 3px #000000;
border-left:  solid 3px #000000;
border-right:  solid 3px #000000;
}


#container #head #content {
height: auto;
width: auto;
margin-top: 5px;
margin-left: 5px;
}

 

Noen som kan hjelpe meg? Er veldig ny med CSS så en liten forklaring ville også vært flott :new_woot:

Endret av xatic
Lenke til kommentar

Videoannonse

Videoannonse
Annonse
xatic

xatic

Skrevet
  • Forfatter
Skrevet

I know, har ordna det allerede var bare noe jeg prøvde i starten :) (Takk for hjelpen ellers). Men dette har jo ikke noe med problemet mitt å gjøre, så..

 

Andre som kan se hva problemet måtte være?

Lenke til kommentar
xatic

xatic

Skrevet
  • Forfatter
Skrevet
Første som slår meg er “Byte Order Mark” eller at images/img_02.jpg har et hvitt mellomrom på toppen. Hva skjer om du skifter ut background-image: url(images/img_02.jpg); med background: #f00;?

 

Hei clvn.

 

Jeg prøvde men det gir samme resultat, bilder har heller ingen "hvit px" på toppen så det har vell ikke noe å si? Eller missforstår jeg. Siden funker jo helt fint i IE men ikke FF. Siden faller forsatt "ned" om jeg bruker en annen farge på bakgrunnen på banneren.

 

Men, det jeg har lagt merke til. Hvis jeg fjerner teksten og div taggen der teksten ligger i så funker siden helt fint, så problemet må jo ligger der et sted, at jeg gjør noe feil når jeg bruker margin-top 5px.

Lenke til kommentar

Opprett en konto eller logg inn for å kommentere

Du må være et medlem for å kunne skrive en kommentar

Opprett konto

Det er enkelt å melde seg inn for å starte en ny konto!

Start en konto

Logg inn

Har du allerede en konto? Logg inn her.

Logg inn nå
Gå til emneliste
×
×
  • Opprett ny...