/ Forside / Teknologi / Udvikling / HTML / Nyhedsindlæg
Login
Glemt dit kodeord?
Brugernavn

Kodeord


Reklame
Top 10 brugere
HTML
#NavnPoint
molokyle 11184
Klaudi 5506
bentjuul 3377
severino 2040
smorch 1950
strarup 1525
natmaden 1396
scootergr.. 1320
e.c 1150
10  miritdk 1110
z-index
Fra : Kaj


Dato : 05-12-04 12:59

Hej

Jeg har et problem med z-index. Jeg har to "kasser" som skal
placeres oven på hinanden. Problemet er, hvis jeg nu bruger css
og sætter dem begge til at være absolute...så vil den ikke passe
ind med det andet jeg har på siden. For hvis jeg trækker i
vinduets kant flytter disse to kasser sig ikke med det andet.

Hvordan kan jeg gøre det sådan at når jeg trækker vinduet at de
to kasser følger med det andet?

mvh

Kaj

--
Vil du lære at kode HTML, XHTML, CSS, SSI, ASP eller ASP.NET?
- Pædagogiske tutorials på dansk
- Kom godt i gang med koderne
KLIK HER! => http://www.html.dk/tutorials

 
 
Knud Gert Ellentoft (05-12-2004)
Kommentar
Fra : Knud Gert Ellentoft


Dato : 05-12-04 14:27

Kaj skrev:

>Jeg har et problem med z-index. Jeg har to "kasser" som skal
>placeres oven på hinanden. Problemet er, hvis jeg nu bruger css
>og sætter dem begge til at være absolute..

z-index virker kun med position: absolute, så jeg tror ikke at
der er nogen brugbar løsning på dit problem.

Elementer, der placeret med position: absolute er ikke med i
sidens flow og det er det du oplever.

Vil ikke udelukke, at der findes en javascriptløsning, men har
aldrig set det.
--
Knud
Topposter du svar, så ryger du på min ignoreringsliste.
Svar under det du citerer og citer kun det du svarer på - tak.
http://usenet.dk/netikette/citatteknik.html

Erik Ginnerskov (05-12-2004)
Kommentar
Fra : Erik Ginnerskov


Dato : 05-12-04 15:13

Kaj wrote:
> Hej
>
> Jeg har et problem med z-index. Jeg har to "kasser" som skal
> placeres oven på hinanden. Problemet er, hvis jeg nu bruger css
> og sætter dem begge til at være absolute...så vil den ikke passe
> ind med det andet jeg har på siden. For hvis jeg trækker i
> vinduets kant flytter disse to kasser sig ikke med det andet.
>
> Hvordan kan jeg gøre det sådan at når jeg trækker vinduet at de
> to kasser følger med det andet?

Løsningen er at lægge dine to kasser ind i en tredje, som du positionerer
relativt. derefter positionerer du de to første kasser i forhold til den
tredje - de er i øjeblikket positioneret i forhold til sidens øverste
venstre hjørne.

#wrapper {
position:relative;
top:0;
left:0;
}
#boks1 {
position:absolute;
top:XXpx;
left:YYpx;
}
#boks2 {
position:absolute;
top:YYpx;
left:XXpx;
}

Efterfølgende vil en ændring af browservinduets størrelse ikke ødelægge
positioneringen af dine bokse.

--
Med venlig hilsen
Erik Ginnerskov
http://hjemmesideskolen.dk - http://html-faq.dk
http://ginnerskov.frac.dk



kaj (05-12-2004)
Kommentar
Fra : kaj


Dato : 05-12-04 15:18


>
> #wrapper {
> position:relative;
> top:0;
> left:0;
> }
> #boks1 {
> position:absolute;
> top:XXpx;
> left:YYpx;
> }
> #boks2 {
> position:absolute;
> top:YYpx;
> left:XXpx;
> }
>
> Efterfølgende vil en ændring af browservinduets størrelse ikke ødelægge
> positioneringen af dine bokse.
>
> --
> Med venlig hilsen
> Erik Ginnerskov
> http://hjemmesideskolen.dk - http://html-faq.dk
> http://ginnerskov.frac.dk
>
>

Jeg takker :)

--
Vil du lære at kode HTML, XHTML, CSS, SSI, ASP eller ASP.NET?
- Pædagogiske tutorials på dansk
- Kom godt i gang med koderne
KLIK HER! => http://www.html.dk/tutorials

Erik Ginnerskov (05-12-2004)
Kommentar
Fra : Erik Ginnerskov


Dato : 05-12-04 16:03

Erik Ginnerskov wrote:

> #wrapper {
> position:relative;
> top:0;
> left:0;
> }
> #boks1 {
> position:absolute;
> top:XXpx;
> left:YYpx;
> }
> #boks2 {
> position:absolute;
> top:YYpx;
> left:XXpx;
> }

Du skal forresten huske at give din wrapper en højde stor nok til at
omslutte dine to positionerede bokse. Disse fylder nemlig ikke noget i
sidens flow, fordi de har position:absolute.

#wrapper {
position:relative;
top:0;
left:0;
height:ZZpx;
}

--
Med venlig hilsen
Erik Ginnerskov
http://hjemmesideskolen.dk - http://html-faq.dk
http://ginnerskov.frac.dk



Søg
Reklame
Statistik
Spørgsmål : 177552
Tips : 31968
Nyheder : 719565
Indlæg : 6408849
Brugere : 218887

Månedens bedste
Årets bedste
Sidste års bedste