White space on third party browsers.

S

Sixbells

Good Day;
I have nailed the proper display of the web site's window in all versions of
Microsoft's Internet Explorer, but with all of the third pary browsers:
Firefox, Netscape, Opera and Mac, white space is displayed on the top and
bottom. I know it is a Microsoft world, but my brother uses Macs in his
office and most of his client's are in California (Apple Country), so I need
to have it display properly in all browsers. Besides it is good form and a
nice skill to learn!

The site is: http://www.flatsquirrel.us/MWN

Thanks in Advance.
 
S

Steve Easton

Move the padding setting from the image tag to the td tag that holds the image

Try changing this:
<img width="390" style="border: 1px solid rgb(153, 153, 102); padding: 0px;"
src="images/GoldenGateBridge-390x706.jpg"/>
to:
<img width="390" style="border: 1px solid rgb(153, 153, 102); " src="images/GoldenGateBridge-390x706.jpg"/>

and this:
<td nowrap="" bgcolor="#ffffff" align="left" width="392" rowspan="4">

to:
<td nowrap="" style="padding: 0px;" bgcolor="#ffffff" align="left" width="392" rowspan="4">

You can get rid of nowrap="" also


--

Steve Easton
Microsoft MVP FrontPage
FP Cleaner
http://www.95isalive.com/fixes/fpclean.htm
Hit Me FP
http://www.95isalive.com/fixes/HitMeFP.htm
 
S

Sixbells

Thanks Steve I will give it a try! You guys are great!
--
Many Regards and Thank You,
Sixbells


Steve Easton said:
Move the padding setting from the image tag to the td tag that holds the image

Try changing this:
<img width="390" style="border: 1px solid rgb(153, 153, 102); padding: 0px;"
src="images/GoldenGateBridge-390x706.jpg"/>
to:
<img width="390" style="border: 1px solid rgb(153, 153, 102); " src="images/GoldenGateBridge-390x706.jpg"/>

and this:
<td nowrap="" bgcolor="#ffffff" align="left" width="392" rowspan="4">

to:
<td nowrap="" style="padding: 0px;" bgcolor="#ffffff" align="left" width="392" rowspan="4">

You can get rid of nowrap="" also


--

Steve Easton
Microsoft MVP FrontPage
FP Cleaner
http://www.95isalive.com/fixes/fpclean.htm
Hit Me FP
http://www.95isalive.com/fixes/HitMeFP.htm
 
S

Sixbells

I tried the code change as scripted below with No Joy, it still has the same
white space on the top and bottom sides...

Also I can only test with IE 7.0, but the client claims that the white space
described above happens on her IE 6.0? Anyway, still having the same
problems with Opera, Firefox, Netscape and Macs. BUMMER!!
--
Many Regards and Thank You,
Sixbells
+++++++++++++++++++++++++++++++++++

Sixbells said:
Thanks Steve I will give it a try! You guys are great!
 
S

Stefan B Rusynko

Set your page margins to 0
Or add a style
body {margin:0px;}


--

_____________________________________________
SBR @ ENJOY (-: [ Microsoft MVP - FrontPage ]
"Warning - Using the F1 Key will not break anything!" (-;
_____________________________________________


|I tried the code change as scripted below with No Joy, it still has the same
| white space on the top and bottom sides...
|
| Also I can only test with IE 7.0, but the client claims that the white space
| described above happens on her IE 6.0? Anyway, still having the same
| problems with Opera, Firefox, Netscape and Macs. BUMMER!!
| --
| Many Regards and Thank You,
| Sixbells
| +++++++++++++++++++++++++++++++++++
|
| "Sixbells" wrote:
|
| > Thanks Steve I will give it a try! You guys are great!
| > --
| > Many Regards and Thank You,
| > Sixbells
| >
| >
| > "Steve Easton" wrote:
| >
| > > Move the padding setting from the image tag to the td tag that holds the image
| > >
| > > Try changing this:
| > > <img width="390" style="border: 1px solid rgb(153, 153, 102); padding: 0px;"
| > > src="images/GoldenGateBridge-390x706.jpg"/>
| > > to:
| > > <img width="390" style="border: 1px solid rgb(153, 153, 102); " src="images/GoldenGateBridge-390x706.jpg"/>
| > >
| > > and this:
| > > <td nowrap="" bgcolor="#ffffff" align="left" width="392" rowspan="4">
| > >
| > > to:
| > > <td nowrap="" style="padding: 0px;" bgcolor="#ffffff" align="left" width="392" rowspan="4">
| > >
| > > You can get rid of nowrap="" also
| > >
| > >
| > > --
| > >
| > > Steve Easton
| > > Microsoft MVP FrontPage
| > > FP Cleaner
| > > http://www.95isalive.com/fixes/fpclean.htm
| > > Hit Me FP
| > > http://www.95isalive.com/fixes/HitMeFP.htm
| > >
| > >
| > > | > > > Good Day;
| > > > I have nailed the proper display of the web site's window in all versions of
| > > > Microsoft's Internet Explorer, but with all of the third pary browsers:
| > > > Firefox, Netscape, Opera and Mac, white space is displayed on the top and
| > > > bottom. I know it is a Microsoft world, but my brother uses Macs in his
| > > > office and most of his client's are in California (Apple Country), so I need
| > > > to have it display properly in all browsers. Besides it is good form and a
| > > > nice skill to learn!
| > > >
| > > > The site is: http://www.flatsquirrel.us/MWN
| > > >
| > > > Thanks in Advance.
| > > > --
| > > > Many Regards and Thank You,
| > > > Sixbells
| > >
| > >
| > >
 
J

Jon Spivey

Hi,
try adding
td{
vertical-align:top;
}
to your stylesheet - that will push the big images on the left up to the top
of your table so losing the white space at the top in FF. You could also
lose the height on the table completely and let the image expand the table
vertically - tables were never supposed to have heights set so it's not a
good idea to do so.

Cheers,
Jon
 
S

Sixbells

Thanks Jon, it worked for my Index and Contact Us pages, but I will still
have to noodle with the Lawyers pages, as I am still getting the white space
on top and bottom with third party browsers. I will keep at it, if you have
any other suggestions I would appreciate it of course!
 
R

Rob Giordano \(Crash\)

Select that cell that contains the lawyers image, set the VAlign to "top"


--
~~~~~~~~~~~~~~~~~~
Rob Giordano
Microsoft MVP Expression
 
S

Sixbells

All is well with all versions of IE, even Vista. But when I tweak the code as
described above, the third party browser white space issue goes away, BUT, my
button table jumps up on the lawyers pages only. If I set the height settings
for the table above the button toolbar table, the white space issues comes
back! AARRGGHH! :)
 

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