[WSG] 3px Space problems
Title: Message I have a problem on my pages where there is a space between the navigation and the image, there is like a 3 pixels space, but only when I view it in anything else but Internet Explorer. http://www.pacificfox.com.au The homepage validates. Anyone any ideas on this, also the headers on sub sequent pages, like "Portfolio" on http://www.pacificfox.com.au/portfolio/ are much higher than when viewed in Internet Explorer, how can I get the content to be in the same location no matter what browser? Thanks for any input you might be able to provide. Taco Fleur - Pacific Foxan industry leader with commercial IT experience since 1994 http://www.pacificfox.com- Web Design and Development
Re: [WSG] 3px Space problems
G'day
I have a problem on my pages where there is a space between the navigation
and the image, there is like a 3 pixels space, but only when I view it in
anything else but Internet Explorer.
http://www.pacificfox.com.au
Add this to your style sheet: img { vertical-align:top; }(Or just
for images in a certain section)
Firefox (and perhaps other browsers too) have a default image alignment
of baseline which leaves that gap at the bottom.
Incidentally, you might want to have a look at the site with images
disabled. Or load it over a dial-up connection.
Regards
--
Bert Doorn, Better Web Design
http://www.betterwebdesign.com.au/
Fast-loading, user-friendly websites
**
The discussion list for http://webstandardsgroup.org/
See http://webstandardsgroup.org/mail/guidelines.cfm
for some hints on posting to the list getting help
**
Re: [WSG] 3px Space problems
I have had this same problem - fortunately it's easy to fix. As an
alternative you can do this: img src=yourImage.jpg
style=display:block; /.
If you image is sitting inline - add a float:left; to keep it inline.
Works like a charm.
Bert Doorn wrote:
G'day
I have a problem on my pages where there is a space between the
navigation
and the image, there is like a 3 pixels space, but only when I view
it in
anything else but Internet Explorer.
http://www.pacificfox.com.au
Add this to your style sheet: img { vertical-align:top; }(Or
just for images in a certain section)
Firefox (and perhaps other browsers too) have a default image
alignment of baseline which leaves that gap at the bottom.
Incidentally, you might want to have a look at the site with images
disabled. Or load it over a dial-up connection.
Regards
--
Joseph R. B. Taylor
Web Designer/Developer
http://sitesbyjoe.com
(609) 335-3076
[EMAIL PROTECTED]
**
The discussion list for http://webstandardsgroup.org/
See http://webstandardsgroup.org/mail/guidelines.cfm
for some hints on posting to the list getting help
**
RE: [WSG] 3px Space problems
Add this to your style sheet: img { vertical-align:top; }
(Or just
for images in a certain section)
That seemed to work, weird, I had vertical-align:top; on the images itself.
Incidentally, you might want to have a look at the site with images
disabled. Or load it over a dial-up connection.
Yeah I know that some pages might be still be a little to big, it was a rush
job (I had to get something out there),
once I have time I will optimize it all, i.e. move the styles into a
stylesheet etc. etc.
Thanks again.
Regards
--
Bert Doorn, Better Web Design http://www.betterwebdesign.com.au/
Fast-loading, user-friendly websites
**
The discussion list for http://webstandardsgroup.org/
See http://webstandardsgroup.org/mail/guidelines.cfm
for some hints on posting to the list getting help
**
**
The discussion list for http://webstandardsgroup.org/
See http://webstandardsgroup.org/mail/guidelines.cfm
for some hints on posting to the list getting help
**
RE: [WSG] 3px Space problems
PS. Any ideas on the headers just below the banner, that are not in the same
spot as in Internet Explorer?
If we take the portfolio page for example, the header portfolio in IE is
in the spot where I want it, in anything else it is way to high. I could
position it absolute to the top of the page, but I might change the size of
the banner one day.
Taco Fleur - Pacific Fox
an industry leader with commercial IT experience since 1994 .
http://www.pacificfox.com - Web Design and Development
-Original Message-
From: [EMAIL PROTECTED]
[mailto:[EMAIL PROTECTED] On Behalf Of Bert Doorn
Sent: Thursday, 22 September 2005 11:40 PM
To: wsg@webstandardsgroup.org
Subject: Re: [WSG] 3px Space problems
G'day
I have a problem on my pages where there is a space between the
navigation and the image, there is like a 3 pixels space,
but only when
I view it in anything else but Internet Explorer.
http://www.pacificfox.com.au
Add this to your style sheet: img { vertical-align:top; }
(Or just
for images in a certain section)
Firefox (and perhaps other browsers too) have a default image
alignment
of baseline which leaves that gap at the bottom.
Incidentally, you might want to have a look at the site with images
disabled. Or load it over a dial-up connection.
Regards
--
Bert Doorn, Better Web Design http://www.betterwebdesign.com.au/
Fast-loading, user-friendly websites
**
The discussion list for http://webstandardsgroup.org/
See http://webstandardsgroup.org/mail/guidelines.cfm
for some hints on posting to the list getting help
**
**
The discussion list for http://webstandardsgroup.org/
See http://webstandardsgroup.org/mail/guidelines.cfm
for some hints on posting to the list getting help
**
