Avatar billede janegil Nybegynder
31. oktober 2003 - 11:36 Der er 21 kommentarer

Ålassere et bilde nederst på siden, og nederst på skjermen

Hvordan får jeg plassert et bilde under teksten min, på en slik måte at

1)
Hvis teksten er mer enn en skjermfull, kommer bildet rett under teksten.

2)
Hvis teksten er mindre enn en hel skjerm, kommer bildet nederst på skjermen. Altså: den ledige plassen skal være mellom tekst og bilde, ikke under bildet.
Avatar billede janegil Nybegynder
31. oktober 2003 - 11:50 #1
Kjernen i problemet er kanskje å få BODY STYLE="min-height:100%; til å fungere.

I Opera og Mozilla (men ikke IE) kan man angi minstehøyden i pixler, men ikke i prosent. Problemet kan være at de prøver å bergne body-høyde i prosent av seg selv?
Avatar billede exp Juniormester
31. oktober 2003 - 12:07 #2
prøv at skrive dette i dit css-dok:
html, body {
    height: 100%;
}
Avatar billede exp Juniormester
31. oktober 2003 - 12:12 #4
Avatar billede janegil Nybegynder
31. oktober 2003 - 14:02 #5
Avatar billede exp Juniormester
31. oktober 2003 - 14:04 #6
Desværre sk*der IE højt og flot på mange af standarderne...
Avatar billede skovenborg Nybegynder
31. oktober 2003 - 15:14 #7
exp >> Eller også tror de selv de laver standarden ;-)
Avatar billede olebole Juniormester
31. oktober 2003 - 15:51 #8
<ole>

Hvilket de faktisk gør - da de er en af de største deltagere i W3C.
At de så nok regner med, at folk faktisk også læser standarden, er en helt anden ting. Gør man det, vil man vide, det ikke giver mening at anvende procent-angivelser på et HTML-elements dimensioner, med mindre der er sat dimensioner på det omkransende element.
Da body-elementet og html-elementet ikke adskiller sig på dette felt, skal dimensioner naturligvis også sættes på disse.

Da IE6 jo efterhånden er en ganske gammel browser, understøtter den desværre ikke ret meget CSS2 - og derfor heller ikke 'min-height' og 'max-height'.

/mvh
</bole>
Avatar billede janegil Nybegynder
31. oktober 2003 - 15:52 #9
Ja.
Nå er vi halvveis i Opera: BODY fyller hele skjermen (pluss litt til). Men bildet som jeg vil ha i bunnen av vinduet, er plassert litt over toppen.

Og i Mozilla fyller ikke (rosa) BODY hele (turkis) HTML.

(Og IE kan vi glemme: der fungerer ikke min-height i det hele tatt.)
Avatar billede skovenborg Nybegynder
31. oktober 2003 - 16:05 #10
olebole >> Jeg har faktisk læst at microsoft har opgivet deres samarbejde med W3C. Men det er måske kun et rygte...
Avatar billede olebole Juniormester
31. oktober 2003 - 16:10 #11
skovenborg >> Rygtet er poppet op med jævne mellemrum gennem en del år. Om der er en frisk, opdateret version af det på banen - og om det denne gang holder vand - ved jeg ikke  :o)
/mvh
Avatar billede skovenborg Nybegynder
31. oktober 2003 - 16:12 #12
ja det vil i hvert fald ikke være så godt for webstandarderne hvis de virkelig gjorde ;-)
Men man ved aldrig med Microsoft.
Avatar billede janegil Nybegynder
31. oktober 2003 - 17:07 #13
CSS er vel nokså taus mht hva som skjer når man nærmer seg ytterste containing block.

Tror ikke det ville stride mot CSS om en browser bestemmer seg for at et BODY uten mål på, alltid er minst like stort som vinduet? Tross alt viser browserne BODYs bakgrunnsfarve i hele vinduet, se http://landsbank.fo/test/smallbody.html
Avatar billede olebole Juniormester
31. oktober 2003 - 17:26 #14
janegil >> Jo, det er forkert med en ikke-dimesioneret body, hvis du vil indskrive elementer i den med relative størrelser (procent).

Jeg har dog ikke helt forstået dine ønsker. Vil du have et billede placeret helt i bunden af siden ... eller?  :)
/mvh
Avatar billede janegil Nybegynder
01. november 2003 - 15:32 #15
Jeg vil ha bildet under teksten, og aldri over bunnen av vinduet.

Altså: hvis tekst + bilde ikke fyller hele høyden av vinduet, så skal tomrommet komme under teksten, men over bildet, så bildet ligger nederst i vinduet.
Avatar billede janegil Nybegynder
01. november 2003 - 15:38 #16
olebole:
"med mindre der er sat dimensioner på det omkransende element."
?
% gir vel mening, enten dimensjoner på containing block er satt eksplisitt, eller er gitt implisitt?

Det er en underlig asymmetri mellom BODYs høyde og bredde:
Browserne sette høyden til å være max av innholdets bredde og vinduets bredde.
Men de setter BODYs høyde til å være lik innholdets høyde, uavhengig av hvor stort vinduet måtte være. Ulogisk, synes jeg. Og jeg kan ikke se at CSS spesifiserer at det skal være slik. Men CSS spesifiserer heller ikke at det skal være slik som jeg vil ha det.

(Og fanden vet hva de gjør i et skriftsystem som skriver på høykant?)
Avatar billede janegil Nybegynder
01. november 2003 - 15:39 #17
Rettelse:
Browserne sette BREDDEN til å være max av innholdets bredde og vinduets bredde.
Men de setter BODYs høyde til å være lik innholdets høyde, uavhengig av hvor stort vinduet måtte være.
Avatar billede olebole Juniormester
02. november 2003 - 02:13 #18
body-elementet er et block-level element og har derfor pr. definition det omkransende elements bredde - og indholdets højde ... fuldstændig som andre block-level elementer (f.eks. <div> og <p>).
Derfor skal der sættes en højde eksplicit, hvis child-elementer skal sættes med relative højder.

Standarden er konsistent ... er det ikke dejligt?  :)
/mvh
Avatar billede janegil Nybegynder
03. november 2003 - 10:44 #19
Jeg tror jeg er enig med deg i at standarden er konsistent.
Men jeg er redd det går på bekostning av komplettheten. (Kurt Gõdel Rides Again.)
http://www.w3.org/TR/CSS2/visudet.html#containing-block-details :

»The containing block (called the initial containing block) in which the root element lives is chosen by the user agent.«

Og det er her jeg ønsker at browserne ville gjøre et annet valg enn hva de faktisk gjør: nemlig at rotens containing block aldri blir mindre enn vinduet.

Det ser ut til at du har rett i at man ikke kan bruke prosent-høyde av en containing block som ikke har størrelsen gitt eksplisitt: http://landsbank.fo/test/root.containing.block.html
Det ville jo også være et ubehagelig regnestykke for browseren, ettersom BODY-høyde avhenger av DIV-høyde.

Du har rett i at CSS spesifiserer forskjellig behandling av høyde og bredde, bredden kan tas i prosent av implistt bredde, mens høyden bare kan tas av eksplisitt høyde.

Så selv om jeg får browseren til å akseptere at BODY ikke kan være mindre enn vinduet, så kommer jeg ingen vei.

Er eneste måten oppgaven kan løses i HTML, å låse både vindusstørrelse og skriftstørrelse? (Så kunne jeg like gjerne bruke PDF.)

Sitter med en følelse av at jeg har bruk for "float: down;", men denslags finnes jo ikke i CSS 2.
Avatar billede janegil Nybegynder
03. november 2003 - 10:45 #20
(Jeg mente KURT GÖDEL, med ö.)
Avatar billede janegil Nybegynder
03. november 2003 - 11:18 #21
Tror jeg kan ha funnet det jeg vil ha, når CSS 3 kommer:
http://landsbank.fo/test/float.bottom.html
(Men det ser ikke ut som jeg vil i Opera 7.21, IE6 og Mozilla 1.5)
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
Vi tilbyder markedets bedste kurser inden for webudvikling

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.

Du kan også logge ind via nedenstående tjenester