I started to look at your CSS but got lost in all of the empty rules. I realize you are using a template css file, it would help to clean it up before seeking advice. Not a rant, just a suggestion.

 

I first thought that you might want to add a percentage based width to the image, but that would distort it.

I then thought you could add a background color to the paragraph. It seems to have a transparent background that allows the image to sneak past. But that is just a bandaid.

 

If you want the nifty rounded edges to remain, perhaps you could use the png/z-index method on allthatmalarkey.co.uk or is it com?  You could have a white mask that sits on top of the header image, as the page is made smaller, the mask would move on top of the banner image.

 

Try putting the image in the CSS, you can control it better (background image).

 

Ted

 

 


From: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] On Behalf Of Barrie North
Sent: Wednesday, December 21, 2005 8:46 AM
To: [email protected]
Subject: [WSG] Could really use some help with image overflow

 

Hi all,

 

I have a fluid layout and for the life of me can’t get the image to be “cropped” as the screen adjusts.

 

Here is the link:

 

http://www.compassdesigns.net/joomlashack/

 

If you resize the window the image will stay on top. I have played with z-index, overflow:hidden. I can’t for the life of me get this to work.

 

Anyone fancy jumping in and pointing out the obvious thing I am missing J  ?

 

Barrie North

Reply via email to