Avatar billede evildoctor Praktikant
08. juli 2004 - 21:56 Der er 11 kommentarer og
1 løsning

CSS og Mozilla

Har lavet en hjemmeside der ser fin ud i IE, men i Mozilla ligner den crap. 2 spørgsmål i den sammenhæng;

1. Hvorfor er det ikke alle elementer der er positioneret "absolute" via mit stylesheet der rent faktisk ender hvor de skal???
2. Hvorfor er der ikke ombrydning af teksten i en css-defineret div-kasse?? (teksten fortsætter bare ind over billeder og alt muligt! ;( ....)

Håber nogen kan hjælpe...
Avatar billede evildoctor Praktikant
08. juli 2004 - 22:03 #1
Kan lige tilføje;
CSS er således..

#top    {
    position: absolute;
    left: 255;
    top: 0;
    width: 645px;
    height: 75px;
    margin: 0px;
    padding: 0px;
    }

Og den sidder fint i højre side med IE, men ender i øverste venstre hjørne med Mozilla. (Indeholder et logo!)

Min tekstkasse er også lavet med et absolut position. CSS=

#tekst    {
    position: absolute;
    left: 8;
    top: 120;
    width: 440;
    height: 300;
    }

Skal der definieres i CSS at teksten skal ombrydes automatisk???
Håber på snarlig hjælp...
Avatar billede skovenborg Nybegynder
08. juli 2004 - 22:07 #2
prøv lige at starte med at tilføje en doctype så IE kommer ud af quirks-mode (så den gætter sig frem til resultatet):
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
  "http://www.w3.org/TR/html4/loose.dtd">

Og måske kunne du smide et link så man se problemmet i levende live
Avatar billede evildoctor Praktikant
08. juli 2004 - 22:14 #3
Problemos er at siden ikke er online endnu, så jeg kan desværre ikke linke.
Havde bare håbet at det ringede en klokke ved nogen der selv havde haft en tekstkasse hvor teksten ikke automatisk blev ombrudt i mozilla.

Det spøjse med positioneringen af elementerne er, at når man åbner forsiden står elementerne helt ad H til, men hvis man så linker en side ned og tilbage igen er flere af elementerne så pludselig placeret korrekt. Underligt!

Hmm, når skidtet kommer online (forhåbentlig snart!) smider jeg lige et link i håb om at nogen har en løsning....
Avatar billede skovenborg Nybegynder
08. juli 2004 - 22:16 #4
Jeg kan i hvert fald sige at du har glemt enheder:
#tekst    {
    position: absolute;
    left: 8px;
    top: 120px;
    width: 440px;
    height: 300px;
    }
Avatar billede skovenborg Nybegynder
08. juli 2004 - 22:18 #5
det er utrolig vigtig at du altid huske dem (medmindre du bare skal skrive 0), da de er krævet af fx mozilla.

Men jo jeg kender godt problemmet med at boksen ikke udvider sig, hvis der er for meget tekst indeni boksen. Normalt plejer jeg at ordne det med dette lille trick:
#tekst    {
    position: absolute;
    left: 8px;
    top: 120px;
    width: 440px;
    height: 300px;
    }
HTML > BODY #tekst {
    height:auto;
    min-height:300px;
}
Avatar billede evildoctor Praktikant
08. juli 2004 - 22:21 #6
Ups!
Det passer jo lige nøjagtigt sådan at de elementer der stod forkert var dem hvor jeg havde glemt enhederne. Alle dem hvor de var husket stod OK. Så har man lært een vigtig ting: omhyggelighed!!!
Genialt. Nu virker DEN del ihvertfald.

Hvad med tekstombrydningen?? Ingen åbenlyse fejl i mit stylesheet???
Avatar billede evildoctor Praktikant
08. juli 2004 - 22:23 #7
Mht. teksten, er det ikke det jeg mener.
Problemet er NETOP at kassen udvider sig i stedet for at teksten bliver delt i flere linier.
Jeg vil gerne have at den fastholder en bredde på de 440 pixels der er defineret i stylesheeten. I IE ombrydes teksten således at den står på flere linier (med en bredde på 440 px) hvorimod den i Mozilla står som een lang linie (på over 1000 px).

Hvordan får man gennemtvunget den ombrydning med linieskift???
Avatar billede evildoctor Praktikant
08. juli 2004 - 22:24 #8
Problemet er iøvrigt ikke højden, men bredden!!!!
Avatar billede skovenborg Nybegynder
08. juli 2004 - 22:26 #9
hmm, det lyder lidt mærkeligt - den plejer at blive ombrudt medmindre det er lang tekst uden mellem. Måske du kunne poste lige den del af koden hvor problemmet opstår.
Avatar billede evildoctor Praktikant
08. juli 2004 - 22:28 #10
Har selv fanget fejlen.
Samme fejl som tidligere iøvrigt...

Bredden af min "#tekst" kasse mamgler et "px" efter sig. (Gælder jo iøvrigt også for højden!!!!)

Skovenborg > DU ER EN STJERNE!
Smid et svar og du skal få point... (selv om de ikke kan bruges til noget!)
(Og siderne er nu identiske i IE og Mozilla!)
Avatar billede skovenborg Nybegynder
08. juli 2004 - 22:31 #11
det var da godt - så her er et svar :-)

og hvem ved om man ikke en gang kan fx køve en bil for sine point - så er det jo godt man kan spare lidt op ;-)
Avatar billede skovenborg Nybegynder
09. juli 2004 - 12:12 #12
men tak for points alligevel :-)
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