# Height of the template

**URL:** <https://forum.kirupa.com/t/height-of-the-template/23352>\
**Category:** Uncategorized\
**Created:** [June 14, 2003, 10:42pm UTC](https://forum.kirupa.com/t/height-of-the-template/23352 "2003-06-14T22:42:50Z")\
**Posts on this page:** 13\
**Page:** 1

<div class="post-metadata">

**Author:** ![overclocker23](https://avatars.discourse-cdn.com/v4/letter/o/c67d28/32.png) [@overclocker23](https://forum.kirupa.com/u/overclocker23)\
**Post date:** [June 14, 2003, 10:42pm UTC](https://forum.kirupa.com/t/height-of-the-template/23352/1 "2003-06-14T22:42:50Z")

</div>

Hey,  
I created a template in Dreamweaver and I went to test the template out on my browsers like Mozilla, IE, MSN Explorer, Opera and Netscape Navigator. The template was the perfect size for MSN Explorer, and Mozilla but in the other browsers I could see the bar that makes the page moves left and right. So basically my template is bigger for for some browsers but it is the perfect size for other browsers. I searched on google for answers and found out the web designers use a liquid template which makes the template adjust to each browser.

Can anyone tell me how I can do that? Thanks

---

<div class="post-metadata">

**Author:** ![system](https://canada1.discourse-cdn.com/flex011/uploads/kirupa/original/3X/6/2/621e5c11736f46532526e61be85940af4230f3e5.png) [@system](https://forum.kirupa.com/u/system)\
**Post date:** [June 14, 2003, 11:05pm UTC](https://forum.kirupa.com/t/height-of-the-template/23352/2 "2003-06-14T23:05:29Z")

</div>

i don’t really no what you mean

but if you use “100%” and not “700” then it make the screen to fit %100 of the screen and not 700 pixals so it is always perfact no matter what browser of screen res

---

<div class="post-metadata">

**Author:** ![system](https://canada1.discourse-cdn.com/flex011/uploads/kirupa/original/3X/6/2/621e5c11736f46532526e61be85940af4230f3e5.png) [@system](https://forum.kirupa.com/u/system)\
**Post date:** [June 14, 2003, 11:08pm UTC](https://forum.kirupa.com/t/height-of-the-template/23352/3 "2003-06-14T23:08:33Z")

</div>

how do you change the template size from pixels to percent in dreamweaver?  
Thanks.

---

<div class="post-metadata">

**Author:** ![system](https://canada1.discourse-cdn.com/flex011/uploads/kirupa/original/3X/6/2/621e5c11736f46532526e61be85940af4230f3e5.png) [@system](https://forum.kirupa.com/u/system)\
**Post date:** [June 14, 2003, 11:23pm UTC](https://forum.kirupa.com/t/height-of-the-template/23352/4 "2003-06-14T23:23:05Z")

</div>

in you table or frame or whatever were it would say

```php
<table width="800" height="400">

```

change it to

```php
<table width="100%" height="400">

```

you need to set the

```php
<body>

```

tags with it as well

---

<div class="post-metadata">

**Author:** ![system](https://canada1.discourse-cdn.com/flex011/uploads/kirupa/original/3X/6/2/621e5c11736f46532526e61be85940af4230f3e5.png) [@system](https://forum.kirupa.com/u/system)\
**Post date:** [June 15, 2003, 1:41am UTC](https://forum.kirupa.com/t/height-of-the-template/23352/5 "2003-06-15T01:41:35Z")

</div>

I am really confused. Let me reexplain you my question again.

First of all I am using HTML not php for the template in **dreamweaver** I used the layout options in dreamweaver to make my template. When I upload the pages and I try to view them in differnet browsers to make sure that they are working right. Some browsers show that the page is bigger than I expected and some show that the page is perfect size. When I the page is bigger, I see the left and right navigational bar. So I was wondering how can I remove that bar. I know that I reduce the size of the template but then in some browsers I see space on the right side of the page. Thanks and let me know if you still need more explanation.

---

<div class="post-metadata">

**Author:** ![system](https://canada1.discourse-cdn.com/flex011/uploads/kirupa/original/3X/6/2/621e5c11736f46532526e61be85940af4230f3e5.png) [@system](https://forum.kirupa.com/u/system)\
**Post date:** [June 15, 2003, 2:19am UTC](https://forum.kirupa.com/t/height-of-the-template/23352/6 "2003-06-15T02:19:23Z")

</div>

Okay, I will try to reexplain the question from the previous post.

If you log on to [kirupa.com](http://kirupa.com) in MSN Explorer, the size is perfect. If you use any other browsers like Mozilla, Opera, Internet Explorer the size again is perfect.

And I would like to know how I can do that same thing for my website as well.

Thanks.

---

<div class="post-metadata">

**Author:** ![system](https://canada1.discourse-cdn.com/flex011/uploads/kirupa/original/3X/6/2/621e5c11736f46532526e61be85940af4230f3e5.png) [@system](https://forum.kirupa.com/u/system)\
**Post date:** [June 15, 2003, 7:22pm UTC](https://forum.kirupa.com/t/height-of-the-template/23352/7 "2003-06-15T19:22:32Z")

</div>

a few things…

1- He knows you are using HTML not PHP. The PHP tags for the forum show the HTML code without messing things up… The code he showed you was HTML, not PHP.

2- If you did not know that the code he showed you was HTML and not PHP then you seriously need to learn how to use HTML before you go any farther. HTML is not difficult to learn, but you need to know the basics before you can tackle stuff like tables. So check out this link for more information on HTML: [http://freespace.virgin.net/sizzling.jalfrezi/](http://freespace.virgin.net/sizzling.jalfrezi/)

3- There is no need to post about the same topic 3 times, so I am giong to merge your threads.

---

<div class="post-metadata">

**Author:** ![system](https://canada1.discourse-cdn.com/flex011/uploads/kirupa/original/3X/6/2/621e5c11736f46532526e61be85940af4230f3e5.png) [@system](https://forum.kirupa.com/u/system)\
**Post date:** [June 15, 2003, 7:23pm UTC](https://forum.kirupa.com/t/height-of-the-template/23352/8 "2003-06-15T19:23:51Z")

</div>

> \*Originally posted by Jubba \*  
> \*\*a few things…

1- He knows you are using HTML not PHP. The PHP tags for the forum show the HTML code without messing things up… The code he showed you was HTML, not PHP.

2- If you did not know that the code he showed you was HTML and not PHP then you seriously need to learn how to use HTML before you go any farther. HTML is not difficult to learn, but you need to know the basics before you can tackle stuff like tables. So check out this link for more information on HTML: [http://freespace.virgin.net/sizzling.jalfrezi/](http://freespace.virgin.net/sizzling.jalfrezi/)

3- There is no need to post about the same topic 3 times, so I am giong to merge your threads. \*\*

ditto.

Rev

---

<div class="post-metadata">

**Author:** ![system](https://canada1.discourse-cdn.com/flex011/uploads/kirupa/original/3X/6/2/621e5c11736f46532526e61be85940af4230f3e5.png) [@system](https://forum.kirupa.com/u/system)\
**Post date:** [June 16, 2003, 12:59am UTC](https://forum.kirupa.com/t/height-of-the-template/23352/9 "2003-06-16T00:59:28Z")

</div>

> \*Originally posted by Jubba \*  
> \*\*a few things…

1- He knows you are using HTML not PHP. The PHP tags for the forum show the HTML code without messing things up… The code he showed you was HTML, not PHP.

2- If you did not know that the code he showed you was HTML and not PHP then you seriously need to learn how to use HTML before you go any farther. HTML is not difficult to learn, but you need to know the basics before you can tackle stuff like tables. So check out this link for more information on HTML: [http://freespace.virgin.net/sizzling.jalfrezi/](http://freespace.virgin.net/sizzling.jalfrezi/)

3- There is no need to post about the same topic 3 times, so I am giong to merge your threads. \*\*

thanks jubba:)

---

<div class="post-metadata">

**Author:** ![system](https://canada1.discourse-cdn.com/flex011/uploads/kirupa/original/3X/6/2/621e5c11736f46532526e61be85940af4230f3e5.png) [@system](https://forum.kirupa.com/u/system)\
**Post date:** [June 16, 2003, 8:31pm UTC](https://forum.kirupa.com/t/height-of-the-template/23352/10 "2003-06-16T20:31:09Z")

</div>

In my last post you guys showed me how I can make the width of my template flexible so it would automatically adjust according to the browser.

Now, I have 2 tables in which I have couple adds and on the other one I have the latest happenings. I have these tables fixed and they are not in an editable region because then I won’t be able to make any changes to them.

My question is

\*\*Can anyone tell me how I can make my left and right side panels flexible in height so If I have an article on a page then they would both go down to the bottom of the page instead of just stopping in the middle where they end. How can I make their height flexible. \*\* I tried making the height to 100% but it only works for the tables and not for the page. Thanks.

---

<div class="post-metadata">

**Author:** ![system](https://canada1.discourse-cdn.com/flex011/uploads/kirupa/original/3X/6/2/621e5c11736f46532526e61be85940af4230f3e5.png) [@system](https://forum.kirupa.com/u/system)\
**Post date:** [June 16, 2003, 11:40pm UTC](https://forum.kirupa.com/t/height-of-the-template/23352/11 "2003-06-16T23:40:26Z")

</div>

to make the hieght fit 100% of your screen you need your body tag to look like this

```php
<body bottommargin="0" topmargin="0" marginheight="0" marginheight="0">

```

this line you whole site top to bottom of the screen i hope that helped if not post back again

---

<div class="post-metadata">

**Author:** ![system](https://canada1.discourse-cdn.com/flex011/uploads/kirupa/original/3X/6/2/621e5c11736f46532526e61be85940af4230f3e5.png) [@system](https://forum.kirupa.com/u/system)\
**Post date:** [June 17, 2003, 4:37am UTC](https://forum.kirupa.com/t/height-of-the-template/23352/12 "2003-06-17T04:37:44Z")

</div>

Alright, I figured out my problem … Thanks for helping me out. Really appreciate it.

---

<div class="post-metadata">

**Author:** ![system](https://canada1.discourse-cdn.com/flex011/uploads/kirupa/original/3X/6/2/621e5c11736f46532526e61be85940af4230f3e5.png) [@system](https://forum.kirupa.com/u/system)\
**Post date:** [June 17, 2003, 8:14am UTC](https://forum.kirupa.com/t/height-of-the-template/23352/13 "2003-06-17T08:14:41Z")

</div>

np:thumb: