/ 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
Placér i bunden
Fra : Thomas Voller


Dato : 14-01-04 23:43

Hej NG.



Jeg har en side, der er opbygget af absolut placerede bokse. En af disse
bokse indholder en masse tekst, sådan at der kommer en scrollbar i siden af
vinduet. Det er helt fint... Næsten.
Jeg har det problem, at jeg gerne vil have en af mine bokse placeret helt i
bunden af siden. Det kan jeg ikke finde ud af. Jeg har prøvet med...

#myDiv {
position: absolute;
bottom: 0px;
width: 100px;
height: 100px;
}

Jeg har også forsøgt med...

#myDiv {
position: absolute;
top: 100%;
width: 100px;
height: 100px;
margin-top: 100px;
}

Begge dele har dog det problem, at boksen bliver placeret i bunden af
vinduet (viewport), ikke i bunden af siden. Så når jeg scroller ned af
siden, så er min boks pludselig ikke længere i bunden af vinduet. Hvad skal
man stille op med det? Kan man i yderste nødstilfælde, hvis man ikke kan
ordne det med CSS, klare det med et javascript?



Mvh. Thomas.



 
 
Erik Ginnerskov (15-01-2004)
Kommentar
Fra : Erik Ginnerskov


Dato : 15-01-04 01:35


"Thomas Voller" <voller@voller.dk> skrev > Jeg har en side, der er opbygget
af absolut placerede bokse. En af disse
> bokse indholder en masse tekst, sådan at der kommer en scrollbar i siden
af
> vinduet. Det er helt fint... Næsten.
> Jeg har det problem, at jeg gerne vil have en af mine bokse placeret helt
i
> bunden af siden. Det kan jeg ikke finde ud af. Jeg har prøvet med...

Et link til den side, der driller dig, ville gøre det meget lettere at
hjælpe dig.

--
Med venlig hilsen
Erik Ginnerskov
http://www.hjemmesideskolen.dk - http://www.html-faq.dk
http://hjem.get2net.dk/egin



Thomas Voller (15-01-2004)
Kommentar
Fra : Thomas Voller


Dato : 15-01-04 08:57

"Erik Ginnerskov" <eginNOSPAM@html-faq.dk> skrev
> Et link til den side, der driller dig, ville gøre det meget lettere at
> hjælpe dig.


Siden er endnu ikke offentligjort, så derfor intet link. Dog har jeg nu lagt
en test-version ud på internettet. Den kan ses her:
http://many.dk/default_new.asp
.... men forvent ikke at alle features virker endnu.

Boksen, der skal placeres helt i bunden af siden, er #ArrowBox. Den
indholder billedet af den store pil, der lige nu er i bunden af
browservinduet.



Mvh. Thomas.



Erik Ginnerskov (15-01-2004)
Kommentar
Fra : Erik Ginnerskov


Dato : 15-01-04 15:49


"Thomas Voller" <voller@voller.dk> skrev

> Boksen, der skal placeres helt i bunden af siden, er #ArrowBox. Den
> indholder billedet af den store pil, der lige nu er i bunden af
> browservinduet.

Med absolut positioneret indhold vil det uundgåeligt give problemer, når du
efterfølgende vil lægge noget, som skal være længere nede på siden. for hvor
meget fylder det absolutte i længden? Det afhænger af bl.a. størrelsen på
det browservindue, som brugeren aktuelt har åbnet siden i.

Problemet opstår, fordi et absolut positioneret element ikke 'fylder' i
sidens øvrige flow. Der er således ikke noget håndgribeligt, der kan
'skubbe' efterfølgende elementer ned.

Du bør derfor overveje en anden måde at indsætte sideindhold end den
absolutte positionering. Et (synes jeg) muligt alternativ er at indsætte
sidens enkelte bokse med floats. Efterfølgende kan et element som din store
pil indsættes med clear.

Læs her om float og clear:

http://www.hjemmesideskolen.dk/html/float.asp

--
Med venlig hilsen
Erik Ginnerskov
http://www.hjemmesideskolen.dk - http://www.html-faq.dk
http://hjem.get2net.dk/egin



Thomas Voller (15-01-2004)
Kommentar
Fra : Thomas Voller


Dato : 15-01-04 16:03

"Erik Ginnerskov" <eginNOSPAM@html-faq.dk> skrev...
> Du bør derfor overveje en anden måde at indsætte sideindhold end den
> absolutte positionering. Et (synes jeg) muligt alternativ er at indsætte
> sidens enkelte bokse med floats. Efterfølgende kan et element som din
store
> pil indsættes med clear.


Problemet vil jo være det samme, om jeg så benytter float og clear. Hvis
siden ikke indeholder tekst nok, så står jeg pludselig i en situation, hvor
den nederste/sidste boks ikke er i bunden af skærmen. Boksen vil derimod
være placeret umiddelbart under den forrige boks. Bare fordi en boks er den
sidste på en side, betyder det jo ikke nødvendigvis at den er i bunden af
skærmen.

I've been down that road before.



Mvh. Thomas.



Erik Ginnerskov (15-01-2004)
Kommentar
Fra : Erik Ginnerskov


Dato : 15-01-04 16:20


"Thomas Voller" <voller@voller.dk> skrev

> Problemet vil jo være det samme, om jeg så benytter float og clear. Hvis
> siden ikke indeholder tekst nok, så står jeg pludselig i en situation,
hvor
> den nederste/sidste boks ikke er i bunden af skærmen. Boksen vil derimod
> være placeret umiddelbart under den forrige boks. Bare fordi en boks er
den
> sidste på en side, betyder det jo ikke nødvendigvis at den er i bunden af
> skærmen.

Jeg kan godt se din anke, men er det ikke et problem, du sjældnere løber ind
i end det modsatte? Og er det ikke af mindre betydning end hvis dit
bundelement bliver puttet ind midt i noget andet?

Jeg ville i hvert fald kunne leve med det.

--
Med venlig hilsen
Erik Ginnerskov
http://www.hjemmesideskolen.dk - http://www.html-faq.dk
http://hjem.get2net.dk/egin



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