# Resolutions problem

**URL:** <https://forum.kirupa.com/t/resolutions-problem/205016>\
**Category:** Uncategorized\
**Created:** [October 25, 2006, 12:47pm UTC](https://forum.kirupa.com/t/resolutions-problem/205016 "2006-10-25T12:47:10Z")\
**Posts on this page:** 8\
**Page:** 1

<div class="post-metadata">

**Author:** ![Abus](https://yyz1.discourse-cdn.com/flex011/user_avatar/forum.kirupa.com/abus/32/930_2.png) [@Abus](https://forum.kirupa.com/u/Abus)\
**Post date:** [October 25, 2006, 12:47pm UTC](https://forum.kirupa.com/t/resolutions-problem/205016/1 "2006-10-25T12:47:10Z")

</div>

[LEFT]my page has a header,a body and a footer. I want to give a static value to header and footer but the body will have an % height.

currently my values are;[/LEFT]

header : 45px  
body : 88.4%  
footer : 22px

with these values it fits 1024 \* 768 but when I view the page at 1280 \* 1024 there is a blank space under the footer which has a 29px height. I want this page to fit every resolution.

You can view the page at [www.abus.terzzi.com/menu](http://www.abus.terzzi.com/menu)

---

<div class="post-metadata">

**Author:** ![bwh2](https://avatars.discourse-cdn.com/v4/letter/b/8c91f0/32.png) [@bwh2](https://forum.kirupa.com/u/bwh2)\
**Post date:** [October 25, 2006, 2:03pm UTC](https://forum.kirupa.com/t/resolutions-problem/205016/2 "2006-10-25T14:03:09Z")

</div>

yeah, that’s not going to work. think about it mathematically: 45px and 22px are different percentages of the total resolution from monitor to monitor. so on your monitor, they are 11.6%, but that’s not going to be true for everyone. then what? if they’re higher than 11.6% who knwos what happens. if they’re lower than 11.6%, what section will make up the remainder? you can have this setup though:

header: 45px  
body: remainder  
footer: 22px

---

<div class="post-metadata">

**Author:** ![fasterthanlight](https://avatars.discourse-cdn.com/v4/letter/f/ecc23a/32.png) [@fasterthanlight](https://forum.kirupa.com/u/fasterthanlight)\
**Post date:** [October 25, 2006, 2:38pm UTC](https://forum.kirupa.com/t/resolutions-problem/205016/3 "2006-10-25T14:38:29Z")

</div>

Try not to EVER design resolution-specifically

Fluid layouts that expand and contract to the user’s screen without breaking the site is what it is all about these days.

---

<div class="post-metadata">

**Author:** ![aldomatic](https://avatars.discourse-cdn.com/v4/letter/a/ee7513/32.png) [@aldomatic](https://forum.kirupa.com/u/aldomatic)\
**Post date:** [October 25, 2006, 2:43pm UTC](https://forum.kirupa.com/t/resolutions-problem/205016/4 "2006-10-25T14:43:56Z")

</div>

here are some layouts that might help you out… [LINK](http://blog.html.it/layoutgala/)

---

<div class="post-metadata">

**Author:** ![Abus](https://yyz1.discourse-cdn.com/flex011/user_avatar/forum.kirupa.com/abus/32/930_2.png) [@Abus](https://forum.kirupa.com/u/Abus)\
**Post date:** [October 25, 2006, 3:36pm UTC](https://forum.kirupa.com/t/resolutions-problem/205016/5 "2006-10-25T15:36:09Z")

</div>

[quote=fasterthanlight™;1985199]Try not to EVER design resolution-specifically

Fluid layouts that expand and contract to the user’s screen without breaking the site is what it is all about these days.[/quote]

Thats what I am trying to achieve, the reason that i gave px heights to my footer and header is that it contains some images like logos.

So the solution is, i guess making the header and footer % too. But header has an background image attached to it, that can affect maybe. And I need to make my image’s width and height %.

---

<div class="post-metadata">

**Author:** ![bwh2](https://avatars.discourse-cdn.com/v4/letter/b/8c91f0/32.png) [@bwh2](https://forum.kirupa.com/u/bwh2)\
**Post date:** [October 25, 2006, 3:45pm UTC](https://forum.kirupa.com/t/resolutions-problem/205016/6 "2006-10-25T15:45:34Z")

</div>

img width and height are in px, not %. the solution is to do it the way i mentioned.

---

<div class="post-metadata">

**Author:** ![simplistik](https://yyz1.discourse-cdn.com/flex011/user_avatar/forum.kirupa.com/simplistik/32/7747_2.png) [@simplistik](https://forum.kirupa.com/u/simplistik)\
**Post date:** [October 25, 2006, 4:42pm UTC](https://forum.kirupa.com/t/resolutions-problem/205016/7 "2006-10-25T16:42:38Z")

</div>

your body height shouldn’t be declared, it should just be fluid and it will stretch the height of the page if there’s enough content.

---

<div class="post-metadata">

**Author:** ![Abus](https://yyz1.discourse-cdn.com/flex011/user_avatar/forum.kirupa.com/abus/32/930_2.png) [@Abus](https://forum.kirupa.com/u/Abus)\
**Post date:** [October 25, 2006, 6:14pm UTC](https://forum.kirupa.com/t/resolutions-problem/205016/8 "2006-10-25T18:14:14Z")

</div>

> [@simplistik;1985266](#):
>
> your body height shouldn’t be declared, it should just be fluid and it will stretch the height of the page if there’s enough content.

but what if I want my footer to be always appear at the bottom of the screen?
