Unwanted margins in IE 5 Mac

#1

I'm getting unwanted margins all around this sliced image in IE 5 on Mac
OS9 and X. See url below.

This is the page with the image and the frame html page that contains it:

http://www.diatom-ae.com/designpagebase.html
http://www.diatom-ae.com/designpage.html

This page is set to pop up at a fixed size (600 x 323) window.

I've got all the marginwidth + height tags in place correctly I believe.

Any fix to remove the borders?

Thanks.

#2

the border can be added by default to the frame tag in the framset, AND
to the body tag in each html page that loads in each frame.
So you have to set the border to zero in the frameset (which you've
already done) AND in the body tag of your html pages (which you have not
done).

Now, there are various ways to do this, simplest is to open your html
page, change page properties, and set all margins to zero. But some say
this method will not work in all browsers (although I've never seen it
fail) and the better way is to add the following style to your page:

body {
padding: 0;
margin: 0 -10px 0 -10px;
/*/*/margin: 0 0 0 0; /* */
}

Claude Saccaro wrote:

Quote:

I'm getting unwanted margins all around this sliced image in IE 5 on Mac
OS9 and X. See url below.

This is the page with the image and the frame html page that contains it:

http://www.diatom-ae.com/designpagebase.html
http://www.diatom-ae.com/designpage.html

This page is set to pop up at a fixed size (600 x 323) window.

I've got all the marginwidth + height tags in place correctly I believe.

Any fix to remove the borders?

Thanks.

#3

You have not controlled the margins on the page in the frame.

Link to an external stylesheet (using DW's CSS editor), or embed a
stylesheet in your code (between <head> and </head>) with the following
style in it (embedded shown for cut-n-paste convenience) (assuming you want
zero margins) -

<style type="text/css">

</style>

you could also try

body { margin : 0px 0px 0px 0px; padding:0px; }

or

body { margin : 0px; padding:0px; }

as a shorthand method.

This will take care of the margins in IE4+ and NN6. To take care of NN4x,
you will need to use MODIFY | Page Properties... and set the two right hand
margin fields (marginwidth and marginheight) to 0 (DMX and below).

Since you are still using inline margin specs in the body tag, this method
won't validate (and is not easy to do in DMX2004). To get completely valid
code that works for all
browsers in any version of DW, change your stylesheet as shown below -

body {
padding: 0;
margin: 0 -10px 0 -10px;
/*/*/margin: 0 0 0 0; /* */
}

--
Murray --- ICQ 71997575
Team Macromedia Volunteer for Dreamweaver MX
(If you *MUST* email me, don't LAUGH when you do so!)
==================
news://forums.macromedia.com/macromedia.dreamweaver - THE BEST WAY TO GET
ANSWERS
==================
http://www.dreamweavermx-templates.com - Template Triage!
http://www.projectseven.com/go - DW FAQs, Tutorials & Resources
http://www.dwfaq.com - DW FAQs, Tutorials & Resources
http://www.macromedia.com/support/search/ - Macromedia (MM) Technotes
==================

"Claude Saccaro" <claude (AT) diatom-ae (DOT) com> wrote

Quote:

I'm getting unwanted margins all around this sliced image in IE 5 on Mac
OS9 and X. See url below.

This is the page with the image and the frame html page that contains it:

http://www.diatom-ae.com/designpagebase.html
http://www.diatom-ae.com/designpage.html

This page is set to pop up at a fixed size (600 x 323) window.

I've got all the marginwidth + height tags in place correctly I believe.

Any fix to remove the borders?

Thanks.

#4

You're welcome!

--
Murray --- ICQ 71997575
Team Macromedia Volunteer for Dreamweaver MX
(If you *MUST* email me, don't LAUGH when you do so!)
==================
news://forums.macromedia.com/macromedia.dreamweaver - THE BEST WAY TO GET
ANSWERS
==================
http://www.dreamweavermx-templates.com - Template Triage!
http://www.projectseven.com/go - DW FAQs, Tutorials & Resources
http://www.dwfaq.com - DW FAQs, Tutorials & Resources
http://www.macromedia.com/support/search/ - Macromedia (MM) Technotes
==================

"Claude Saccaro" <claude (AT) diatom-ae (DOT) com> wrote

Quote:

Thanks for the info.

#5

Thanks for the info.

#6

I still seem to be having margin problems with IE (5.2.2)/Mac on this page:

http://www.diatom-ae.com/designpagebase.html

I inserted this in the head:

<style type="text/css">
body {
padding: 0;
margin: 0 -10px 0 -10px;
/*/*/margin: 0 0 0 0; /* */
}
</style>

No change in IE. (after repeatedly making sure that the cache had been
cleared).

(I assume the the <style type="text/css"> </style> are needed).

What did I screw up?

#7

It looks identical to me in IE6 and IE5.2/Mac.

--
Murray --- ICQ 71997575
Team Macromedia Volunteer for Dreamweaver MX
(If you *MUST* email me, don't LAUGH when you do so!)
==================
news://forums.macromedia.com/macromedia.dreamweaver - THE BEST WAY TO GET
ANSWERS
==================
http://www.dreamweavermx-templates.com - Template Triage!
http://www.projectseven.com/go - DW FAQs, Tutorials & Resources
http://www.dwfaq.com - DW FAQs, Tutorials & Resources
http://www.macromedia.com/support/search/ - Macromedia (MM) Technotes
==================

"Claude Saccaro" <claude (AT) diatom-ae (DOT) com> wrote

Quote:

I still seem to be having margin problems with IE (5.2.2)/Mac on this
page:

http://www.diatom-ae.com/designpagebase.html

I inserted this in the head:

style type="text/css"
body {
padding: 0;
margin: 0 -10px 0 -10px;
/*/*/margin: 0 0 0 0; /* */
}
/style

No change in IE. (after repeatedly making sure that the cache had been
cleared).

(I assume the the <style type="text/css"> </style> are needed).

What did I screw up?

#8

the link is direct to the page. To view it in it's intended pop up
window go to:

www.diatom-ae.com/home.html

click "design"

The image should have no borders around it.

Murray *TMM* wrote:

Quote:

It looks identical to me in IE6 and IE5.2/Mac.

#9

I dunno. This site is one of the reasons I hate frames. You have
constructed a nuclear power plant here with frames opening framesets and on
and on. Sorry - but it's way too complex for the small esthetic benefit in
my opinion.

--
Murray --- ICQ 71997575
Team Macromedia Volunteer for Dreamweaver MX
(If you *MUST* email me, don't LAUGH when you do so!)
==================
news://forums.macromedia.com/macromedia.dreamweaver - THE BEST WAY TO GET
ANSWERS
==================
http://www.dreamweavermx-templates.com - Template Triage!
http://www.projectseven.com/go - DW FAQs, Tutorials & Resources
http://www.dwfaq.com - DW FAQs, Tutorials & Resources
http://www.macromedia.com/support/search/ - Macromedia (MM) Technotes
==================

"Claude Saccaro" <claude (AT) diatom-ae (DOT) com> wrote

Quote:

the link is direct to the page. To view it in it's intended pop up
window go to:

www.diatom-ae.com/home.html

click "design"

The image should have no borders around it.

Murray *TMM* wrote:

It looks identical to me in IE6 and IE5.2/Mac.

#10

Well, I hate frames just as much as the next guy but they're the most
reliable way I know to get rid of unwanted / uneccessary scrollbars...

Murray *TMM* wrote:

Quote:

I dunno. This site is one of the reasons I hate frames. You have
constructed a nuclear power plant here with frames opening framesets and on
and on. Sorry - but it's way too complex for the small esthetic benefit in
my opinion.