Notifikationer

Markér alle som læst Log ud

goose Nybegynder

23. november 2004 - 17:40 Der er 13 kommentarer og
3 løsninger

Problem med absolute position

Jeg har et lille problem med noget positionering.
For ikke at fylde alt for meget kode ind her i eksperten, har jeg lagt mit eksempel op på:

http://www.goose.dk/absolut

stylesheet ligger på:
http://www.goose.dk/absolut/style.css

Hvis man ser eksemplet i IE, så står det korrekt hvor den beregner positionen ud fra øverste venstre lysegrønne hjørne og placerer min lyseblå firkant her. Sådan skal det se ud, men i alle andre browsere beregner den positionen ud fra browserens øverste venstre hjørne.

Hvad gør jeg ?

Jeg har nu rodet med dette i meget lang tid, derfor de relative mange point.

/Goose

Synes godt om

skovenborg Nybegynder

23. november 2004 - 17:52 #1

Problemmet i dette tilfælde er at de andre browsere jo ikke retter sig efter position:relative; på tabel-cellen. Af den grund bliver du nødt til at tilføje en div rundt om dit indhold, med position:relative; istedet:
<TD id="indholdTD"><div style="position:relative;">indholdTD<img src="pic.gif" style="position:absolute;left:150px;top:170px;"></div></TD>

Synes godt om

olebole Juniormester

23. november 2004 - 17:54 #2

<ole>

Begynd med den rigtige DTD:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
uden URL'en overholder IE ikke standarderne

/mvh
</bole>

Synes godt om

goose Nybegynder

23. november 2004 - 18:00 #3

skovenborg >> smider du lige et svar ?

olebole >> i know, det var også blot lige et hurtigt eksempel

/Goose

Synes godt om

pallotto Nybegynder

23. november 2004 - 18:01 #4

http://htmlhelp.com/cgi-bin/validate.cgi?url=http://www.goose.dk/absolut&warnings=yes&spider=yes

der står at du ska sette alt .. det betyder at du skal have alt="" i din <img>
hos dig kommer det til at se sådan ud:
<img src="http://www.goose.dk/absolut/pic.gif" alt="" style="position:absolute;left:150px;top:170px;">
alt="" skal bare settes.. om der så står noget i eller ej

Synes godt om

goose Nybegynder

23. november 2004 - 18:06 #5

pallotto >> nu var det ikke det spørgsmålet gik på, men ellers tak.

/Goose

Synes godt om

skovenborg Nybegynder

23. november 2004 - 18:07 #6

pallotto >> øhm, nej der står at ALT attributten ikke er defineret. Og da den jo er påkrævet melder den fejl. Så det han faktisk skal gøre er at give den en værdi.

Og her er så svaret (men husk alligevel doctypen ;-)

Synes godt om

skovenborg Nybegynder

23. november 2004 - 18:08 #7

og 200point vil jeg nok sige er temmelig mange - bare giv mig et sted mellem 15-60, som er normalt for spørgsmål generelt.

Synes godt om

olebole Juniormester

23. november 2004 - 18:10 #8

Ja, hvis du sætter DTD'en, som jeg skrev, vil du nemlig se, siden ikke længere vises, som nu i IE. Du skal sætte DTD'en korrekt og huske:

html, body {
height: 100%
}

... samt at give det div, skovenborg fortalte dig om 'text-align:left'.

Det nytter ikke at bruge en forkert DTD, når man tester sin CSS. Så går det helt galt i IE ;o)

Synes godt om

olebole Juniormester

23. november 2004 - 18:12 #9

... og så skal det være:

<TD id="indholdTD">indholdTD<div style="position:relative;text-align:left"><img src="pic.gif" style="position:absolute;left:150px;top:170px;"></div></TD>

teksten skal ud af div'et, hvis den fortsat skal være centreret

Synes godt om

goose Nybegynder

23. november 2004 - 18:13 #10

Okay, jeg takker for den yderst venlige og værdigfulde hjælp.

olebole >> vil du have del i pointene ?

/Goose

Synes godt om

olebole Juniormester

23. november 2004 - 18:17 #11

Åhhh, så pyt .... 15 points kan man vel altid få ned ;D

Til slut: Et fontnavn skal kun escape's med enkelte gåseøjne, hvis det indeholder et mellemrum:

font-family: 'ms sans serif', tahoma, arial, sans-erif;

Synes godt om

olebole Juniormester

23. november 2004 - 18:18 #12

sans-serif, selvfølgelig :)

Synes godt om

goose Nybegynder

23. november 2004 - 18:27 #13

olebole >> du kom lige med at par guldkorn på falderebet, så jeg giver dig lige lidt ekstra oven i hatten :o)

Tak for hjælpen til jer begge.

/Goose

Synes godt om

goose Nybegynder

23. november 2004 - 18:30 #14

olebole >> bare sjovt at mit stylesheet validerer så ?

/Goose

Synes godt om

olebole Juniormester

23. november 2004 - 18:48 #15

Tjaa ... jeg er faktisk ikke helt sikker på, om man må - men man _skal_, hvis der er mellemrum .... og lad mig så nøjes med at sige, at det ikke er nødvendigt (eller almindeligt) at escape, hvis der ikke er mellemrum. Så må jeg lige pudse de nøjagtige regler af en af dagene :)

Synes godt om

olebole Juniormester

23. november 2004 - 18:49 #16

... men derudover er det før set, at validatoren har haft bugs. Der er jævligt blevet opdateret på den

Synes godt om

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.

Følg dette spørgsmål

Opret Preview

Webudvikling kurser

Vi tilbyder markedets bedste kurser inden for webudvikling

Se alle Webudvikling kurser

Flere spørgsmål fra HTML kategorien

Titel	Indlæg	Oprettet	Seneste aktivitet
Hjælp med HTML og CSS Af Nojsa i HTML	18	10/09/202515:07	17/09/202515:11
CSS 2 x firkanter + tekst på samme linje Af nemlig i HTML	3	19/03/202522:16	20/03/202513:04
Se og ændre html på en webside Af magger i HTML	4	11/03/202513:55	12/03/202506:56
Få input felt, der er med fed skrift og formatteres på linje Af KurtG i HTML	5	02/03/202520:05	04/03/202515:40
Variabler som ikke virker Af Frits Jensen i HTML	3	30/10/202409:37	01/01/202515:27

Se alle spørgsmål i kategorien Opret spørgsmål

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

Alle kategorier på Eksperten

Seneste artiklerRSS