473,395 Members | 1,468 Online
Bytes | Software Development & Data Engineering Community
Post Job

Home Posts Topics Members FAQ

Join Bytes to post your question to a community of 473,395 software developers and data experts.

Height 100% padding 15px

I am trying to replicate an effect I used on a website in days of yore. It was a simple trick, setting body padding to 15px and using a container table with a width and height of 100% and a single-pixel grey border. I am a Mac user and am forever re-sizing windows. This effect gave a fine grey line around my site, inset from the browser window edges by 15px. Change the window shape and the border stayed on all four edges until the content forced overflow right or bottom. However, using a doctype '-//W3C//DTD XHTML 1.0 Transitional//EN' and trying all sorts of tricks in css - min-height:100%; for html, body, container etc, position:absolute; as 15px top,right,bottom,left . . . no joy. Height 100% seems to work for full screen but I cannot include any padding. The height is not re-calculated to deduct the padding and the border just gets pushed off screen. Needless to say I want a cross-browser/platform solution. Any ideas?
Nov 4 '11 #1
0 1299

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

Similar topics

0
by: Andy McKibbin | last post by:
Hi I'm having some trouble getting IE6 to honour percentage heights. The effect I'm expecting from the code below is that the darker background in the left-hand cell will fill the table cell (bar...
1
by: Ron Bott | last post by:
I have a layout that has a fixed size #container <div> with a shadow running along the right side that encloses the content area. I would like the shadow background to extend to the full height of...
2
by: patrick h. | last post by:
Greetings, I am encountering some issues regarding using float while desiring to set the height to 100%. This is likely due to my own misunderstanding of the way things actually function -- any...
6
by: jslaybaugh | last post by:
I'm working on an ASP.NET 2.0 application and am having trouble with a very simple table layout. Using ASP.NET 2.0 it defaults to XHTML 1.0 Transitional and I am trying to comply. However, I...
4
by: reycri | last post by:
I have a page that works as I intend in IE but not in Firefox: <html> <head> <title>Overflow Test</title> </head> <body style='overflow:hidden; margin:0; padding:0;'> <table border='0'...
0
by: Markus Olderdissen | last post by:
i want to create my page with 100% height. <table height="100%"works but is not correct by default. i saw various information how to do it with stylesheet. i really have problems to create my page....
5
by: Dag Sunde | last post by:
I ran into a problem i just *know* I've seen described a 100 times before I have an empty (so far) div with ist height: set to 100%. The main reason for this div is to show its white border-right...
7
by: msoliver | last post by:
Okay, I believe this is one of the biggest issues found using CSS/DIV layout. But, I haven't found a non-Javascript solution. I would like two DIVs - first DIV, say with a height of 20px. The...
2
by: EmersonUK | last post by:
I’ve worked around a couple of times with DIVs using height:100% and I had no problems at all, testing on many browsers (IE7, FF3, FF2, Opera, Safari and Chrome). Now I’ve tried the same idea on a...
11
tusovka
by: tusovka | last post by:
I have a container and 4 div’s inside it. My container is stretched to fill the entire window. In IE, if you resize the window all the content resizes correctly, with all 4 margins around the...
0
by: Charles Arthur | last post by:
How do i turn on java script on a villaon, callus and itel keypad mobile phone
0
by: ryjfgjl | last post by:
If we have dozens or hundreds of excel to import into the database, if we use the excel import function provided by database editors such as navicat, it will be extremely tedious and time-consuming...
0
by: ryjfgjl | last post by:
In our work, we often receive Excel tables with data in the same format. If we want to analyze these data, it can be difficult to analyze them because the data is spread across multiple Excel files...
0
BarryA
by: BarryA | last post by:
What are the essential steps and strategies outlined in the Data Structures and Algorithms (DSA) roadmap for aspiring data scientists? How can individuals effectively utilize this roadmap to progress...
0
by: Hystou | last post by:
There are some requirements for setting up RAID: 1. The motherboard and BIOS support RAID configuration. 2. The motherboard has 2 or more available SATA protocol SSD/HDD slots (including MSATA, M.2...
0
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,...
0
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,...
0
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...
0
by: Hystou | last post by:
Overview: Windows 11 and 10 have less user interface control over operating system update behaviour than previous versions of Windows. In Windows 11 and 10, there is no way to turn off the Windows...

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.