FP Generated DIV height display cross browsers

  • Thread starter Thread starter just me
  • Start date Start date
J

just me

Greetings,
Using FP to build pages, things appear fine in the preview window and in IE.
However Netscape and Opera displays page layouts all over the place. I have
tracked this to the DIV tags which FP inserts with incorrect settings - the
height setting is too small. I can manually adjust this - or remove it -
page at a time, but this isn't really satisfactory.
Can anyone advise a permanent solution?
 
Don't use absolute positioning
- caused by dragging things around your pages
(unless you understand how to make it cross browser compatible)

--




| Greetings,
| Using FP to build pages, things appear fine in the preview window and in IE.
| However Netscape and Opera displays page layouts all over the place. I have
| tracked this to the DIV tags which FP inserts with incorrect settings - the
| height setting is too small. I can manually adjust this - or remove it -
| page at a time, but this isn't really satisfactory.
| Can anyone advise a permanent solution?
|
|
 
Hi,

you should never insert a height setting for a positioned div - the only
exception would be if you're defining a clip rectangle. I know this is not
ideal but you should delete the height setting each time you use insert
layer. Or as an alternative define your divs in your stylesheet, eg
<style type="text/css">
#myDiv{
position:absolute;
top:10px;
left:10px;
width:100px;
}
</style>
and then
<div id="myDiv">
....stuff.....
</div>
This is particularly good if you're using the same div on multiple pages, eg
for a menu etc. A div will always expand vertically to hold whatever content
you put in.
 
Hi,
I didn't insert the tag - FP did!
Just out of interest, why is a DIV tag with an inaccurate height setting
inserted at all?
And how come IE renders these inaccurate settings as if they were correctly
set, whilst other browsers render them as written?
 
Back
Top