5 replies [Last post]
wilde
Offline
newbie
Hong Kong
Last seen: 15 years 28 weeks ago
Hong Kong
Timezone: GMT+8
Joined: 2004-04-08
Posts: 5
Points: 0

I have two questions, they may be very stupid, but I can't figure out the problem.

Here's the page I'm referring to:
http://ecthelion.org/wilde/index.html

and here is the stylesheet:
http://ecthelion.org/wilde/style.css

Question 1) In Firefox, it looks how I want it to. The top image (with the dog and the title of the site) is placed in a div with 0 margin and padding, and a border-bottom of 1px. There is no space between the img and the border-bottom. However, in IE 6.0.2800, there is 1px of space under the image, above the border. How do I fix it?

Question 2)
Please refer to this page:
http://ecthelion.org/wilde/webdesign/?show=ecthelion1.jpg&mode=2&offset=&limit=12

and same stylesheet as above.

The image is within the boundaries of the div if your resolution is 1024x768. But if you resize the browser and make the resolution smaller, the image sticks out to the right of the div because it's larger than the browser window. Is there a way to make sure that the div would expand to fit the image no matter how big it is? In IE, the div seems to do that.

Thanks,
Joyce.

co2
co2's picture
Offline
Leader
UK
Last seen: 11 years 27 weeks ago
UK
Joined: 2003-09-17
Posts: 721
Points: 0

1px space under img in IE? Divs don't stretch in Firefox?

I think this problem was aired about three weeks ago (Think either Stu or ClevaTreva commented on the fix)... I think it was to add a 1px line-height declaration to the CSS of the offending element. Give it a go.

If it doesn't help, let us know and we can have a closer look.

The next sentence is true. The previous sentence is false. Discuss...

Stu
Stu's picture
Offline
Enthusiast
Bristol uk
Last seen: 15 years 39 weeks ago
Bristol uk
Joined: 2004-01-20
Posts: 282
Points: 0

1px space under img in IE? Divs don't stretch in Firefox?

To get rid of the 1px gap just move the closing div to the same line as the image tag. IE tends to do this when the source code has a line feed.

<a href="http://ecthelion.org/"><img src="portfolio.jpg" alt="wilde.myportfolio" border="0" /></a></div>

I will check the other problem later.

It's not what you do it's the way that you do it.
So do it with STYLE
http://www.s7u.co.uk

co2
co2's picture
Offline
Leader
UK
Last seen: 11 years 27 weeks ago
UK
Joined: 2003-09-17
Posts: 721
Points: 0

1px space under img in IE? Divs don't stretch in Firefox?

Ah of course... the ol' white space bug, should've guessed! :roll:

The next sentence is true. The previous sentence is false. Discuss...

Stu
Stu's picture
Offline
Enthusiast
Bristol uk
Last seen: 15 years 39 weeks ago
Bristol uk
Joined: 2004-01-20
Posts: 282
Points: 0

1px space under img in IE? Divs don't stretch in Firefox?

2) Change the min-width setting for #displaycontainer

#displaycontainer {
min-width: 1000px;

IE doesn't understand min-width so will not change.

It's not what you do it's the way that you do it.
So do it with STYLE
http://www.s7u.co.uk

wilde
Offline
newbie
Hong Kong
Last seen: 15 years 28 weeks ago
Hong Kong
Timezone: GMT+8
Joined: 2004-04-08
Posts: 5
Points: 0

1px space under img in IE? Divs don't stretch in Firefox?

Thanks a lot! It works perfect now.