---
title: "onMouseOver = Visa/dölj DIV"
type: "forum-thread"
url: "https://www.webforum.nu/amne/html-css/141969-onmouseover-visa-dölj-div"
topic: "HTML & CSS"
topic_url: "https://www.webforum.nu/amne/html-css"
author: "learn"
published: "2006-02-03T14:28:42.000Z"
updated: "2006-02-04T20:29:31.000Z"
replies: 9
views: 578
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/html-css/141969-onmouseover-visa-dölj-div"
---

# onMouseOver = Visa/dölj DIV

## #1 — learn, 2006-02-03T14:28Z

Jag har en div som jag vill låsa till en viss höjd med scrollning. Varje rad (p) är relativt lång och därför skall div:ens bredd också vara låst men istället för en scroll här så skall div:en öka i bredd när man håller musen över. 

Koden ser nu ut så här:

```
<style type="text/css">
p {
padding:5px 3px;
width:700px;
background-color:#CCC;
}
div {
margin:20px;
width:400px; 
height:200px; 
overflow-y:scroll; 
overflow-x:hidden
}
</style>

<div id="test" onMouseOver="test.style.width='700px'" onMouseOut="test.style.width='400px'">
<p>Bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla</p>
<p>Bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla</p>
<p>Bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla</p>
<p>Bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla</p>
<p>Bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla</p>
<p>Bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla</p>
<p>Bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla</p>
<p>Bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla</p>
<p>Bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla</p>
<p>Bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla</p>
<p>Bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla</p>
</div>
```

Detta funkar precis som jag vill i IE. Men i FF och Opera vill det sig inte riktigt. "overflow-y:scroll; overflow-x:hidden" tycks inte tolereras. Why ([ska tydligen funka](http://www.webforum.nu/showthread.php?t=41032) )?

Testa koden i IE så får ni se hur jag **vill** ha det i alla webbläsare... :)

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

## #2 — zcorpan, 2006-02-03T15:58Z

Vilken version av Firefox har du?

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

## #3 — learn, 2006-02-03T16:09Z

> **zcorpan skrev:**
>
> Vilken version av Firefox har du?

1\.0.6. 

Jag kan ju göra så här:

```
overflow:auto; /* 1 */
overflow-y:scroll; overflow-x:hidden; /* 2 */
overflow:-moz-scrollbars-vertical; /* 3 */
```

Där **1** är för Opera, **2** för IE och **3** för FF. Känns ju lite löjligt men, men... Problemet kvarstår dock i Opera där den horizontella scrollen fortfarande syns (vid onMouseOut).

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

## #4 — zcorpan, 2006-02-03T16:59Z

Testa [Firefox 1.5](http://www.mozilla.com/firefox/) istället. :)

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

## #5 — tanten, 2006-02-03T17:11Z

Ta bort test. i koden och ha bara style.width=  kvar

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

## #6 — learn, 2006-02-03T17:22Z

> **zcorpan skrev:**
>
> Testa [Firefox 1.5](http://www.mozilla.com/firefox/) istället. :)

Nja, jag vill ju licksom att det ska funka för "alla"...

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

## #7 — tanten, 2006-02-03T18:45Z

Jag måste bara fråga om inte mitt tips fungerade?
Till att börja med reagerade ff hos mig som att det var ett javascript i koden. Mycket underligt beteende och inte förrän jag tog bort test. så slutade den validera allt som eventuellt kunde vara javascript på min dator. Länkar, andra öppna sidor, t.o.m. googles sökruta...!
Sedan fungerade även din kod. Fungerar även i IE.

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

## #8 — learn, 2006-02-03T23:29Z

tanten, tar man bort tips så flippar Opera som för den delen även vill ha *document*.

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

## #9 — tanten, 2006-02-04T07:54Z

OK  :( 
Då funkar din kod med test. hos mig i ff om man använder 
\<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"\>
med strict eller högre högre så blir det javascriptfel direkt.
Någon får gärna förklara detta för mig...  :q
Fungerar inte heller i någon av dem om jag stänger av javascript.

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

## #10 — echoSwe, 2006-02-04T20:29Z

<http://bennolan.com/behaviour/>
bättre än
\<a href="#" onclick="..."\>.\</a\>

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

---

Tråden på webben: https://www.webforum.nu/amne/html-css/141969-onmouseover-visa-dölj-div