2 replies [Last post]
Last seen: 15 years 32 weeks ago
Joined: 2004-05-20
Posts: 25
Points: 0

Hi all
Am in the process of putting together the following site for a client - http://test.lightbox.ie/Oatfields/
I am still in the early stages but am having a problem in Mozilla which I am sure I have had before but it is wrecking my head as I can't remember what I did last time to fix it.
There is a background image in the div #mcc and a border around it of one pixel but for some reason it won't show up.
Any ideas on what I am doing wrong?
Don't be too harsh on the site - it is very early stages - but I need to get this issue fixed for peace of mind!

Stu's picture
Bristol uk
Last seen: 18 years 46 weeks ago
Bristol uk
Joined: 2004-01-20
Posts: 282
Points: 0

Mozilla Issues - background images.

you will either have to specify a height of your #mcc div (500px) or clear your floats so that the border will extend to enclose them.

It's not what you do it's the way that you do it.
So do it with STYLE

rtm223's picture
Last seen: 18 years 29 weeks ago
Joined: 2004-05-18
Posts: 58
Points: 0

Mozilla Issues - background images.

Looks like everything is floated inside that div, and so it is not expanding horizontally. try putting this at the very bottom of that div:

<hr style="clear:both;margin:0px;visibility:hidden;">

No garuntees it'll work cross browser though so you'll have to test it Smile

css layout tutorials - in depth layout tutorials for all you newbies D maybe even some stuff for you not-so-new-bies out there P