473,397 Members | 1,960 Online
Bytes | Software Development & Data Engineering Community
Post Job

Home Posts Topics Members FAQ

home > topics > html / css > questions > what good is margin-bottom in ie?

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

What good is margin-bottom in IE?

I have this DIV at the very bottom of a html.

<head>
<style type="css/text" media="all">
<!--
#oFoot { position: relative;
left: 0px;
width: 100%;
height: 50px;
filter: progid:DXImageTransform.Microsoft.Gradient(startCo lorStr='#FF0000', endColorStr='#FCCCCF', gradientType='0');
text-align: center; }
-->
</style>
</head>
<!-- -->
<div id="oFoot">
<!-- a table -->
</div>
</body>
</html>

My trouble is this <div> is not flush with the bottom of the document. There is a gap of about 50px. Any ideas how to fix this? If not it seems that bottom-margin in IE is superfalous.

--
George Hester
__________________________________
Jul 23 '05 #1
6 6092
George Hester wrote:

My trouble is this <div> is not flush with the bottom of the document. There is a gap of about 50px. Any ideas how to fix this? If not it seems that bottom-margin in IE is superfalous.

An URL would be a lot more useful.
Your stylesheet does not use margin-bottom. There is nothing in your
example (which, BTW, is invalid html) that would push the div to the bottom.

--
jmm dash list (at) sohnen-moe (dot) com
(Remove .AXSPAMGN for email)
Jul 23 '05 #2
You can't just *think* about margin-bottom to make it work. You actually
have to have it in your page.

(Sorry for the top-posting, but for some reason your message isn't getting
prefixed by ">" in my response.)
"George Hester" <he********@hotmail.com> wrote in message
news:O9*********************@twister.nyroc.rr.com. ..
I have this DIV at the very bottom of a html.

<head>
<style type="css/text" media="all">
<!--
#oFoot { position: relative;
left: 0px;
width: 100%;
height: 50px;
filter:
progid:DXImageTransform.Microsoft.Gradient(startCo lorStr='#FF0000',
endColorStr='#FCCCCF', gradientType='0');
text-align: center; }
-->
</style>
</head>
<!-- -->
<div id="oFoot">
<!-- a table -->
</div>
</body>
</html>

My trouble is this <div> is not flush with the bottom of the document.
There is a gap of about 50px. Any ideas how to fix this? If not it seems
that bottom-margin in IE is superfalous.

--
George Hester
__________________________________

Jul 23 '05 #3
"jmm-list-gn" wrote in message news:Ov********************@giganews.com...
George Hester wrote:

My trouble is this <div> is not flush with the bottom of the document. There is a gap of about 50px. Any ideas how to fix this? If not it seems that bottom-margin in IE is superfalous.

An URL would be a lot more useful.
Your stylesheet does not use margin-bottom. There is nothing in your
example (which, BTW, is invalid html) that would push the div to the bottom.

--
jmm dash list (at) sohnen-moe (dot) com
(Remove .AXSPAMGN for email)


Hi. Could you explain what is invalid about it? Of course I didn't give you the entire code. I don't think that was necessary. In any case you were right. I just added:

<style type="text/css">
<!--
/* stuff */
body { margin-bottom: 0px; }
-->
</style>

That did what I wanted. The <DIV is now flush with the bottom of the page. In IE anyway. Thanks.

--
George Hester
__________________________________
Jul 23 '05 #4
"Harlan Messinger" wrote in message news:2u*************@uni-berlin.de...
You can't just *think* about margin-bottom to make it work. You actually
have to have it in your page.

(Sorry for the top-posting, but for some reason your message isn't getting
prefixed by ">" in my response.)


"George Hester" <he********@hotmail.com> wrote in message
news:O9*********************@twister.nyroc.rr.com. ..
I have this DIV at the very bottom of a html.

<head>
<style type="css/text" media="all">
<!--
#oFoot { position: relative;
left: 0px;
width: 100%;
height: 50px;
filter:
progid:DXImageTransform.Microsoft.Gradient(startCo lorStr='#FF0000',
endColorStr='#FCCCCF', gradientType='0');
text-align: center; }
-->
</style>
</head>
<!-- -->
<div id="oFoot">
<!-- a table -->
</div>
</body>
</html>

My trouble is this <div> is not flush with the bottom of the document.
There is a gap of about 50px. Any ideas how to fix this? If not it seems
that bottom-margin in IE is superfalous.

--
George Hester
__________________________________


Yes I didn't realize there was a default to margin-bottom. I thought if margin-bottom wasn't set then it was 0. But live and learn. No it's around 50px.

--
George Hester
__________________________________
Jul 23 '05 #5
George Hester wrote:

Hi. Could you explain what is invalid about it? Of course I didn't give you the entire code. I don't think that was necessary. In any case you were right. I just added:

The sample code is missing the <body> tag. It is because of these sorts
of errors that we insist on an URL.

--
jmm dash list (at) sohnen-moe (dot) com
(Remove .AXSPAMGN for email)
Jul 23 '05 #6
.oO(jmm-list-gn)
George Hester wrote:

Hi. Could you explain what is invalid about it? [...]

The sample code is missing the <body> tag.


Not necessary in HTML.

OK, document type declaration and title were missing ...

Micha
Jul 23 '05 #7
New Post

This thread has been closed and replies have been disabled. Please start a new discussion.

Similar topics

6
Positioning Problem - IE good, Mozilla/Netscape bad!
by: SWE | last post by:
Hi all, I'm new to using style sheets for laying out my web pages. I have a horizontal navigation menu that is split into two sections - three buttons on the left and a submenu on the right that...
HTML / CSS
86
What do you think of resizing 1em to 10px?
by: Michael Kalina | last post by:
Because when I asked for comments on my site-design (Remember? My site, your opinion!) some of you told me never to change anything on font-sizes! What do you guys think of that:...
HTML / CSS
13
'margin-top' Oddity
by: Cool Guy | last post by:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <html> <head> <title>test</title> </head> <body> <div style="height: 100px; width: 100px;...
HTML / CSS
17
STRICTly speaking, what is 100%?
by: Mike | last post by:
I'm trying to create a page: Three sections (left, topright and bottomright), each with a heading and scrolling (overflow) content. The size of these sections should be based upon the size of the...
HTML / CSS
39
Percent of what? A proposal
by: VidTheKid | last post by:
THE PROBLEM The % symbol is too vague when defining dimensions in CSS and HTML. It can relate to an inherited value, a measure of the containing element (which can differ between box models) or...
HTML / CSS
1
What is going on with this pull-down menu??? Pls Help
by: dkimbrell | last post by:
Hi there, I'm very novice to web design. I'm trying to make a pulldown menu, but the formatting keeps getting screwed up when you roll the mouse over it. Please see www.boundarysys.com for...
Javascript
1
What's going on with this pulldown menu? Pls help!
by: leicklda | last post by:
Hi there, I'm very novice to web design. I'm trying to make a pulldown menu, but the formatting keeps getting screwed up when you roll the mouse over it. Please see www.boundarysys.com for...
HTML / CSS
11
margin-right and FF
by: Pablito | last post by:
Hi at all into a page I wrote <style> body {margin-left:10%;margin-right:10%;text-align:justify;} </style> reading the page with FireFox the margin left is 10% but the right is 0% Why? How can...
HTML / CSS
19
when I use DOCTYPE, margin and padding are ignored
by: Edward | last post by:
Why is it when I have a DOCTYPE line in my HTML then "margin" and "padding" are ignored? This happens in both inline and stylesheet styles. It happens for both XHTML and HTML doctypes. It...
HTML / CSS
1
Positioning good in Firefox, but not working in IE
by: Lollygag | last post by:
Hi folks. Please try not to laugh at my web design noobness, I'm a photoshop monkey, but I thought I'd have a go at updating this website to learn css & html, it's far more complex than I'd...
HTML / CSS
0
How to turn on java script in a villaon keypad mobile phone
by: Charles Arthur | last post by:
How do i turn on java script on a villaon, callus and itel keypad mobile phone
Java
0
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
1
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
1
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++
0
How to build RAID in BIOS?
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...
Computer Hardware
0
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
0
tracyyun
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
0
agi2029
AI Job Threat for Devs
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,...
Career Advice
0
isladogs
Access Europe - Using VBA to create a class based on a table - Wed 1 May
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...
Microsoft Access / VBA

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.

BYTES.COM © 2024
About Bytes
Terms Of Use
Privacy Policy
Sitemap
Advertise on Bytes:
Post a Job
Sponsored Posts
Platinum & Gold Sponsors
Hire Now!