Avatar billede pnr Nybegynder
01. maj 2006 - 21:21 Der er 10 kommentarer og
1 løsning

Problem med width på div i Mozilla

Jeg har følgende div som driller mig lidt i Mozilla:

#brodkrummebar
{
    width:590px;
    height:21px;
    padding: 5px 0 0 10px;
    background-image:url(../images/brodkrummebar.gif);
    background-repeat:no-repeat;
    font-size:10px;
    color:#666666;       
}


  <div id="brodkrummebar">
        Nyheder og tilbud<img src="images/bullet.gif" style="width:16px;height:9px" alt="" /><strong>Nyheder</strong>
    </div>


Problemet er at den ikke får den brede i Mozilla som jeg har angivet, den virker fint i IE.
Avatar billede apo Praktikant
01. maj 2006 - 21:23 #1
Bruger du en korrekt DOCTYPE?
Avatar billede Slettet bruger
01. maj 2006 - 21:28 #2
Umiddelbart 2 ting er galt, vil jeg tro:
- Som APO skriver, så enten mangler du en korrekt DOCTYPE + charset,
- og sandsynligvis er det IE som viser forkert, og ikke FF (Forslag: Programmer ALDRIG efter IE først - men brug FF først og derefter IE, da IE har ret mange fejl).
Avatar billede pnr Nybegynder
01. maj 2006 - 21:31 #3
Jeg bruger følgende doc type:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
Avatar billede Slettet bruger
01. maj 2006 - 21:31 #4
...forslag:
Download det lille nyttige plugin fra FF´s website, som direkte kan måle px på skærmen (og nej, jeg kan ikke huske hvad det hedder, men sikkert noget med "Measure", vil jeg tro).
Så kan du nemlig dobbeltchekke, om det er IE eller FF som fejler mht. størrelserne! ;-)
Avatar billede Slettet bruger
01. maj 2006 - 21:33 #5
Avatar billede olebole Juniormester
01. maj 2006 - 22:49 #6
<ole>

Må jeg gætte på, du har noget stående før linjen i (01/05-2006 21:31:02)? Der må intet stå før den linje - heller ikke en XML-deklaration.

Prøv at skrive:
    <div id="brodkrummebar" onclick="alert(this.offsetWidth)">

- hvilket skal returnere: 600. Returneres 590 i IE, er det fordi den er gået i quirks-mode ... der står sikkert noget før DTD'en (selv en HTML-kommentar er nok). Sker det, kan IE ikke tolke CSS' box-model korrekt.

/mvh
</bole>
Avatar billede horsmark Nybegynder
01. maj 2006 - 22:55 #7
.oO(olebole er min helt)
Avatar billede pnr Nybegynder
07. maj 2006 - 09:34 #8
Der står intet foran xml-deklartionen.

Når jeg klikker på den får jeg værdien 600, den fylde åbenbart også 600, men der bliver kun vist ca. halvdelen af detbaggrundsbillede jeg har sat på. I IE viser den hele billedet! Billedet er 590 px
Avatar billede roenving Novice
08. maj 2006 - 16:03 #9
xml-deklarationen pisser IEs css-understøttelse af ...
Avatar billede pnr Nybegynder
08. maj 2006 - 20:22 #10
Jeg fandt fejlen, der skulle en float: left på den div så spillede det også i Mozilla :-) Hvad er det lige float:left gør i den forbindelse?
Avatar billede pnr Nybegynder
19. juni 2006 - 11:56 #11
Tak for alle for jeres deltagelse!!

Lukker
Avatar billede Ny bruger Nybegynder

Din løsning...

Tilladte BB-code-tags: [b]fed[/b] [i]kursiv[/i] [u]understreget[/u] Web- og emailadresser omdannes automatisk til links. Der sættes "nofollow" på alle links.

Loading billede Opret Preview
Kategori
Vi tilbyder markedets bedste kurser inden for webudvikling

Log ind eller opret profil

Hov!

For at kunne deltage på Computerworld Eksperten skal du være logget ind.

Det er heldigvis nemt at oprette en bruger: Det tager to minutter og du kan vælge at bruge enten e-mail, Facebook eller Google som login.

Du kan også logge ind via nedenstående tjenester