webForumDet fria alternativet

Vill ha bilden i nederkant på sidan

HTML & CSS

4 svar · 324 visningar · startad av lillebror

Medlem sedan apr. 20041 597 inlägg
Frågan#1

Hej,

Jag e ny i det här forumet. Hoppas det finns någon som har en klok tanke på problemet jag har. Enligt bilden som jag har bifogat finns det en bild som avslutar varje sida. Det är den delen som befinner sig mellan de RÖDA strecken. Eftersom det är så lite innehåll på en del sidor lägger sig den delen direkt efter det som är innan. Vad jag vill försöka uppnå är att få den biten mellan de RÖDA strecken att lägga sig dikt an mot nederkanten på sidan.

De sidor som har mer innehåll och som är scrollningsbara fungerar perfekt för då blir automatiskt den delen mellan de RÖDA strecken det sista som visas på sidan. Hmm...hoppas att denna beskrivning var någolunda :) Några idéer förslag?

hemsida.jpg
Medlem sedan jan. 20016 874 inlägg
Medlem sedan apr. 20041 597 inlägg
#3

Det fungerar super!!!! :) Detta har varit en tankenöt för mig en längre tid och nu fungerar det precis som jag vill! Har bifogat en bild. Nu är det bara en liten detalj kvar. Den är en pixel hög rad allra längst ned mot webläsarkanten som är vit. Det verkar som att den inte går ända ner. Vad kan det bero på? Följande CSS-kod har jag använt.

html, body {
    height: 100%;
	}
#container {
    position: relative;
    min-height: 100%;
	}

#footer {
    position: absolute;
    bottom: 0;
	}

<div id="container">Innehåll....</div>
<div id="footer">Footer-kod...</div>
hemsida.jpg
Medlem sedan apr. 20041 597 inlägg
#4

Jag löste problemet med pixel-springan längst ned genom att sätta bottom till -1px...

Medlem sedan apr. 20041 597 inlägg
#5

Jag var visst lite snabb med att ropa hej förut och tro att allt var löst. I grunden så fungerar allting.

När sidan är för kort fungerar koden...

#footer {
    position: absolute;
    bottom: 0;
             }

När sidan är längre än vad webläsarfönstret visar i maximerat läge fungerar koden...

#footer {
    position: relative;
    bottom: 0;
	}

Går det att använda sig av någon form av IF-sats som känner av om längden på sidan överskrider ett vanligt maximerat webläsare fönster för att avgöra vilken av footrarna som skall användas....antingen "relative" eller "absolute".

Tack på förhand! :)

255 ms totalt · 4 externa anrop · v20260731065814-full.86ec41c2
124 ms — deklarationer (db)
0 ms — hämta statistik (cache)
127 ms — hämta tråd, inlägg och bilagor (db)
124 ms — ändringar (db)