# Full width, but not height

**URL:** <https://forum.kirupa.com/t/full-width-but-not-height/264595>\
**Category:** Uncategorized\
**Created:** [June 27, 2008, 5:02pm UTC](https://forum.kirupa.com/t/full-width-but-not-height/264595 "2008-06-27T17:02:57Z")\
**Posts on this page:** 10\
**Page:** 1

<div class="post-metadata">

**Author:** ![thejinx](https://avatars.discourse-cdn.com/v4/letter/t/b19c9b/32.png) [@thejinx](https://forum.kirupa.com/u/thejinx)\
**Post date:** [June 27, 2008, 5:02pm UTC](https://forum.kirupa.com/t/full-width-but-not-height/264595/1 "2008-06-27T17:02:57Z")

</div>

hey! I want my flashheader to match the **width of the viewers browsers** , but **not** the **height**. It’s only a header, not a fullscreenflashsite. It should adjust as I resize the window. I have the flashswf in the maximized width possible (1600px) so the pictures wont be distorted. The movie should fit inside the browser, and not be cut on the sides.  
So if I have a \*\*1024x768 \*\*browser, the swf should be **1024x368**  
If the browserwindow is \*\*1152x864, \*\*the swf should adjust its size to \*\*1152x414  
\*\*if **1600x1200** , the swf=\*\*1600x575. \*\*yeah well you see where I’m going with this

thanx!

---

<div class="post-metadata">

**Author:** ![sekasi](https://avatars.discourse-cdn.com/v4/letter/s/5f8ce5/32.png) [@sekasi](https://forum.kirupa.com/u/sekasi)\
**Post date:** [June 27, 2008, 5:08pm UTC](https://forum.kirupa.com/t/full-width-but-not-height/264595/2 "2008-06-27T17:08:32Z")

</div>

publish to 100% and put it inside a div… have the div grow/shrink and hence expanding the flash app.

---

<div class="post-metadata">

**Author:** ![thejoeknows\_com](https://avatars.discourse-cdn.com/v4/letter/t/5daacb/32.png) [@thejoeknows\_com](https://forum.kirupa.com/u/thejoeknows_com)\
**Post date:** [June 27, 2008, 6:03pm UTC](https://forum.kirupa.com/t/full-width-but-not-height/264595/3 "2008-06-27T18:03:22Z")

</div>

yea, set the div to 100% width and how ever many pixels high. so even when they resize it itll stay the full screens length

---

<div class="post-metadata">

**Author:** ![thejinx](https://avatars.discourse-cdn.com/v4/letter/t/b19c9b/32.png) [@thejinx](https://forum.kirupa.com/u/thejinx)\
**Post date:** [June 27, 2008, 7:06pm UTC](https://forum.kirupa.com/t/full-width-but-not-height/264595/4 "2008-06-27T19:06:14Z")

</div>

I posted this in a forum for flashembedding (swfobject), and I was told this could be done in actionscript 3. Here’s my result from trying out the thing u said (100%): [http://www.sandralindbergmusic.com/site](http://www.sandralindbergmusic.com/site)  
and that does clearly not work, it is spread all over like a full screen flashsite. If I don’t write 100% height in the div, there wont be anything showing in firefox. And I want it to work in most browsers…  
So that’s why I posted it in here (actionscript 3.0) so I hope anyone has a solution fixing this in the flashfile itself?

---

<div class="post-metadata">

**Author:** ![thejinx](https://avatars.discourse-cdn.com/v4/letter/t/b19c9b/32.png) [@thejinx](https://forum.kirupa.com/u/thejinx)\
**Post date:** [June 28, 2008, 1:37am UTC](https://forum.kirupa.com/t/full-width-but-not-height/264595/5 "2008-06-28T01:37:38Z")

</div>

uppp!😃

---

<div class="post-metadata">

**Author:** ![Anogar](https://avatars.discourse-cdn.com/v4/letter/a/ed655f/32.png) [@Anogar](https://forum.kirupa.com/u/Anogar)\
**Post date:** [June 28, 2008, 1:50am UTC](https://forum.kirupa.com/t/full-width-but-not-height/264595/6 "2008-06-28T01:50:15Z")

</div>

You didn’t set the height.

```auto

height:600px;

```

---

<div class="post-metadata">

**Author:** ![abrarshf](https://avatars.discourse-cdn.com/v4/letter/a/a698b9/32.png) [@abrarshf](https://forum.kirupa.com/u/abrarshf)\
**Post date:** [June 28, 2008, 5:59am UTC](https://forum.kirupa.com/t/full-width-but-not-height/264595/7 "2008-06-28T05:59:56Z")

</div>

hi dear,  
you can do this very easily,  
you put your movie header in div tag with the property of over flow.  
like,  
#div{  
width:100%;  
height: 1000px;  
overflow: hidden;  
}

---

<div class="post-metadata">

**Author:** ![thejinx](https://avatars.discourse-cdn.com/v4/letter/t/b19c9b/32.png) [@thejinx](https://forum.kirupa.com/u/thejinx)\
**Post date:** [June 28, 2008, 1:05pm UTC](https://forum.kirupa.com/t/full-width-but-not-height/264595/8 "2008-06-28T13:05:11Z")

</div>

[quote=abrarshf;2350562]hi dear,  
you can do this very easily,  
you put your movie header in div tag with the property of over flow.  
like,  
#div{  
width:100%;  
height: 1000px;  
overflow: hidden;  
}[/quote]

Ok so I have done this now: [http://www.sandralindbergmusic.com/site](http://www.sandralindbergmusic.com/site) but there is still black on the overflow of the movie, on the top and bottom to fill out the div. What is it that I’m doing wrong?

---

<div class="post-metadata">

**Author:** ![Illustratr](https://avatars.discourse-cdn.com/v4/letter/i/b77776/32.png) [@Illustratr](https://forum.kirupa.com/u/Illustratr)\
**Post date:** [June 29, 2008, 9:41pm UTC](https://forum.kirupa.com/t/full-width-but-not-height/264595/9 "2008-06-29T21:41:52Z")

</div>

Unless you’ve adjusted things since your last past…it seems to work fine for me on Opera OSX. O.o

---

<div class="post-metadata">

**Author:** ![thejinx](https://avatars.discourse-cdn.com/v4/letter/t/b19c9b/32.png) [@thejinx](https://forum.kirupa.com/u/thejinx)\
**Post date:** [June 30, 2008, 9:15pm UTC](https://forum.kirupa.com/t/full-width-but-not-height/264595/10 "2008-06-30T21:15:29Z")

</div>

Ok it’s good to know that it works in some browsers. It’s just firefox that I can not seem to get it right in. There must be some way to do this in the actionscriptcode?  
please don’t hasitate if u have an idea on how to make this work!