Having A Fixed Layout.

Graeme

Jun 29 2007, 06:48 PM

I know how to make HTML/CSS Layouts, but I was wondering if someone could tell me how to have it fixed.

An example of what I'm looking for is on www.elitemafia.net when you have logged in.

Any help greatly recieved.

Yuripro84

Jun 29 2007, 06:57 PM

If you mean so it always stretches, just set the width values to percents, such as 100%. It can be anywhere from 1-100%

Graeme

Jun 29 2007, 07:02 PM

QUOTE(Yuripro84 @ Jun 29 2007, 07:57 PM)

If you mean so it always stretches, just set the width values to percents, such as 100%. It can be anywhere from 1-100%

Say There is a menu at the side, a menu on the right, and the main bit in the middle.

I want the two bits on the sides to be fixed there all the time.

I want them to stay there when i go to another link on my site, I want them to stay there when I scroll down and up.

How can I do this? Which code is it? Are there any other threads on here that will support this?

Thanks for any help given.

Yuripro84

Jun 29 2007, 07:11 PM

Well, you can make them each different frames? I would explain this, but it's too long lol, and I'm too tired to explain it any good. Look in the tutorials section for a tutorial on creating Frames.

What they will allow you to do is make the right and left different frames, which are kind of like miniature browsers almost, where it takes another page and adds it. You can make the right and left have no scroll. Then, you just make the middle scrollable.

I hope that helps any, did I make any sense? lol. If not, could some1 else to explain better for me?

Saint_Michael

Jun 29 2007, 07:23 PM

Yri you have the layouts mixed up Fixed layouts used absolute values and positions, which means all your hieghts and width's will be in either px or em's. What your describing is a liquid layout that adapts to the a users screen resolution either 800x600 to 1920x1200 (thats my resolution).

Example of a Fixed layout coding

CODE

HTML

height="700px"
width="900px"

CSS

height: 700px;
width:900px;

If you use percentages like 100% it will match against the browsers settings and either shrink or enlarge depending on the resolution. Fixed layout are usually done by layout that have been sliced in adobe photoshop or websites that off very little content and are used for promotional needs.

Yuripro84

Jun 29 2007, 07:28 PM

Ya, I'm still waking up

But you don't have to add px at the end of the value. I never do, just seems like a waste of time....and bandwidth lol. Wow, I sound lazy and cheap.
Well, the books I read never even mentioned px, so I guess I got into a bad habit, but it doesn't matter either way :/
Or, is it required in CSS? Because I will usually see it like that in CSS..never custom made any, just learned from editing templates.

Graeme

Jun 30 2007, 01:00 PM

Hows this code for the main page -

CODE

<html>
<head>
<title>My Page</title>
</head>
<frameset rows="100,*" border=0 frameborder=0 framespacing=0>
<frame src="http://glwebstuff.trap17.com/top.htm" NAME="top" scrolling="no">
<frameset cols="160,*" border=0 frameborder=0 framespacing=0>
<frame src="/left.htm" name="leftside" scrolling="no">
<frame src="/right.htm" name="rightside">
</frameset>
</frameset>
<body>
</body>
<noframes>
<body bgcolor="#000000" text="#FFFFFF" alink="#FFFFFF" vlink="#FFFFFF" link="#FFFFFF">
Hi and welcome to GL Web Stuff.
 
Unfortunately, your browser is not allowing you to view our website properly. We use a framed layout which your browser is blocking. 
In order to view this website better, please look into unblocking this.
 
 
Here is the main content that you would find on our page.
 
<a href="/contact.html">Contact Us</a>
 
 
<a href="/right.html">HTML Scripts</a> 
<a href="/javascript.html">Javascript Scripts</a> 
<a href="/php.html">PHP Scripts</a> 
<a href="/perl.html">Perl Scrips</a>
 
 
<a href="/webtools.html">Web Tools</a> 
<a href="/forum.html">Forum</a> 
<a href="/send.html">Send Us Your Script</a> 
</noframes>
</html>

And then on the /left.htm page, the code for the links are -

CODE

so that when the link is clicked, it appears on the right side of the frame.

Is that all correct or does some of it need tweaking?

Striker9099

Jul 2 2007, 09:36 AM

Ok I am not really experienced at this but I think the best way to do it is by using frames. Make two frames on the sides and link to them in every page you make, and the middle part will be for the content (about 60% of the page width) I think that will do it. And just in case, try to find some tutorials about this (use google) or check this site out: www.w3schools.com you might find what you need... good luck

Graeme

Jul 2 2007, 12:31 PM

Thanks for the help, I'm going to look around for some sample codes and then combine them, i'll post the results back here later.

Similar Topics

Keywords : fixed layout

Website Layout? - Help me please (3)
Why Tables For Layout Is Stupid - problems defined, solutions offered (10)
this covers what every web developer/designer should know, first and foremost. /biggrin.gif"
style="vertical-align:middle" emoid=":D" border="0" alt="biggrin.gif" /> although this resource has
been around since 2003, there are still some things to learn from it, especially for beginners. the
gist of it all is this: avoid TABLES for LAYOUT at all cost. /tongue.gif"
style="vertical-align:middle" emoid=":P" border="0" alt="tongue.gif" /> Why tables for layout
is stupid: problems defined, solutions offered MAIN SECTIONS COVERED: Introduction
QUOTE ...

Please Review My Layout - In a JPEG mockup (7)

I am designing a layout for my blog. Can you please give me your comments? I don't want to do
up my entire website before realizing that there are improvements to be made. So I would appreciate
it if you can give me some feedback. When you first look at the website, you may find it weird
because I try to be different from all the blogs you see out there. The JPEG mockup is attached.
Hope to hear some constructive criticism or praise /smile.gif" style="vertical-align:middle"
emoid=":)" border="0" alt="smile.gif" />...

Need Help With Layout - (3)

Hey, I want my website to be in tables (i think it is), but I can't get them near each other
properly. It gets always messed up, like being bigger than in dreamweaver I want it to be like on
this site: http://www.maffia-town.nl/ i know it is done with style sheets, but i don't know
not how exactly...

Gaming Layout For Sale! - (2)

Layout: http://img132.echo.cx/img132/915/gaminglay...ermarked2xe.jpg What you get: .PSD File
Fonts used Full and Exclusive Rights Price: 40$ (will take higher offer, of course), willing
to do any modifications. Please reply here or MSN me at codename_88@ds-portal.net Really hot
layout, but I dunno if this is the place to post this. Eh, mods /laugh.gif' border='0'
style='vertical-align:middle' alt='laugh.gif' /> ?...

Looking for fixed, layout,

ADD REPLY / Got an Opinion!	Remove these ADs!	RAPID SEARCH!	Free Web Hosting	[X]
Express your Opinions, Thoughts or Contribute more info. to help others. Ask your Doubts & Queries to get answers, So that "Together We can help others!"	Register FREE for AD-FREE forum, Create your own topics, Ask Questions, track topics, setup subscriptions & notifications and Get a Free Website w/ Email and FTP.		500MB Space No Ads, CPanel, FTP, PHP, MySQL, EMails - 100% FREE