Avatar billede jih Nybegynder
08. april 2009 - 13:07 Der er 13 kommentarer og
1 løsning

absolute positioning er ikke cross-browser

Jeg har lidt problemer med absolute positionering.

jeg bruger
style="position:absolute;left:880px;top:0px;"

FireFox (og hvordan det skal se ud):
http://imageload.dk/browse/file/a2f650664543b0d702b14b5f1a103b98/

Internet Explorer (og hvordan det IKKE skal se ud):
http://imageload.dk/browse/file/768ef72d336f404b2c5e974c1eeb6702/

Nogen der kan hjælpe med dette? Giver gerne mere kode, hvis der er brug for det..

// jih
Avatar billede keysersoze Ekspert
08. april 2009 - 13:19 #1
du bliver nødt til at komme med hele koden eller helst et link.
Avatar billede jih Nybegynder
08. april 2009 - 14:04 #2
hele koden bliver lidt besværligt med 4 forskellige asp filer og en js fil.
Men link: http://www.kortal.fo/FinnVegAjax.asp
Avatar billede zips Juniormester
08. april 2009 - 15:16 #3
Start med at indsætte en doctype så css kan virke, listen på doctyper er her http://www.w3.org/QA/2002/04/valid-dtd-list.html

Når du har indsat den, så få din side valid  http://validator.w3.org/check?verbose=1&uri=http%3A%2F%2Fwww.kortal.fo%2FFinnVegAjax.asp
Avatar billede keysersoze Ekspert
08. april 2009 - 17:46 #4
enig - uden de nævnte tiltag vil det være irrelevant at hjælpe.
Avatar billede olebole Juniormester
09. april 2009 - 00:43 #5
<ole>

Husk også at angive dokumentets Content-Type - f.eks. med:
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8">

/mvh
</bole>
Avatar billede jih Nybegynder
14. april 2009 - 11:23 #6
har løst problemet vha relative positionering og færre tables.
Siden er kun temporær endnu, og behøver ikke at være "valid" - yet.
Når den engang kommer til sin launch-stage, skal vi nok sørge for at den er valid.
Avatar billede olebole Juniormester
14. april 2009 - 12:30 #7
Det er næsten mere vigtigt, at siderne er valide, mens der testes. I en invalid kode kan man aldrig stole på, hvad der sker  ;o)
Avatar billede jih Nybegynder
14. april 2009 - 14:30 #8
jeg takker for rådet, og skal huske det når jeg laver en side fra scratch, men nu er det sådan at vi bruger OpenLayers og forskelligt som allerede er lavet, som vi helst ikke vil ændre for meget i før vi ved det virker. ;-)
Avatar billede olebole Juniormester
14. april 2009 - 14:48 #9
"som vi helst ikke vil ændre for meget i før vi ved det virker" >> Jeg tror, du misforstår. Du kan aldrig regne med, hvad der sker i et invalidt dokument - heller ikke i OpenLayers. Er dokumentet ikke validt, har du ingen anelse om, hvordan det teer sig i forskellige browsere - eller hvad der sker, hvis du gør koden valid  =)

Som eksempel kan du jo prøve denne side i FF og IE:

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>Titel</title>
<style type="text/css">
div {
    width: 200px;
    height: 200px;
    background: yellow;
}
.withBorders {
    border: 50px solid red;
}
</style>
</head>
<body>

<div>bla</div>

<div class="withBorders">bla</div>

</body>
</html>

Prøv så den samme side med en DTD foroven:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>Titel</title>
<style type="text/css">
div {
    width: 200px;
    height: 200px;
    background: yellow;
}
.withBorders {
    border: 50px solid red;
}
</style>
</head>
<body>

<div>bla</div>

<div class="withBorders">bla</div>

</body>
</html>

- og læg mærke til den enorme forskel ... og læg mærke til, den kun forekommer i IE.

Det nytter ikke at fremstille et komfur - og først, når man har testet alt, beslutte sig til, om det skal køre på el eller gas. Det kan kun give mening at teste på det, man vil lave - præcist, som man vil lave det. Ellers spilder man bare sin tid med tests  :o)
Avatar billede jih Nybegynder
14. april 2009 - 15:41 #10
hmm.. Det var mærkeligt. Er der en forklaring på hvorfor ændringen kun sker i IE? Der er vist noget om det. Tror vi bliver nødt til at smide en doctype ind. Kan du give mig et link til noget som kan give mig en komplet forståelse af doctyper? Hvad jeg skal bruge til hvad for nogle hjemmesider, osv.?
Avatar billede olebole Juniormester
14. april 2009 - 21:29 #11
Her er forklaringen på, hvad der sker med IE og DTD'er:
    http://msdn.microsoft.com/en-us/library/bb250395.aspx#cssenhancements_topic2

Her er DTD'en for HTML 4.01:
    http://www.w3.org/TR/html401/sgml/dtd.html

- og her er DTD'en for HTML 4.01 Transitional:
    http://www.w3.org/TR/html401/sgml/loosedtd.html

- selvom den sidste nok burde være udfaset forlængst. HTML 4.01 Strict er seneste velunderstøttede standard på WWW. Først om flere år kan man forvente, XHTML er nogenlunde understøttet af browserne.

Her taler vi kun om DTD'en, men der er masser af andre ting, der kan have stor betydning for visningen. Jeg vil på det allervarmeste opretholde min anbefaling af løbende valideringer under udviklingen  ;o)
Avatar billede olebole Juniormester
14. april 2009 - 21:42 #12
Jeg har lavet et lille værktøj, kaldet en bookmarklet - du kan læse mere om bookmarklets her:
    http://www.dengodekode.dk/bm_artikel.html

Du kan kopiere dette link ind i et HTML dokument og kaste det i en browser:
    <a href="java script:if(location.protocol.indexOf("http")!=0){alert("Du kan kun validere online filer.")}else location.href='http://validator.w3.org/check?uri='+encodeURIComponent(location.href)+'&charset=%28detect+automatically%29&doctype=Inline&group=0&ss=1&verbose=1'">[OCBM] - Validate</a>

Nu højreklikker du på linket og vælger 'Add to Favorites'. Du får en advarselsboks, men den klikker du OK i - der er intet farligt ved scriptet. Jeg vælger altid mappen 'Links' til mine bookmarklets, så de lægger sig som knapper i Links baren foroven i Explorer - og er let tilgængelige.

Når du efterfølgende står på en side, du gerne vil validere, klikker du bare på favoritten. Så ryger du direkte til W3C's validator, som automatisk validerer siden for dig. Prøv det!  ;o)
Avatar billede jih Nybegynder
15. april 2009 - 09:24 #13
jeg takker for hjælpen. :-)
Avatar billede olebole Juniormester
15. april 2009 - 09:29 #14
Selvtak  ;o)
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