Lose browser viewport head space

DuncanIdaho

Hello

IE 7.0.5730.11
Opera 9.27
Firefox 2.0.0.14

I'm trying to display my root div hard up under the address bar/tab bar
in the viewport

position:absolute works but breaks the centering style
(margin-left:auto; margin-right:auto;)

I've tried all sorts of things with negative pixel values (padding,
border, margin etc etc) but each browser seems to use a different number
of pixels of white space so the results vary. I seem to remember doing
this years ago with tables but I've just forgotten.

FWIW I'm going with
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

TIA

Idaho

Jun 27 '08 #1

Subscribe Post Reply

1727

Ben C

On 2008-04-21, DuncanIdaho <Du**************@googlemail.comwrote:

Hello

IE 7.0.5730.11
Opera 9.27
Firefox 2.0.0.14

I'm trying to display my root div hard up under the address bar/tab bar
in the viewport

Just set html, body { margin: 0; padding: 0}.

It's usually an 8px margin on body, but might as well set all possible
culprits to 0 to be sure.

Jun 27 '08 #2

DuncanIdaho

Ben C wrote:

On 2008-04-21, DuncanIdaho <Du**************@googlemail.comwrote:
>Hello

IE 7.0.5730.11
Opera 9.27
Firefox 2.0.0.14

I'm trying to display my root div hard up under the address bar/tab bar
in the viewport

Just set html, body { margin: 0; padding: 0}.

It's usually an 8px margin on body, but might as well set all possible
culprits to 0 to be sure.

Ah, yes, of course (looks sheepish). Thanks

Opera still seems to display a 1px border/margin under the adress bar
but the other two are perfect.

Thanks

Idaho

Jun 27 '08 #3

by: Matt | last post by:

I posted a question before regarding the offset positions when I used CSS. Some people suggested I should use percentage instead of pixels? I tried many different ways, but the position still...

HTML / CSS

resize the browser and change the CSS position settings

by: Matt | last post by:

When the user resize the browser, the "Frequently Used Link" and "Table 1" and "Table 2" will shift to the left hand side, but table position is unchanged. I really have no idea how to fix that. I...

HTML / CSS

div always centered horizontally in browser window

by: metalseb | last post by:

Hi folks I built up a small website which is designed for 800x600 display. Runs just fine in this resolution but if you have a system in 1024 or 1280 pixels wide, the site just "sticks" in the...

HTML / CSS

Browser Height in IE? NOT document height

by: Kepler | last post by:

How do you get the height of the client browser in IE? Both document.body.clientHeight and document.body.offsetHeight return the height of the document. If the page is long and there's a vertical...

Javascript

How do I center or resize a Browser Window?

by: anonieko | last post by:

You can try this code: > > > > >  <html> ....blah blah blah <script language=JavaScript src=/Javascript/center.js></script>

Javascript

FAQ Topic - How do I find the size of a browser window?

by: FAQ server | last post by:

----------------------------------------------------------------------- FAQ Topic - How do I find the size of a browser window?...

Javascript

Adjust height base on the the height of the browser window.

by: Q. John Chen | last post by:

I have a page contains a table (e.g a 3-row table). The middle row is for the content and the bottom row is for footer notes. When the middle row does not have much info, the footer goes way too...

HTML / CSS

space between top of browser or frame and document body

by: removeps-groups | last post by:

Is there any way to control the space between top of browser or frame and document body? What I have is this: There is a simple file test1.html, and file test.html that displays test1.html in an...

HTML / CSS

Batch import of multiple excel files into the database

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...

Data Management

Merging data from multiple Excel files

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...

Data Management

Migrating Website to Cloud - Emmanuel Katto

by: emmanuelkatto | last post by:

Hi All, I am Emmanuel katto from Uganda. I want to ask what challenges you've faced while migrating a website to cloud. Please let me know. Thanks! Emmanuel

General

Looking to do Android software development, any suggestions? Is flutter better?

by: nemocccc | last post by:

hello, everyone, I want to develop a software for my android phone for daily needs, any suggestions?

General

Is that possible of reading the .csv file in column wise and the column have different lengths ?

by: Sonnysonu | last post by:

This is the data of csv file 1 2 3 1 2 3 1 2 3 1 2 3 2 3 2 3 3 the lengths should be different i have to store the data by column-wise with in the specific length. suppose the i have to...

C / C++

Changing the language in Windows 10

by: Hystou | last post by:

Most computers default to English, but sometimes we require a different language, especially when relocating. Forgot to request a specific language before your computer shipped? No problem! You can...

Windows Server

Problem With Comparison Operator <=> in G++

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,...

C / C++

The easy way to turn off automatic updates for Windows 10/11

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...

Windows Server

Discussion: How does Zigbee compare with other wireless protocols in smart home applications?

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...

General

Lose browser viewport head space

Similar topics