N.nu Support › Svenska

Hur får man en statisk knapp rätt i sidled?

Classic

List

Threaded

4 messages Options

whiskytroll

Hur får man en statisk knapp rätt i sidled?

Hej

Jag håller på att skapa en hemsida med twentyeleven som template.

På högerkanten har jag en knapp för att ta mig längst upp igen. Jag kan med CSS få den statisk, så den hela tiden ligger på samma ställe på skärmen, så den så att säga "följer med" när man skrollar. Tanken är att man alltid ska ha knappen på samma ställe så man kan gå längst upp, även om man inte är längst ner ännu.

Problemet är att jag inte förstår hur jag ska göra för att få den placerad rätt i sidled. Jag vill att den ska ligga exakt på högra kantlinjen mellan <body> och <background>, men verkar bara kunna placera den i absoluta termer, typ antal pixlar/cm el dyl från kanten av skärmen. Så det blir alltså olika ställen beroende på vilken typ av skärm man har. Jag skulle vilja veta hur man får den relativ till <body> ist.

MVH / Jesper

whiskytroll

Re: Hur får man en statisk knapp rätt i sidled?

Insåg just att jag hade skrivit att knappen var statisk. Det var klumpigt formulerat, för den är inte statisk enligt CSS förstås, det var bara en beskrivning - tänkte inte på att begreppet faktiskt betyder nåt i CSS... :P Den är fixerad är en bättre beskrivning, eftersom det är "fixed" som är dess CSS-attribut.

Jag hoppas någon kan hjälpa mig med mitt problem.

MVH / Jesper

whiskytroll

Re: Hur får man en statisk knapp rätt i sidled?

LÖST:

Jag gjorde 2 kolumner av sidan, där den vänstra fick vara 98% och innehålla allt material på sidan, och den högra spalten är 2% och innehåller bara "Upp-pilen" och lite CSS om att vara statisk:

<div style="float: left; width: 98%;">
<p>innehåll</p>
</div>
<div style="float:right;width: 2%;">

</div>
<div style="clear:both;"></div>

Mkt nöjd. Hoppas någon har nytta av det här! :)

whiskytroll

Re: Hur får man en statisk knapp rätt i sidled?

Jag vet inte varför det där blev helt scramblat... Men koden för att generera kolumnerna blev rätt. Den för att placera bilden däremot försvann, tillsammans med början av clear-taggen. Lika bra kanske - upptäckte att det smugit sig in ett stavfel som gjorde att jag inte kunde använda det... Här är den korrekta och anonymiserade koden:

<img title="beskrivning_tex:Längst upp" src="det_man får_när_man_laddar_upp_bilden" style="position: fixed; bottom: 80px;"/>
</div>
<div style="clear:both;"></div>

Placeras alltså i 2%-spalten, direkt efter <div style="float:right;width: 2%;"> och innan clear-taggen.