Tycoon Talk
Become a Big fish!
The number 1 forum for online business!
Post topics, ask questions, share your knowledge.
Tycoon Talk is part of Freelancer.com - find skilled workers online at a fraction of the cost.

CSS Forum


You are currently viewing our CSS Forum as a guest. Please register to participate.
Login



Closed Thread
Div 100% - Create pages that fill the browser window
Old 04-12-2007, 03:51 PM Div 100% - Create pages that fill the browser window
LadynRed's Avatar
Defies a Status

Posts: 10,017
Location: Tennessee
Trades: 0
This subject comes up a LOT, so I thought I post this excellent (free) tutorial from Community MX.

http://www.communitymx.com/abstract.cfm?cid=BAD95
__________________
Web Goddess & Web Standards Evangelist :) - Tables Be Gone !!

Please login or register to view this content. Registration is FREE


Please login or register to view this content. Registration is FREE

LadynRed is offline
View Public Profile
 
 
Register now for full access!
Old 05-22-2007, 01:40 PM Re: Div 100% - Create pages that fill the browser window
Novice Talker

Posts: 3
Trades: 0
Is there any possible way to use absolute positioning inside a <div> container tag?
Jimmy058910 is offline
View Public Profile
 
Old 05-22-2007, 02:20 PM Re: Div 100% - Create pages that fill the browser window
LadynRed's Avatar
Defies a Status

Posts: 10,017
Location: Tennessee
Trades: 0
Absolutely The question is, why are you using absolute positioning ?
Your container will need to be set to position: relative so that anything positioned inside it is positioned relative to the container and not the body.
__________________
Web Goddess & Web Standards Evangelist :) - Tables Be Gone !!

Please login or register to view this content. Registration is FREE


Please login or register to view this content. Registration is FREE

LadynRed is offline
View Public Profile
 
Old 05-22-2007, 06:48 PM Re: Div 100% - Create pages that fill the browser window
Novice Talker

Posts: 3
Trades: 0
My goal is to use a large container <div> for the entire pages and to use absolute positioning inside of that so the contents inside the container div will move when the browser is resized/maximized or whatever. All I am getting at this point is the container div moving and all the layers that I put inside it with absolute positioning staying as absolute positioning.

This will also help me with the other site I am working on in which I want to make the drop down positioned as absolute and not the way I have it (which I also might need help with, and no not where to post about that)

Thanks in advance!
Jimmy058910 is offline
View Public Profile
 
Old 05-22-2007, 11:31 PM Re: Div 100% - Create pages that fill the browser window
vangogh's Avatar
Post Impressionist

Posts: 11,144
Name: Steven Bradley
Location: Boulder, Colorado
Trades: 0
Jimmy using the absolute positioning is the opposite of what you want. Absolute positioning is telling the elements to stay exactly where they are when the browser is resized. What you're seeing is what should happen and what you're telling the elements to do.

The elements will move with the container div by default. You shouldn't have to code them specially.

Feel free to start new threads with questions about your site(s). The CSS forum will probably be the most appropriate, but if there's a better place for the thread one of the mods will move it for you.
__________________
l Search Engine Friendly Web Design |
Please login or register to view this content. Registration is FREE

l Design, Development, Marketing, and SEO Tutorials |
Please login or register to view this content. Registration is FREE

l
Please login or register to view this content. Registration is FREE
vangogh is offline
View Public Profile Visit vangogh's homepage!
 
Old 05-23-2007, 07:44 PM Re: Div 100% - Create pages that fill the browser window
Novice Talker

Posts: 3
Trades: 0
Ok, will do, cause I need more help.
Jimmy058910 is offline
View Public Profile
 
Old 06-20-2007, 11:38 AM Re: Div 100% - Create pages that fill the browser window
Skilled Talker

Posts: 77
Trades: 0
Thank you for this reference.

This is something I tried to do with a website about a year ago, but couldn't get it to work right. It's funny sometimes how things that we can't quite figure out are so simple.

I'm sure this link will be beneficial to others as well, I know it has helped me.
__________________

Please login or register to view this content. Registration is FREE

Please login or register to view this content. Registration is FREE
whooligan is offline
View Public Profile
 
Old 08-06-2007, 03:10 AM Re: Div 100% - Create pages that fill the browser window
BajaGringo's Avatar
Average Talker

Posts: 18
Name: Ronald Hoff
Location: Rosarito Beach, Baja Mexico
Trades: 0
What helped me was to download pages that I liked and look at how they were constructed. I learned more from that than 10 books on the subject...
BajaGringo is offline
View Public Profile Visit BajaGringo's homepage!
 
Old 08-07-2007, 01:00 AM Re: Div 100% - Create pages that fill the browser window
vangogh's Avatar
Post Impressionist

Posts: 11,144
Name: Steven Bradley
Location: Boulder, Colorado
Trades: 0
That's a great way to learn to code Ronald. I did read a lot of books and still do, but whenever I come across something on a site and want to know how to do it I study the source code and learn how it was done.
__________________
l Search Engine Friendly Web Design |
Please login or register to view this content. Registration is FREE

l Design, Development, Marketing, and SEO Tutorials |
Please login or register to view this content. Registration is FREE

l
Please login or register to view this content. Registration is FREE
vangogh is offline
View Public Profile Visit vangogh's homepage!
 
Old 11-17-2007, 08:17 AM Re: Div 100% - Create pages that fill the browser window
dougadam's Avatar
The Watkins Man

Latest Blog Post:
Bloom Where You Are
Posts: 359
Name: Douglas Adams
Location: Traverse City, Michigan
Trades: 0
It is a problem that I have. I will have to try the methods in the tutoral.
__________________

Please login or register to view this content. Registration is FREE
indpassoc |
Please login or register to view this content. Registration is FREE
|
Please login or register to view this content. Registration is FREE
indpassoc
dougadam is offline
View Public Profile Visit dougadam's homepage!
 
Old 11-18-2007, 10:53 AM Re: Div 100% - Create pages that fill the browser window
Arenlor's Avatar
Ultra Talker

Posts: 462
Name: Jerod Lycett
Location: /home/arenlor
Trades: 0
The tutorial suggested about futher tutorial on getting footers to stick to the bottom, has this been produced?
Arenlor is offline
View Public Profile Visit Arenlor's homepage!
 
Old 11-19-2007, 02:24 AM Re: Div 100% - Create pages that fill the browser window
chrishirst's Avatar
Defies a Status

Posts: 43,966
Name: Chris Hirst
Location: Blackpool. UK
Trades: 0
http://www.webmaster-talk.com/css-fo...gn-bottom.html
__________________
Chris. ->>
Please login or register to view this content. Registration is FREE
<<-

A foolish consistency is the hobgoblin of little minds
Thought for today:- Is SEO the only industry where all the cowboys are Indians?
chrishirst is offline
View Public Profile Visit chrishirst's homepage!
 
Closed Thread     « Reply to Div 100% - Create pages that fill the browser window
 

Thread Tools Search this Thread
Search this Thread:

Advanced Search

Posting Rules
You may not post new threads
You may not post replies
You may not post attachments
You may not edit your posts

BB code is On
Smilies are On
[IMG] code is On
HTML code is Off
Trackbacks are Off
Pingbacks are Off
Refbacks are Off





   
RSS Feed  Feeds: RSS   JS   XML
RSS Feed  Feeds for this forum: RSS   JS   XML



Page generated in 0.40119 seconds with 11 queries