---
title: "Visa div i vänstra hörnet av fönstret"
type: "forum-thread"
url: "https://www.webforum.nu/amne/javascript/182555-visa-div-i-vänstra-hörnet-av-fönstret"
topic: "JavaScript"
topic_url: "https://www.webforum.nu/amne/javascript"
author: "Mattias Nordin"
published: "2010-02-24T11:51:02.000Z"
updated: "2010-02-25T13:26:36.000Z"
replies: 8
views: 538
page: 1
pages: 1
language: "sv-SE"
site: "webForum — webforum.nu"
rights: "Upphovsrätten till varje inlägg tillhör dess författare."
attribution: "Citera som: webForum, https://www.webforum.nu/amne/javascript/182555-visa-div-i-vänstra-hörnet-av-fönstret"
---

# Visa div i vänstra hörnet av fönstret

## #1 — Mattias Nordin, 2010-02-24T11:51Z

Hur gör man för att visa en div i vänstra hörnet av webläsaren utan att diven försvinner när man scrollar fönstret?
Den ska scrollas med neråt. Många reklambanners beter sig så.

/ M  :stud

Permalänk: https://www.webforum.nu/p/182555

## #2 — lilja, 2010-02-24T12:08Z

Menar du såhär?

<http://www.dynamicdrive.com/dynamicindex1/staticmenu.htm>

Eller såhär?

<http://www.dailycoding.com/Posts/creating_always_visible_div_using_css.aspx>
<http://www.howtocreate.co.uk/fixedPosition.html>

Permalänk: https://www.webforum.nu/p/2226702

## #3 — Mattias Nordin, 2010-02-25T12:07Z

Ja det är precis som alternativ nummer två jag vill ha det.

Det som jag inte förstår är att på dailyCoding sidan så fungerar exemplet med rutan i högra hörnet men om jag klipper och klistrar koden på sidan så fungerar det inte i samma webläsare. 

Vad gör jag för fel eller vad är fel på hans kod?

För mig ligger alla rutor i övre vänstra hörnet utan att hänga med vid scrollning.
Jag använder mig av IE8

Permalänk: https://www.webforum.nu/p/2226790

## #4 — The_Hulk, 2010-02-25T12:14Z

Svårt att säga vad som är fel om man inte ser koden.
Använder han något externt javascript som du inte fått med?

Permalänk: https://www.webforum.nu/p/2226791

## #5 — Mattias Nordin, 2010-02-25T12:22Z

Bryter man ned koden så är det följande som fixerar divven men det fungerar ej i IE8.

```
    <div style="position:fixed;">
        <p>Always visible sample</p>
    </div>
```

Hela koden från dailyCoding finns på [denna testsida](http://www.filmsnutt.se/test.asp).

Fungerar bra i FireFox men inte i IE. Undrar fortfarande vad det är som gör att det fungerar på hans sida??!!¿¿

/ M

Permalänk: https://www.webforum.nu/p/2226795

## #6 — voigtann1, 2010-02-25T12:30Z

> **[Mattias Nordin skrev:](https://www.webforum.nu/p/1498867)**
>
> Bryter man ned koden så är det följande som fixerar divven men det fungerar ej i IE8.
> 
>
>
> ```
>     <div style="position:fixed;">
>         <p>Always visible sample</p>
>     </div>
> ```
>
> 
> 
> 
> Hela koden från dailyCoding finns på [denna testsida](http://www.filmsnutt.se/test.asp).
> 
> Fungerar bra i FireFox men inte i IE. Undrar fortfarande vad det är som gör att det fungerar på hans sida??!!¿¿
> 
> / M

<http://www.howtocreate.co.uk/fixedPosition.html> hade ju en "fix" för IE

Permalänk: https://www.webforum.nu/p/2226798

## #7 — Travoni, 2010-02-25T12:35Z

Ledtråd DOCTYPE... ;-)

Permalänk: https://www.webforum.nu/p/2226799

## #8 — Mattias Nordin, 2010-02-25T12:36Z

Ahhh så dumt... detaljer... han har missat en sak. Följande doctype fungerar:

```
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"> 

  <div style="position:fixed;">
        <p>Always visible sample</p>
    </div>
```

Provade först med: 
\<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"\>
vilket inte fungerade.

Men fy fan vad jobbigt. Då ser andra saker ut som skit i IE8 medans i firefox så ser det perfekt ut....

Permalänk: https://www.webforum.nu/p/2226800

## #9 — Mattias Nordin, 2010-02-25T13:26Z

Tack för hjälpen alla =)

Permalänk: https://www.webforum.nu/p/2226804

---

Tråden på webben: https://www.webforum.nu/amne/javascript/182555-visa-div-i-vänstra-hörnet-av-fönstret
