/ 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
Border og absolute position
Fra : Martin


Dato : 13-01-11 14:06

Hej,

Hvordan får man borderen til at ramme sig rundt om de absolutte
positioneret elementer?

http://aarhof.eu/newsgroup/html/absolute-border.html

borderen er sat på <div class="album"> og absolute er sat på img
felterne inden i den klasse.

 
 
Leif Neland (13-01-2011)
Kommentar
Fra : Leif Neland


Dato : 13-01-11 14:52


"Martin" <maa@scandesigns.invalid> skrev i en meddelelse
news:4d2ef8cb$0$23764$14726298@news.sunsite.dk...
> Hej,
>
> Hvordan får man borderen til at ramme sig rundt om de absolutte
> positioneret elementer?
>
> http://aarhof.eu/newsgroup/html/absolute-border.html
>
> borderen er sat på <div class="album"> og absolute er sat på img felterne
> inden i den klasse.

Du må sætte en højde på det element, rammen skal være omkring.
Et absolute-positioneret element ligger ikke indeni noget og kan derfor ikke
udvidde din <div class=album>; det ligger "ovenpå".
Ellers må du sætte border på
div.album img i stedet.Leif



Birger Sørensen (13-01-2011)
Kommentar
Fra : Birger Sørensen


Dato : 13-01-11 16:41

Leif Neland forklarede:
> "Martin" <maa@scandesigns.invalid> skrev i en meddelelse
> news:4d2ef8cb$0$23764$14726298@news.sunsite.dk...
>> Hej,
>>
>> Hvordan får man borderen til at ramme sig rundt om de absolutte
>> positioneret elementer?
>>
>> http://aarhof.eu/newsgroup/html/absolute-border.html
>>
>> borderen er sat på <div class="album"> og absolute er sat på img felterne
>> inden i den klasse.
>
> Du må sætte en højde på det element, rammen skal være omkring.
> Et absolute-positioneret element ligger ikke indeni noget og kan derfor ikke
> udvidde din <div class=album>; det ligger "ovenpå".
> Ellers må du sætte border på
> div.album img i stedet.Leif

Det er ikke helt rigtigt.
Et absolut element er taget ud af det normale flow, men det er stadig i
det element det er indsat i, i koden.
Positionering, vil være i forhold til det element det er indsat i.
Problemet med den aktuelle (tvivlsomme) anvendelse af position:absolute
er at der ikke angives nogen position - elementet skal absolut placeres
et eller andet sted, og det overlades til browseren at finde ud af hvor
det er. Og det er svjh, sådan at browserne gør forskelligt. Nogen
antager top,left til 0,0 , mens andre lægger det hvor det normale flow
er nået til.

Det er generelt en skidt ide at absolut positionere elementer. Det gør
at det normale flow bliver sat ud af drift, hvilket igen betyder, at
ikke alle kan se siden som den er tænkt, fordi de færreste bruger samme
vinduesstørrelse som designeren.
Absolut positionering kan anvendes til et layout af siden - men
elementer der indeholder information er det som regel en dårlig ide at
positionere absolut.
(Og hvis man designer layoutet med absoult positionering, skal man tage
specielle hensyn til IE < 8!)

Birger

--
http://varmeretter.dk - billig, sund og hurtig mad
http://bbsorensen.dk



Martin (13-01-2011)
Kommentar
Fra : Martin


Dato : 13-01-11 18:47

On 13-01-2011 16:41, Birger Sørensen wrote:
> Leif Neland forklarede:
>> "Martin" <maa@scandesigns.invalid> skrev i en meddelelse
>> news:4d2ef8cb$0$23764$14726298@news.sunsite.dk...
>>> Hej,
>>>
>>> Hvordan får man borderen til at ramme sig rundt om de absolutte
>>> positioneret elementer?
>>>
>>> http://aarhof.eu/newsgroup/html/absolute-border.html
>>>
>>> borderen er sat på <div class="album"> og absolute er sat på img
>>> felterne inden i den klasse.
>>
>> Du må sætte en højde på det element, rammen skal være omkring.
>> Et absolute-positioneret element ligger ikke indeni noget og kan
>> derfor ikke udvidde din <div class=album>; det ligger "ovenpå".
>> Ellers må du sætte border på
>> div.album img i stedet.Leif
>
> Det er ikke helt rigtigt.
> Et absolut element er taget ud af det normale flow, men det er stadig i
> det element det er indsat i, i koden.
> Positionering, vil være i forhold til det element det er indsat i.
> Problemet med den aktuelle (tvivlsomme) anvendelse af position:absolute

Så fik man den
men nu var det også noget helt specielt jeg skulle bruge det til

Hvis man kender til iPhoto på Mac, så har den en ret lækker funktion til
at vise "forside billede" til et galleri album, og den vil jeg så immitere.

Men jeg fandt på en bedre løsning at gøre det på.
http://hiltunen.dk/test.html

> er at der ikke angives nogen position - elementet skal absolut placeres
> et eller andet sted, og det overlades til browseren at finde ud af hvor
> det er. Og det er svjh, sådan at browserne gør forskelligt. Nogen
> antager top,left til 0,0 , mens andre lægger det hvor det normale flow
> er nået til.

Jeg kender da ingen browsere der ikke positioner efter den første parent
med relative position (hvis ikke den findes, så skulle den gerne ende op
i body, altså øverste venstre hjørne)

Birger Sørensen (13-01-2011)
Kommentar
Fra : Birger Sørensen


Dato : 13-01-11 19:47

Martin udtrykte præcist:
> On 13-01-2011 16:41, Birger Sørensen wrote:
>> Leif Neland forklarede:
>>> "Martin" <maa@scandesigns.invalid> skrev i en meddelelse
>>> news:4d2ef8cb$0$23764$14726298@news.sunsite.dk...
>>>> Hej,
>>>>
>>>> Hvordan får man borderen til at ramme sig rundt om de absolutte
>>>> positioneret elementer?
>>>>
>>>> http://aarhof.eu/newsgroup/html/absolute-border.html
>>>>
>>>> borderen er sat på <div class="album"> og absolute er sat på img
>>>> felterne inden i den klasse.
>>>
>>> Du må sætte en højde på det element, rammen skal være omkring.
>>> Et absolute-positioneret element ligger ikke indeni noget og kan
>>> derfor ikke udvidde din <div class=album>; det ligger "ovenpå".
>>> Ellers må du sætte border på
>>> div.album img i stedet.Leif
>>
>> Det er ikke helt rigtigt.
>> Et absolut element er taget ud af det normale flow, men det er stadig i
>> det element det er indsat i, i koden.
>> Positionering, vil være i forhold til det element det er indsat i.
>> Problemet med den aktuelle (tvivlsomme) anvendelse af position:absolute
>
> Så fik man den
> men nu var det også noget helt specielt jeg skulle bruge det til
>
> Hvis man kender til iPhoto på Mac, så har den en ret lækker funktion til at
> vise "forside billede" til et galleri album, og den vil jeg så immitere.
>
> Men jeg fandt på en bedre løsning at gøre det på.
> http://hiltunen.dk/test.html
>
>> er at der ikke angives nogen position - elementet skal absolut placeres
>> et eller andet sted, og det overlades til browseren at finde ud af hvor
>> det er. Og det er svjh, sådan at browserne gør forskelligt. Nogen
>> antager top,left til 0,0 , mens andre lægger det hvor det normale flow
>> er nået til.
>
> Jeg kender da ingen browsere der ikke positioner efter den første parent med
> relative position (hvis ikke den findes, så skulle den gerne ende op i body,
> altså øverste venstre hjørne)

Der er svjh nogen af de ældre IE'ere, der ikke forstår absolut
positionering uden position - eller i hvert fald opfører sig anderledes
end rigtige browsere.

Skal billederne skifte med lynets hast når man kører musen vandret hen
over? Det ser ud som om hastigheden fordbles for hvert tryk på
billedet... (FF)

Birger

--
http://varmeretter.dk - billig, sund og hurtig mad
http://bbsorensen.dk



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

Månedens bedste
Årets bedste
Sidste års bedste