08. juli 2004 - 21:56Der 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! ;( ....)
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
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....
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; }
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???
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???
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.
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!)
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.