webpage mis aligned

J

JJ

http://www.palielementary.org/Cafeteria.htm

The bottom part of page has a gap. Other browsers seem to view correctly,
but IE has the gap. I made this with frontpage. any Ideas for me

thanks
jj

#footer {
/*clear: both;*/
background-image: url('images/Class_Pages/Cafeteria/footer.jpg');
background-repeat: no-repeat;
width: 676px;
height: 25px;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
}
 
M

MP

I think it has to do with the "</Div>" that is right before the footer...try
taking that out.
 
J

JJ

Thanks for the extra eye.

I did remove a div tag. I am not sure if it is just me but when I move the
scroll bar that gap gets bigger or smaller with the scroll. does it look good
to you?

It does validate html and css

thanks

jj
 
R

Richard

JJ - The bottom gap did the same for me. It got bigger or smaller when I
used the scroll bar.
 
J

JJ

Now I know it not just me.

Any ideas on the way the page is set up that could cause it?

thanks

jj
 
S

Stefan B Rusynko

First of all your page is missing a starting <html> tag (before the <head> tag

Secondly you are using the margin style (in #container) incorrectly as
marginBottom: 0px;
It needs to be
margin-bottom: 0px;

I would add that to the BODY style



--

_____________________________________________
SBR @ ENJOY (-: [ Microsoft MVP - FrontPage ]
"Warning - Using the F1 Key will not break anything!" (-;
To find the best Newsgroup for FrontPage support see:
http://www.frontpagemvps.com/FrontPageNewsGroups/tabid/53/Default.aspx
_____________________________________________


| Now I know it not just me.
|
| Any ideas on the way the page is set up that could cause it?
|
| thanks
|
| jj
|
| "Richard" wrote:
|
| > JJ - The bottom gap did the same for me. It got bigger or smaller when I
| > used the scroll bar.
| > --
| > Richard M. Perry
| >
| >
| > "JJ" wrote:
| >
| > > Thanks for the extra eye.
| > >
| > > I did remove a div tag. I am not sure if it is just me but when I move the
| > > scroll bar that gap gets bigger or smaller with the scroll. does it look good
| > > to you?
| > >
| > > It does validate html and css
| > >
| > > thanks
| > >
| > > jj
| > >
| > > "MP" wrote:
| > >
| > > > I think it has to do with the "</Div>" that is right before the footer...try
| > > > taking that out.
| > > >
| > > > | > > > > http://www.palielementary.org/Cafeteria.htm
| > > > >
| > > > > The bottom part of page has a gap. Other browsers seem to view correctly,
| > > > > but IE has the gap. I made this with frontpage. any Ideas for me
| > > > >
| > > > > thanks
| > > > > jj
| > > > >
| > > > > #footer {
| > > > > /*clear: both;*/
| > > > > background-image: url('images/Class_Pages/Cafeteria/footer.jpg');
| > > > > background-repeat: no-repeat;
| > > > > width: 676px;
| > > > > height: 25px;
| > > > > margin: 0px 0px 0px 0px;
| > > > > padding: 0px 0px 0px 0px;
| > > > > }
| > > >
| > > >
| > > >
 
J

JJ

I did add the <html>.
I have been using margin: 0px 0px 0px 0px; (it is in the body now)

It still shows a gap, but when I click inside of page it fills in. I checked
firefox it appears fine with that.

thanks for looking at it

jj
 

Ask a Question

Want to reply to this thread or ask your own question?

You'll need to choose a username for the site, which only take a couple of moments. After that, you can post your question and our members will help you out.

Ask a Question

Top