Reply
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
Super Moderator

Posts: 5,617
Location: Tennessee
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 !!
"Using or working with IE is like having to wear a 1970's polyester suit with pantyhose and a girdle, to work everyday"
LadynRed is offline
Reply With Quote
View Public Profile
 
Sponsored Links (We share ad revenue):
 
Old 05-22-2007, 01:40 PM Re: Div 100% - Create pages that fill the browser window
Novice Talker

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

Posts: 5,617
Location: Tennessee
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 !!
"Using or working with IE is like having to wear a 1970's polyester suit with pantyhose and a girdle, to work everyday"
LadynRed is offline
Reply With Quote
View Public Profile
 
Old 05-22-2007, 06:48 PM Re: Div 100% - Create pages that fill the browser window
Novice Talker

Posts: 3
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
Reply With Quote
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

Latest Blog Post:
Welcome to Van SEO Design
Posts: 8,111
Name: Steven Bradley
Location: Boulder, Colorado
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 | Van SEO Design
l Tips On Marketing, SEO, Design, and Development | TheVanBlog
l Custom WordPress Themes
vangogh is offline
Reply With Quote
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
Ok, will do, cause I need more help.
Jimmy058910 is offline
Reply With Quote
View Public Profile
 
Old 06-20-2007, 11:38 AM Re: Div 100% - Create pages that fill the browser window
Skilled Talker

Posts: 65
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.
whooligan is offline
Reply With Quote
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: 15
Name: Ronald Hoff
Location: Rosarito Beach, Baja Mexico
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
Reply With Quote
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

Latest Blog Post:
Welcome to Van SEO Design
Posts: 8,111
Name: Steven Bradley
Location: Boulder, Colorado
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 | Van SEO Design
l Tips On Marketing, SEO, Design, and Development | TheVanBlog
l Custom WordPress Themes
vangogh is offline
Reply With Quote
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
Ultra Talker

Latest Blog Post:
Bloom Where You Are
Posts: 328
Name: Douglas Adams
Location: Kalkaska Michigan
It is a problem that I have. I will have to try the methods in the tutoral.
dougadam is offline
Reply With Quote
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: 270
Name: Jerod Lycett
Location: /home/arenlor
The tutorial suggested about futher tutorial on getting footers to stick to the bottom, has this been produced?
Arenlor is online now
Reply With Quote
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
Super Moderator

Posts: 10,783
Location: Blackpool. UK
http://www.webmaster-talk.com/css-fo...gn-bottom.html
__________________
Chris. ->> Links are advertising NOT optimising!! <<-
Indifference will be the downfall of mankind, but who cares?
Code Samples | People Counting System
chrishirst is offline
Reply With Quote
View Public Profile Visit chrishirst's homepage!
 
Sponsored Links (We share ad revenue):
 
Reply     « Reply to Div 100% - Create pages that fill the browser window
 

Thread Tools

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

vB 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.19280 seconds with 15 queries