Søg
Avatar billede plato Juniormester
04. november 2004 - 21:44 Der er 19 kommentarer og
1 løsning

Problem med position

Hejsa NG.

Jeg håber virkelig i kan hjælpe mig.

Hvis I kigger her:
http://www.filmnet.dk/test/default.asp

kan I se at to billeder sidder klistret helt ude til venstre, helt uden for siden.
De to billeder skal ind i boksen hvor der står:
"Her skal det være"

Men hvis jeg fjerner position: absolute; virker z-index ikke.

Hvordan løser jeg lige det problem så billederne bliver inden for <td> hvor de skal?
Avatar billede syvon Nybegynder
04. november 2004 - 22:03 #1
har du prøvet at fjerne

left: 0px;
bottom: 0px;
Avatar billede syvon Nybegynder
04. november 2004 - 22:10 #2
og så skal absolute vist nok ændres til relative
Avatar billede plato Juniormester
04. november 2004 - 22:18 #3
Så tror jeg slet z-index vil virke. Prøve lige
Avatar billede plato Juniormester
04. november 2004 - 22:19 #4
Nej, så vil billederne ikke "lægge" sig ovenpå hinanden.
Avatar billede plato Juniormester
04. november 2004 - 22:22 #5
Er der slet ingen der kan løse det?
Avatar billede syvon Nybegynder
04. november 2004 - 22:27 #6
har du prøvet at fjerne position
Avatar billede plato Juniormester
04. november 2004 - 22:28 #7
Ja, så er det, det samme. Så har z-index ingen effekt. Billederne placeres bare efter hinanden og ikke ovenpå hinanden. :-(
Avatar billede syvon Nybegynder
04. november 2004 - 22:32 #8
så prøv at sætte den i din div  <div style="z-index:1"></div>
Avatar billede syvon Nybegynder
04. november 2004 - 22:36 #9
men ellers http://www.meyerweb.com/eric/css/references/css2ref.html
Avatar billede plato Juniormester
04. november 2004 - 22:45 #10
<div style="z-index:1"></div>

Dur heller ikke.
Avatar billede plato Juniormester
04. november 2004 - 22:51 #11
Fandt ud af det, men det var sgu heller ikke nemt:

<div style="background-image: url(../pics/<%=rs("pic")%>);background-repeat:no-repeat;z-index:1;width:70px;height:100px;"></a><div style="z-index:2;"><img src="image/content-bio-pic.gif"></div></div>
Avatar billede notes2c Nybegynder
04. november 2004 - 22:53 #12
Du kunne have gjort

#bio-pic
        {
        position: absolute;
        margin-top: -55px;
        margin-left: 0px !important;
        margin-left: -40px;
        z-index: 1;
        }

#content-bio-pic
        {
        position: absolute;
        margin-top: -55px;
        margin-left: 0px !important;
        margin-left: -40px;
        z-index: 2;
        }
Avatar billede notes2c Nybegynder
04. november 2004 - 22:55 #13
Din egen løsning virker ikke i FireFox
Avatar billede syvon Nybegynder
04. november 2004 - 23:00 #14
den virker fint i firefox her
og den virker også fint i opera og Ns
Avatar billede notes2c Nybegynder
04. november 2004 - 23:02 #15
Ja nu, men koden er også belve rettet
Avatar billede syvon Nybegynder
04. november 2004 - 23:03 #16
notes2c>> tror heller ikke den løsning virker da han som du kan se skal have flere billeder stående og de skal jo heller ikke være det samme sted.
Avatar billede plato Juniormester
04. november 2004 - 23:07 #17
Takker for jeres effort! :-)
Avatar billede notes2c Nybegynder
04. november 2004 - 23:10 #18
syvon >> Det ville jeg da heller ikke mene de komme til, gjore det da jeg testede.
Avatar billede syvon Nybegynder
04. november 2004 - 23:10 #19
så lidt :-)
Avatar billede olebole Juniormester
05. november 2004 - 01:17 #20
<ole>

Med den DTD, du anvender, tvinger du IE til ikke at overholde standarderne, hvorfor den bl.a. ikke kan tolke CSS korrekt. Derfor bør du anvende en anden DTD, f.eks:
  <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
    "http://www.w3.org/TR/html4/loose.dtd">

Så kan også IE tolke din CSS korrekt. Når du har rettet din DTD - og efterfølgende din CSS - vil din side se så ens ud i forskellige browsere, som muligt. På den måde vil du slippe for at lave alle mulige små-hacks og krumspring for at få din side til at fungere ordentligt. Der når du aldrig til med den DTD, du bruger.

/mvh
</bole>
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
Seneste spørgsmål Seneste aktivitet
I dag 19:46 Skift fra Microsoft365 til Microsoft 2024 Af 1Dorte i Office & Kontorpakker
I går 16:51 Links m.m. virker ikke Af Kjeld Aage Christiansen i PC
I går 11:04 Outlookproblem Af g91 i E-mail programmer
I går 09:21 Firefox - Bøvl med idelig genbekræftelse af identitet Af andershl i Browsere
17/0815:14 Sætte billeder ind i google sheets ark ud fra elev nummer Af lurup i Excel
White papers
Flere white papers »