Tek-Tips is the largest IT community on the Internet today!

Members share and learn making Tek-Tips Forums the best source of peer-reviewed technical information on the Internet!

  • Congratulations Chris Miller on being selected by the Tek-Tips community for having the most helpful posts in the forums last week. Way to Go!

Styling for pages in different sizes

Status
Not open for further replies.

Ecniv

Programmer
Nov 18, 2002
93
EU
Hi,

Probably an easy question but :

I am doing a web page using css 1 n 2 to do some hopefully professional looking layouts.

<header>
<nav bar>
<content>
<footer>

Where the content may have its own sub menu on the side and the information.

However I can't seem to get the spacing right, and if I use absolute for the position it limits my pages to someone who has their browser opened to the same size.

How do I make it so the pages are laid out nice and a person can see the same thing on 800x600 as they could in 1024x768...?

Puzzled.

Vince
 
Hi,

You can put each of the above sections into their own div which fits naturally to 100% width and will fit to whatever browser size.
If you also want a left column for navigation you could nest it in the content div anf float it to the left. You can also use absolute positioning for the left navigation column and then just adjust the other divs with margins to fit around this. Make any sense?

I have some templates which may help [NOT plugging my site just to lazy to explain fully here :)) ]





:: ::
 
Status
Not open for further replies.

Part and Inventory Search

Sponsor

Back
Top