Weird frontpage behavior

D

davoud

Could someone tell what is wrong with the following code? It works perfectly
in the browsers (IE 6, FF 1.0.6, NS 7.2 and Opera 8.01) but when I paste the
code in Frontpage 2003, there is a gap showing off the bgcolor of the body at
the bottom of the page in design mode.

<HTML><HEAD>
<TITLE>test</TITLE>

<style type="text/css">
body {margin:0; padding:0; background-color: red;}
#height { height:100%; background-color:blue}
</style>

</HEAD>
<BODY >
<TABLE id="height" cellSpacing="0" cellPadding="0" width="100%" border="0" >
<TBODY >
<TR >
<td>




</td></TR></tbody>

</TBODY></TABLE></body></html>
 
S

Steve Easton

#height and <TABLE id="height"

height is a deprecated html element.

Use a different class name.


--
Steve Easton
Microsoft MVP FrontPage
95isalive
This site is best viewed............
........................with a computer
 
D

davoud

yes that is why i have it in the css not in the table tag, but #height is
just an ID and an ID can be anything. Even if you change it to another name
the result will be same.
 
F

fido

Have you tried following Steve's advice?
[snip]

The OP possibly has, and so have I, changing the name of the class and
the table ID to "dog". As you'd expect, the appearance of the page in
design view is exactly the same, with a red area down at the bottom.

Also as you'd expect, this red area disappears in Preview or when
viewed in a browser. It only puts in an appearance in Design view so
that you can see to position the cursor if you need to add any content
outside the boundaries of the table whose name is either "dog" or
"height".

The "height" as used in the CSS:

#dog { height:100%; background-color:blue}

....is a CSS positioning property and works as expected in Firefox (and
for all I know, in IE and other browsers as well).

Have you tried reading the question? :)

fido
 
D

davoud

@Wally S: yes I have, the results are the same as I was expecting.

@fido:
It only puts in an appearance in Design view so
that you can see to position the cursor if you need to add any content
outside the boundaries of the table whose name is either "dog" or
"height".

Well, I am trying to make the table to civer all the area of the body by
adding that height:100% to the css. Why there should be an area in the body
while the table's height is set to 100% and padding and margin of the body is
set to 0? where that "outside the boundary" of table comes from?
 
C

Cheryl D Wise

Don't worry about the design view display. At best it is only an
approximation of what a browser will render. Browsers have evolved a lot
since the rendering engine used the FP design view was created and it has
not been updated for some time.

The only preview that matters is what you see when you "Preview in Multiple
Browsers" like you did. If the real browsers display how you want then don't
worry about how design view shows up. It does a very poor job of CSS
rendering in any case.

--
Cheryl D. Wise
MS FrontPage MVP
http://mvp.wiserways.com
http://starttoweb.com
Online instructor led web design training in FrontPage,
Dreamweaver and more!
 
D

davoud

Great, thanks alot...what a big relief...I have been thinking about this for
two days and I was not able to figure out anything.

regards,
 

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