Avatar billede h_johansen Nybegynder
09. december 2004 - 00:36 Der er 8 kommentarer

Layout i Firefox kontra IE (igen igen)

Hejsa..

Jeg har, med mine beskedne evner, forsøgt at opbygge en hjemmeside på adressen http://bille-online-net . Mit CSS fungerer fint med IE, men kokser TOTALT med mozilla. Prøv selv at gå ind på min side med begge browsere, og få syn for sagen..

Jeg forventer ikke at mit layout fungerer 100% ens i alle browsere (selvom det ville være rart ;-). Små afvigelser vil være ok med mig..

Mit spg er (selvfølgelig): Hvad er der galt?

MVH
/henrik
Avatar billede h_johansen Nybegynder
09. december 2004 - 00:38 #1
Prøver lige med det rigtige link.. http://bille-online.net :-)
Avatar billede olebole Juniormester
09. december 2004 - 00:42 #2
<ole>

Start med den rigtige DTD:
  <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
    "http://www.w3.org/TR/html4/loose.dtd">

Uden URL'en i DTD'en kan IE ikke understøtte CSS-specifikationen. Derfor er din side formodentlig helt galt kodet - og Mozilla viser den, som den er skrevet.

Altså: Forfra og om igen  ;o)

/mvh
</bole>
Avatar billede olebole Juniormester
09. december 2004 - 00:42 #3
... og det var et svar  :)
Avatar billede h_johansen Nybegynder
09. december 2004 - 00:58 #4
olebole:

Har lige ændret DTD'en. Og siden blev bestemt ikke kønnere i IE af det.. :-/

MEN, layoutet fungerer for så vidt stadigvæk i IE, og kokser i Firefox. I IE "følger" layoutet indholdet, mens Firefox ikke "tilpasser" layoutet efter indholdets størrelse.

Det må da være muligt at forfatte noget CSS som både IE og FF fortolker (rimeligt) ens?
Avatar billede morteeart Nybegynder
09. december 2004 - 01:08 #5
p er et inline element, og vil derfor ikke udvide sig på samme måde som en <div>

Det du er nød til er at kode siden om, på den korrekte måde.
jeg vil anbefale:

www.html.dk/tutorials/css

og
http://www.w3schools.com/css/css_reference.asp
http://www.w3schools.com/html/html_reference.asp
Avatar billede olebole Juniormester
09. december 2004 - 01:41 #6
h_johansen >> Det bliver den nemlig ikke en snus kønnere af - men som jeg skrev til dig:
  "Derfor er din side formodentlig helt galt kodet - og Mozilla viser den, som den er skrevet."

Din opgave er nu, at skrive den korrekt - så bliver den rigtig flot overalt  ;o)
Avatar billede Slettet bruger
09. december 2004 - 08:39 #7
Noget jeg ikke burde  skrive på en andens spørgsmål, men alligevel :

Hvorfor får jeg en blank side når jeg kalder http://www.w3schools.com/ ,
det må være en speciel måde site er programeret på ?

Det er det samme i både IE og Firefox
Avatar billede notes2c Nybegynder
09. december 2004 - 09:59 #8
Prøv ligge dette at rette indhold150 til:

.indhold150                {
color: #a6a6a6;
line-height: 1em;
background-color: #dfdfdf;
text-align: center;
margin-bottom: 1.3em;
padding: 0.5em 0.1em 0.32em;
position: relative;
width: 150px;

height: auto !important; /* <- Indsæt */

height: 30px;
vertical-align: baseline;
border-style: solid;
border-width: 0 0.05em 0.05em
}
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