View Full Version : Full page layout


Jared
11-08-2004, 05:48 AM
Ok, I have a few questions.

1.) How do you make a full page layout for a 1024x768 screen resolution.
2.)How would I make the content box expand and grow with the amount of content I have in the box.

I really would like to start making full size layouts, but I have no clue how to make images but up against the edges, and what size to make it so the width is as large as the browser will let it be without having a horizontal scroll bar.

ChevyKimmi
11-08-2004, 06:59 AM
Howdy!
To make a full-size layout for a 1024x768 resolution without any scroll, vertically and horizontally, open your graphic software (I use PaintShop Pro) and creat a new file and enter the width of 999 and the height of 600. That will creat an image that will entirely fill the screen. Now you can make your layout.
To make a content box that will accommodate whatever you put in there, just create a div layer and leave out the height and width attributes. :)

Hope this helps!

Jared
11-09-2004, 05:46 AM
thank you very much. So, with the div layer, you would put it into the table, but leave no height tagso it can expand up and down.

ChevyKimmi
11-10-2004, 05:05 AM
thank you very much. So, with the div layer, you would put it into the table, but leave no height tagso it can expand up and down.


You're welcome.
Yea, you could do that. The content of the div layer will just take up as much space as it needs, and as long as it doesn't exceed the width attributes of the table, it should work fine! :)

tiny_lil_girl
11-10-2004, 05:09 AM
if your talking about neopets you can get bann for full page layouts more than 10,000 people did that and got frozen

Mizendy
11-13-2004, 06:00 PM
I use div layers for the content bozes, they always work for me

MaGiCSuN
11-13-2004, 07:19 PM
leaving height and width out might lead to other problems that the div doesn't know where to stop and will expand too much. Instead i would say use %

% is relative, and will adjust to the users screen resolution. So if you say width="50%" of the whole screen then it will be 50% in every resolution.

however if you nest things it will work different. If you do this:

<div width="70%">
<div width="40%">
text
</div>
</div>

that second div will be 40% of the first div, and not of the whole page. So first div will be 70% of whole page, second div will be 40% of that 70%div. And so on.

With % you can pretty much make fluid designs for layouts :) you can leave heights out, but it is recommended to set a width (in % in this case) to prevent expanding too much.

Love,
Mirna