Avatar billede prop46 Nybegynder
07. maj 2003 - 22:26 Der er 34 kommentarer og
1 løsning

<div>'er der driller i IE5

På siden jeg er igang med at lave har jeg ved menuen indsat nogle ikoner i <div>'er.

Det virker fint i IE6.... MEN:

Når jeg åbner siden i IE5 "dækker" <diverne> over linksne, selv om ikonerne i <div>'erne IKKe gør.

:0) Mon ikke det er nemmere at se det selv

http://www.rikjor.dk/baelum/index.php
Avatar billede mik789 Nybegynder
07. maj 2003 - 22:28 #1
det su støder ind i her er sikkert det at IE5 har en anden opfattelse af css boks modellen. Du bruger styles, ikke?
Avatar billede prop46 Nybegynder
07. maj 2003 - 22:29 #2
jo...
Avatar billede prop46 Nybegynder
07. maj 2003 - 22:31 #3
Men... jeg har sat en bredde på min <div>'er !?
Avatar billede mik789 Nybegynder
07. maj 2003 - 22:31 #4
se http://www.dahr.dk/Web/BoxModelHack_xml.php

her forklarer jeg problemet
Avatar billede mik789 Nybegynder
07. maj 2003 - 22:34 #5
problemet er at i IE 5 er boksens width og height summen af boksens mål + border, margin og padding, hvorimod i IE6 skal border, margin og padding trækkes fra for at få boksens width og height - så vidt jeg husker. det står i det link, jeg gav dig
Avatar billede olebole Juniormester
07. maj 2003 - 22:34 #6
<ole>

Før du overhovedet kan få noget somhelst CSS til at virke ordentligt, skal du angive en doc-type for dokumentet. Til din kode er denne nok den mest hensigtsmæssige:
  <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
    "http://www.w3.org/TR/html4/loose.dtd">

Du skal dog være opmærksom på, at du nok skal lave en del om i dit layout. Som det er nu, vil din kode med statsgaranti blive vist forskelligt i forskellige browsere og browserversioner.

/mvh
</bole>
Avatar billede mik789 Nybegynder
07. maj 2003 - 22:37 #7
jep, det med doctype er vigtigt. Men du skal til gengæld undgå den såkaldte xml-prolog, dvs.: <?xml version="1.0" encoding="iso-8859-1"?>
den får nogle browsere (IE så vidt jeg husker) til at gå i quirk mode, som det vist hedder når browseren tilsidesætter doctype... ole> ret mig hvis det er forkert
Avatar billede prop46 Nybegynder
07. maj 2003 - 22:39 #8
Statsgaranti.. det var alligevel flot :0)

Så jeg indsætter ovenstående på alle min sider.... Why?
Avatar billede mik789 Nybegynder
07. maj 2003 - 22:41 #9
fordi doctype sikrer at koden opfattes efter standarderne. ellers er det de forskellige browsere der sætter dagsordenen.
Avatar billede olebole Juniormester
07. maj 2003 - 22:41 #10
Det er helt udelukket med denne kode, da den er helt klart HTML4.01 Transitional  ;o)
Til gengæld er det helt vitalt at huske URL'en i doc-typen. Altså sådan:
  <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
    "http://www.w3.org/TR/html4/loose.dtd">
Endelig ikke sådan (som det desværre ofte ses):
  <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">

/mvh
Avatar billede mik789 Nybegynder
07. maj 2003 - 22:41 #11
men selv med doctype, er der problemet med at IE5 simpelthen opfatter boksmålene forkert. det er en fejl i denne browser, som man er nødt til at tage højde for, hvis man vil have det til at se ens ud
Avatar billede olebole Juniormester
07. maj 2003 - 22:42 #12
Min seneste kommentar var til (07/05-2003 22:37:54)  ;o)
Avatar billede prop46 Nybegynder
07. maj 2003 - 22:43 #13
Og ovenstående indsætter jeg selvom mine sider er .php ?
Avatar billede mik789 Nybegynder
07. maj 2003 - 22:44 #14
ja
Avatar billede olebole Juniormester
07. maj 2003 - 22:45 #15
Dine sider er HTML-sider, hvadenten de er genereret af PHP, ASP, JSP eller skrevet i hånden  :)
Så: Ja, den er under alle omstændigheder et must
Avatar billede prop46 Nybegynder
07. maj 2003 - 22:47 #16
hehehehe.... Jeg er vidne til alle guldkornene i aften :0) Thanks!

mik789 --> Men... jeg har hverken padding, border eller noget somhelst fanzy på de <div>'er.. Kun:

.divMenu {
    visibility:visible;
    position: absolute;
    top: 80px;
    height: 25;
    overflow: hidden;
}

og så en bredde der står i selve doc.
Avatar billede prop46 Nybegynder
07. maj 2003 - 22:49 #17
olebole --> Hvorfor er linket vigtigt?
Avatar billede mik789 Nybegynder
07. maj 2003 - 22:54 #18
hvis du hverken har border, margin eller padding er det helt klart ikke det der problemet ;-)

jeg har ikke IE5, så jeg kan ikke se hvordan det ser ud, når det er forkert
Avatar billede prop46 Nybegynder
07. maj 2003 - 22:56 #19
Det ser fuldstændigt ligesådan ud, men kun det sidste link (hvor der ikker er et ikon) kan aktiveres ved "mouseover". Når jeg flytter <div>'erne opad virker liksne fint... Altså skygger de... og jeg bliver vandvittig.... :0) Nej, jeg aner bare ikke hvad der er galt... øv bøv
Avatar billede knudgert Nybegynder
07. maj 2003 - 22:59 #20
>prop46
  <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
    "http://www.w3.org/TR/html4/loose.dtd">
får IE 6 til at gå i standardmode og dermed følger cssstandarden ret nøje.

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
får IE 6 til at gå i quirks mode, af hensyn til de fejl som IE 5.x har.

Et tydeligt eksempel på det kan du se på http://home13.inet.tele.dk/smedpark/test/quirks.htm
Avatar billede prop46 Nybegynder
07. maj 2003 - 23:01 #21
Aber doch ja man :0)
Avatar billede prop46 Nybegynder
07. maj 2003 - 23:01 #22
Men men men.... mine links virker stadig ikke... SUK!
Avatar billede mik789 Nybegynder
07. maj 2003 - 23:02 #23
jeg er ikke sikker på jeg forstår din kode... men hvorfor har du diverne med ikonerne og linkene i hver deres tabel?
Avatar billede prop46 Nybegynder
07. maj 2003 - 23:05 #24
fordi ikonerne "lapper over" menubaren ... Tja... i princippet kunne jeg vel bare sætte linksne op i den samme... du har da ret....? Jeg kan faktisk ikke helt huske det geniale i det mere.....!!
Avatar billede mik789 Nybegynder
07. maj 2003 - 23:07 #25
jeg tror problemet ligger her. du må ikke have noget der lapper over, med mindre det er meningen at det SKAL ligge over. jeg ville placere det i én tabel men evt. med en separate celler til div'er og links
Avatar billede olebole Juniormester
07. maj 2003 - 23:14 #26
Du kan jo altid positionere dem og tildele dem en left- og en top-værdi. Så kan de godt ligge i samme celle  :)
Avatar billede prop46 Nybegynder
07. maj 2003 - 23:16 #27
Jeg kigger på det... og det ser sjovt ud... men det er vist også vejen frem :0)

Tak for hjælpen og jeres informative natur.... DEJLIGT :0)
Avatar billede olebole Juniormester
07. maj 2003 - 23:18 #28
... anytime  ;o)
Avatar billede mik789 Nybegynder
07. maj 2003 - 23:19 #29
og tak for point ;-)
Avatar billede prop46 Nybegynder
07. maj 2003 - 23:52 #30
:0) Nu virker det i IE5.... "Glæder" mig til at se om det virker om IE6 imorgen :0)
Avatar billede olebole Juniormester
08. maj 2003 - 00:03 #31
Du behhøver ikke vente ... det virker fint  ;o)
I NS ligger de dog nogle pixels højere. Så er der et lille knæk i den lyse, lodrette linie ved formen ... et par px, eller så.
/mvh
Avatar billede prop46 Nybegynder
08. maj 2003 - 00:04 #32
Takker :0)
Avatar billede prop46 Nybegynder
08. maj 2003 - 09:39 #33
Hvis der stadig er nogen der lytter med..... Når jeg sætter den omtalte doctype i mit document vises sden HELT anderledes i IE6.... Hvilket vel egt vil sige at mine koder er helt til rotteren, not?
Avatar billede mik789 Nybegynder
08. maj 2003 - 10:32 #34
måske noget i den stil... ;-)

nu ved jeg ikke hvordan du har lavet siden. på koden ser det ud som om den er genereret af et program. Hvilket program har du brugt. Under alle omstændigheder, hvad enten man bruger disse programmer (Dreamweever, GoLive, Frontpage m.fl.) eller selv koder, er det en god ting at kende standarderne. Det nemmeste værktøj er efter min mening dem du finder på http://www.w3schools.com/default.asp - Her finder du både korte skoler og overskulige referencer til det meste.
Avatar billede prop46 Nybegynder
08. maj 2003 - 11:42 #35
Oki... jeg håndkoder nu det hel... kigger på linket :0)
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