473,700 Members | 2,446 Online
Bytes | Software Development & Data Engineering Community
+ Post

Home Posts Topics Members FAQ

container div filling the page vertically

just a feeling
87 New Member
Peace,

I want the container div to fill the page vertically ( but leave a margin at the bottom with 30px).

This is my css

[HTML]body {
margin: 0px;
padding: 0px;
}

#container {
background-color: #EAEAEA;
margin: 30px auto;
width: 780px;
}[/HTML]

Anyone can help,
Thanks in advance.
Oct 24 '07 #1
2 2401
numberwhun
3,509 Recognized Expert Moderator Specialist
Peace,

I want the container div to fill the page vertically ( but leave a margin at the bottom with 30px).

This is my css

[HTML]body {
margin: 0px;
padding: 0px;
}

#container {
background-color: #EAEAEA;
margin: 30px auto;
width: 780px;
}[/HTML]

Anyone can help,
Thanks in advance.
Have you tried setting the margin to be:

Expand|Select|Wrap|Line Numbers
  1. margin:  30px 0 0 0;
  2.  
and see if that does it? There are 4 parameters to margin:

Expand|Select|Wrap|Line Numbers
  1. margin: {top} {right} {bottom} {left};
  2.  
Hopefully that will do it.

Regards,

Jeff
Oct 24 '07 #2
just a feeling
87 New Member
Thanks jeff, but not that what I want.

My margins are working correctlly, all what I need is forcing the container div to fill the enire page vertically but leave a space for top and bottom margin around 30px.
something like this,
http://www.oswd.org/design/preview/id/3559

I've tried setting the height for body and div container to 100%, but it filled all the page without leaving a space at the bottom ( though the top margin is ok ).
Oct 24 '07 #3

Sign in to post your reply or Sign up for a free account.

Similar topics

10
10355
by: Unknown User | last post by:
Yet another question about vertical centering: How can I center a page vertically? I have searched on Google and didn't find anything that works at least on IE, Opera and Mozilla: http://milov.nl/code/css/verticalcenter.html Or using a table: http://www.quirksmode.org/css/centering.html Is there a way to do it and that works in Opera, IE and Mozilla? Thanks,
9
35209
by: Veerle | last post by:
Hi, I would like to divide the whole of my html page in 4 equal rectangles using only div tags in my html. The result should look a bit like this site: http://users.pandora.be/rausbauten/menu/static/start.html only there, a table is used to achieve this result. So using 4 div blocks and by setting 2 of them to float left, I already got this result: http://home.scarlet.be/~vv991306/test.html Now I have to set the widths en heigths of...
0
1203
by: --== Alain ==-- | last post by:
Hi, I have a control (let's called it : Container) which include several "Child" controls. 1. I would like to detect if a child control is out of the display rectangle of the container. If yes, i would like to know if it is horizontally or vertically. Based on that, i would like to display the appropriate scrollbar (horizontal and/or vertical)
18
2944
by: Hunk | last post by:
Would like some advice on the fillowing I have a sorted list of items on which i require to search and retrieve the said item and also modify an item based on its identity. I think an Map stl container would be most suited. Am i correct in my assumptions Problem Reocrds are already stored with a unique identity in a binary format.The structure is roughly ----------------------
1
5926
by: Miked | last post by:
Hello: I'm relatively new to CSS, and I'm doing a site where I don't want to use any tables. I've gotten pretty far, and the site has the layout I want. My only problem is that I'm using the flot positional paremter a lot on containers, and it really seems to do what I want. Except when I put other containers in these containers, they don't expand vertically like I want. Here's the stylesheet:
16
3098
by: Charles A. Landemaine | last post by:
I set a table with 100% width to occupy all available space, but in IE7 it uses more than that, it uses 100% of the page width instead of 100% of the table container. Could you test the page in IE7 and in other browsers please? http://auriance.com/docs/tmp/test.html I'd like the main content and the right menu on the same level. It's working fine in most browsers except in IE7. Do you know how I can fix it?
7
1643
by: Leslie Sanford | last post by:
My area of programming is DSP. I write things like filters, oscillators, envelopes, etc. I've been looking at STL iterators, and what's struck me is that if I can find ways to model my code using STL's iterator conventions, I could possibly make my code more economic while probably losing little to no efficiency. As an example, an oscillator will have a "phase accumulator." So typically in a loop I will have something like this:
80
2410
by: Boltar | last post by:
Hi I need to store a number of integer values which I will then search on later to see if they exist in my container. Can someone tell me which container would be quickest for finding these values? I can't use a plain C array (unless I make it 2^32 in size!) since I don't know the max integer value. Thanks for any help
13
1775
by: LC's No-Spam Newsreading account | last post by:
I have happily lived for 15 years (our first web server started in 1993) without CSS, but I now decided to learn and experiment with it. My personal preference has always been that the width of items in my pages are USUALLY not set in fixed values, but as percentages (e.g. for frames in frameset, or tables w.r.t the display area), since a priori I cannot know what screen or window size users will use, and the browser window can be...
0
8731
marktang
by: marktang | last post by:
ONU (Optical Network Unit) is one of the key components for providing high-speed Internet services. Its primary function is to act as an endpoint device located at the user's premises. However, people are often confused as to whether an ONU can Work As a Router. In this blog post, we’ll explore What is ONU, What Is Router, ONU & Router’s main usage, and What is the difference between ONU and Router. Let’s take a closer look ! Part I. Meaning of...
0
9218
Oralloy
by: Oralloy | last post by:
Hello folks, I am unable to find appropriate documentation on the type promotion of bit-fields when using the generalised comparison operator "<=>". The problem is that using the GNU compilers, it seems that the internal comparison operator "<=>" tries to promote arguments from unsigned to signed. This is as boiled down as I can make it. Here is my compilation command: g++-12 -std=c++20 -Wnarrowing bit_field.cpp Here is the code in...
0
9081
jinu1996
by: jinu1996 | last post by:
In today's digital age, having a compelling online presence is paramount for businesses aiming to thrive in a competitive landscape. At the heart of this digital strategy lies an intricately woven tapestry of website design and digital marketing. It's not merely about having a website; it's about crafting an immersive digital experience that captivates audiences and drives business growth. The Art of Business Website Design Your website is...
0
8929
tracyyun
by: tracyyun | last post by:
Dear forum friends, With the development of smart home technology, a variety of wireless communication protocols have appeared on the market, such as Zigbee, Z-Wave, Wi-Fi, Bluetooth, etc. Each protocol has its own unique characteristics and advantages, but as a user who is planning to build a smart home system, I am a bit confused by the choice of these technologies. I'm particularly interested in Zigbee because I've heard it does some...
0
7816
agi2029
by: agi2029 | last post by:
Let's talk about the concept of autonomous AI software engineers and no-code agents. These AIs are designed to manage the entire lifecycle of a software development project—planning, coding, testing, and deployment—without human intervention. Imagine an AI that can take a project description, break it down, write the code, debug it, and then launch it, all on its own.... Now, this would greatly impact the work of software developers. The idea...
1
6564
isladogs
by: isladogs | last post by:
The next Access Europe User Group meeting will be on Wednesday 1 May 2024 starting at 18:00 UK time (6PM UTC+1) and finishing by 19:30 (7.30PM). In this session, we are pleased to welcome a new presenter, Adolph Dupré who will be discussing some powerful techniques for using class modules. He will explain when you may want to use classes instead of User Defined Types (UDT). For example, to manage the data in unbound forms. Adolph will...
0
5904
by: conductexam | last post by:
I have .net C# application in which I am extracting data from word file and save it in database particularly. To store word all data as it is I am converting the whole word file firstly in HTML and then checking html paragraph one by one. At the time of converting from word file to html my equations which are in the word document file was convert into image. Globals.ThisAddIn.Application.ActiveDocument.Select();...
0
4660
by: adsilva | last post by:
A Windows Forms form does not have the event Unload, like VB6. What one acts like?
2
2395
muto222
by: muto222 | last post by:
How can i add a mobile payment intergratation into php mysql website.

By using Bytes.com and it's services, you agree to our Privacy Policy and Terms of Use.

To disable or enable advertisements and analytics tracking please visit the manage ads & tracking page.