Avatar billede Slettet bruger
13. marts 2005 - 20:19 Der er 26 kommentarer og
1 løsning

Ingen %-angivelse i IE?

Hejsa.

Jeg fatter det ikke: Det virker fint i Opera og Firefox, men IE fatter åbenbart ikke en %-angivelse for en højde-angivelse i en DIV.
Jeg kan godt få IE til at vise en højde, angivet i px, men ikke i %.

Nogen som ved hvorfor?
Avatar billede Slettet bruger
13. marts 2005 - 20:19 #1
Her er koden:

<!doctype html public "-//w3c//dtd html 4.01 transitional//en"
    "http://www.w3.org/tr/html4/loose.dtd">

<html>
<head>
    <title>untitled</title>
    <meta http-equiv="content-type" content="text/html; charset=iso-8859-1">
   
    <style type="text/css" media="all">
        #browse {        /* IE +5/Win  */
        background-color:#b3b3b3;
        position: absolute;
        border: none;
        top: 0px;
        right: 8px;
        border: none;   
        padding: 0px;
        margin: 0px;
        width: 21px;           
        height: 99%; }   
   
    html>body #browse {            /*Til Opera og andre browsere. */
        background-color:#b3b3b3;
        color:#b3b3b3;
        position: absolute;
        border: none;
        top: 0px;
        right: 8px;
        border: none;   
        padding: 0px;
        margin: 0px;
        width: 21px;           
        height: 99%; }   
    </style>
   
</head>
<body>

    <div id="browse"></div>

</body>
</html>
Avatar billede jokkejensen Novice
13. marts 2005 - 20:20 #2
html,body {
    height: 100%;
}

div#test {
    height: 100%;
}


IE er lidt anderledes :)
Avatar billede Slettet bruger
13. marts 2005 - 20:21 #3
Sorry, DTD-angivelsen er denne:

<!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" xml:lang="en" lang="en">
<head>
    <title>test1</title>
    <meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1" />
Avatar billede Slettet bruger
13. marts 2005 - 20:22 #4
jokkejensen:
Øh... den fattede jeg ikke lige... kan du ikke venligst forklare hvad du mener?
Avatar billede alister_crowley Nybegynder
13. marts 2005 - 20:23 #5
Det er faktisk fordi at IE er den eneste som er korrekt mht. standarten på dette punkt, hvis jeg altså har gætte rigtigt i hvad du laver.

Brug en table istedet, de er lavet til formålet.
Avatar billede Slettet bruger
13. marts 2005 - 20:23 #6
...det er ligegyldigt hvor mange % jeg angiver for IE. Den fatter det bare ikke.
Avatar billede jokkejensen Novice
13. marts 2005 - 20:26 #7
<style type="text/css" media="all">
        html,body {
    height: 100%;
}
div#browse{
        background-color:#b3b3b3;
        position: absolute;
        border: none;
        top: 0px;
        right: 8px;
        border: none;   
        padding: 0px;
        margin: 0px;
        width: 21px;           
        height: 99%; }   
  </style>

noget i den stil...


http://www.quirksmode.org/css/100percheight.html
Avatar billede Slettet bruger
13. marts 2005 - 20:26 #8
En tabel? Men tabeller er jo primært til tabulære data...
Jeg troede at jeg nemmere kunne bruge en DIV, men nu er jeg kommet i tvivl...
Avatar billede Slettet bruger
13. marts 2005 - 20:28 #9
jokkejensen:

Ja, jeg har faktisk også angivet dette i mit externe stylesheet:
html,body {
    margin: 0px;
    padding: 0px;
    height: 100%;
    width: 100%; 
    background-color:#e7e7e7; 
}
Avatar billede Slettet bruger
13. marts 2005 - 20:29 #10
Men det kan da ikke passe, at man ikke kan angive en %-angivelse i IE, vel?
Avatar billede jokkejensen Novice
13. marts 2005 - 20:30 #11
nej !! kig på ovenstående link... der er der eksempler !!!
Avatar billede Slettet bruger
13. marts 2005 - 20:32 #12
jokkejensen:
Det gør jeg også, men umiddelbart kan jeg ikke se nogen løsning. Kræver nok ca. 20 min. at tygge sig igennem det hele.
Avatar billede jokkejensen Novice
13. marts 2005 - 20:35 #13
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN">

prøv lige den, og så den css jeg skrev tidligere
Avatar billede Slettet bruger
13. marts 2005 - 20:41 #14
jokkejensen:
Det er næsten også den DOC-type jeg bruger i forvejen. Så ingen forskel der.

Jeg har nu set via dit link, at det alligevel godt kan lade sig gøre (det ville også være mystisk andet).
MEN: Det forklarer stadig ikke, hvorfor mit script ikke virker.
Avatar billede jokkejensen Novice
13. marts 2005 - 20:43 #15
hehe nej... det burde det også.... gider du prøve at smide al html koden... ?
Avatar billede Slettet bruger
13. marts 2005 - 20:45 #16
Jeps, men jeg tror nok at det ville være meget lettere, hvis jeg uploader hvad jeg har lavet indtil nu.
Giv mig lige 3 min.
Avatar billede jokkejensen Novice
13. marts 2005 - 20:46 #17
k
Avatar billede Slettet bruger
13. marts 2005 - 20:52 #18
http://extend.dk/kfhasjfukdfyj/index.html

Se selv hvor forskelligt den grå linie i højre sige opfører sig i hhv. IE vs. Opera og Firefox.
Avatar billede jokkejensen Novice
13. marts 2005 - 20:55 #19
siden kan ikke vises her ?
Avatar billede Slettet bruger
13. marts 2005 - 20:59 #20
Den virkede før, og er også uploadet. Men nu kan jeg heller ikke selv komme ind på den, hverken via en browser eller FTP.
Prøver igen lige om lidt.
Avatar billede alister_crowley Nybegynder
13. marts 2005 - 21:02 #21
fyyyy !!! <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"> = forbudt doctype.

Hvis der ikke er DTD link med ignorer IE doctype fuldstændig, og kan derefter ikke forstå en brik af CSS på en korrekt måde.
Avatar billede jokkejensen Novice
13. marts 2005 - 21:09 #22
alister >> nå okay, stjal bare fra det eksempel der virkede fra det link...
Avatar billede olebole Juniormester
13. marts 2005 - 21:19 #23
<ole>

Jamen, hvad er det, der ikke skulle fungere ved denne kode:

<!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" xml:lang="en" lang="en">
<head>
    <title>test1</title>
    <meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1" />
<style type="text/css" media="all">
html, body {
    height: 100%;
    margin: 0px;
    padding: 0px;
}
#browse {        /* IE +5/Win  */
    background-color:#b3b3b3;
    position: absolute;
    border: none;
    top: 0px;
    right: 8px;
    border: none;   
    padding: 0px;
    margin: 0px;
    width: 21px;           
    height: 100%;
}   

html>body #browse {            /*Til Opera og andre browsere. */
    background-color:#b3b3b3;
    color:#b3b3b3;
    position: absolute;
    border: none;
    top: 0px;
    right: 8px;
    border: none;   
    padding: 0px;
    margin: 0px;
    width: 21px;           
    height: 100%;
}   
</style>
</head>
<body>

<div id="browse">&nbsp;</div>

</body>
</html>

- der er det grå felt til højre 100% højt  :)

At det så er tosset at skrive XHTML, er så en anden ting.
Da jeg går udfra, du skriver XHTML i den tro, det er bedst, vil jeg råde dig til at gå tilbage til HTML4.01. XHTML fungerer væsentligt dårligere end HTML4.01-Strict - og din side parses alligevel kun som fejlfyldt HTML ... ikke som XHTML  ;o)

/mvh
</bole>
Avatar billede Slettet bruger
29. marts 2005 - 20:43 #24
Hejsa igen, Ole.

Tja, lidt lang tid siden jeg har været herinde... men NU er jeg her! :-) Er DU her???
Avatar billede olebole Juniormester
30. marts 2005 - 18:22 #25
yups  :)
Avatar billede Slettet bruger
21. april 2005 - 15:07 #26
Ole:
Du øh... kan du ikke venligst lægge et svar, så jeg kan tildele dig points og få lukket spørgsmålet?
Avatar billede olebole Juniormester
21. april 2005 - 15:42 #27
Hehe ... gerne  :)
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