Søg
Avatar billede mik789 Nybegynder
21. juli 2002 - 19:30 Der er 9 kommentarer og
3 løsninger

img og position:relative

Normalt vil en række af relativt positionerede div'er efter hinanden blive vist under hinanden og uden mellemrum.
Men hvis man indsætter et billede i en div som er positioneret relativt, sker der det uheldige at IE og NS viser resultatet forskelligt. NS lægger et par pixels til div'ens højde. Prøv at se på www.dahr.dk/center_tabel.html (både i IE og i NS6) og forklar mig hvad der sker og hvad jeg skal gøre for at få de ekstra pixels til at forsvinde.
Avatar billede mik789 Nybegynder
21. juli 2002 - 20:24 #1
tænkte lige at det måske var fordi NS har en default vspace værdi, men selv hvis jeg sætter vspace="0" er der ekstra mellemrum under billedet i NS.
Avatar billede lequet Nybegynder
21. juli 2002 - 21:06 #2
har du prøvet med margin : 0px ; på billedet
Avatar billede sukos Juniormester
21. juli 2002 - 22:48 #3
Hvad med margin: 0px; på div'en?
Avatar billede sukos Juniormester
21. juli 2002 - 23:02 #4
hmm, det virker hvis du piller
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"

"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

væk :O)
Avatar billede =maddog= Nybegynder
22. juli 2002 - 00:19 #5
sukos> uden den sidste del validrerer den ikke CSS (jeg har prøvet), hvilket jo giver et vink med en vognstang om at det er et CSS spørgsmål indeed.
mik> du er sikker på at margin og padding er sat til 0??
Avatar billede mik789 Nybegynder
22. juli 2002 - 07:47 #6
maddog> nej, det er jeg ikke. jeg prøver lige.
Avatar billede mik789 Nybegynder
22. juli 2002 - 08:42 #7
OK, det hjalp af fifle med billedets margin. Med koden: style="bottom-margin:-4px" i img tag'et forsvandt mellemrummet, uden at det har indflydelse på visningen i IE. Egentlig er det mærkeligt, for nu burde der mangle 4px for neden af billedet i IE, men det gør der ikke. Hvad synes I om negative marginer? Er der noget om at de giver problemer i andre browsere? Hvis nogle af jer gider prøve at åbne linket (i mit spørgsmål) i andre browsere og se om det ser ordentligt ud, vil jeg være taknemmelig. Der skal ikke være nogle mellemrum mellem div'er og fra billedet til næste div. Det er med vilje jeg ikke har valgt en cellebredde der er større end billedet, så man kan se den bagvedliggende div. Jeg fordeler pointene på os alle.
Avatar billede mik789 Nybegynder
22. juli 2002 - 08:43 #8
nå nej, så skal I da lige lægge nogle svar.... ;-)
Avatar billede mik789 Nybegynder
22. juli 2002 - 12:33 #9
mens jeg venter på jeres svar, kan jeg fortælle at jeg fandt en bedre løsning end negative marginer eller fjerneelse af evt. default padding (det er rigtigt at det også var en løsning at sætte billedets padding til 0px - irriterende med skjulte default værdier!).

Men at problemet opstår i det hele taget skyldes at IE og NS er uenige om flere forskellige default værdier, og det sætter sig igennem når man anvender relativ positiononering, fordi denne jo tager udgangspunkt i det normale flow. På den anden side er relativ positionering en løsning på forskellig skærmopløsning hos brugere. Så løsningen blev at lave en "container"-div der er relativt positioneret (dvs. i forhold til den tabel der opdeler siden inden i en anden tabel, så siden er centreret uanset skærmopøsning). Og så inden i denne container-div have alle andre div'er absolut positioneret (og det vil så være i forhold til den omgivende container-div). I kan selv se det på den rettede kode i linket i mit spørgsmål.
Avatar billede lequet Nybegynder
22. juli 2002 - 13:45 #10
:) Svar

Kan desværre kun se det i IE 6 lige for tiden, men godt du fandt ud af det :)
Avatar billede =maddog= Nybegynder
22. juli 2002 - 14:26 #11
Svar :)
Avatar billede mik789 Nybegynder
23. juli 2002 - 11:44 #12
er det OK at jeg selv snupper lidt af pointene tilbage - jeg bidrog også selv til at løse og belyse problemet - og min point bank er meget lille
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
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.

Opret Log ind

Du kan også logge ind via nedenstående tjenester

Alle kategorier på Eksperten
IT-JOB
Seneste spørgsmål Seneste aktivitet
I går 16:43 Nomad Tracking Car Af fleknes i Apps til Android
25/0916:15 Internet forsvinder hele tiden Af TTA i Internetforbindelser
23/0920:49 Fejl på Tv2 Play Af Bukse i Browsere
23/0918:11 VB, Lægge 2 celler sammen og skrive den i cellen ved side af Af MC3390 i Excel
21/0910:39 DBA er ikke hvad det tidligere var - desværre! Af ErikHg i Fri debat
White papers
Flere white papers »