Hi all,

I have just finished building a very big site and have found a massive bug in my code.

 

When my content gets passed my min-height my repeating image on the container div breaks this is only on Firefox, Safari, chrome. See image below in attachments

 

The repeating image works fine in IE tho, as usual I'm stumped with a CSS bug and was hoping that someone else had come across this before?

 

Also I have a problem in that my left and right columns don't strech too I assume thats to do with the same thing?

 

I have attached the CSS file for you to look at, any feedback is much appriecated!

 

Regards,

Andy

style.css

add html too

here you go

default.html

hmm its masterpage...

will be hard to do something without home page, becouse i dont see any content :]

 

First of all :

I understand u talking about this dark blue color yes ?

 

Lets try this :

 

add div at the bottom of container.

width:100%;

height:1px;

clear:both;

 

if this doesnt work will be easier to solve this problem when i will have a homepage.

The only content in that page is an image of 832px high.

 

The blue boxes are secondry, its the break in the repeating image I really need to sort out.

 

you talking about under the blue box or the overall container

add this div at the end of container.

Before closing container div.

add this div at the end of container.

Before closing container div.

 

You sir are a genius thank you so much!

 

Now all I need to do is sort out the blue boxes

Now all I need to do is sort out the blue boxes

 

You talking about problem with width of those 2 blue boxes ? (those white lines)

#col-left and #col-right yes ?

You talking about problem with width of those 2 blue boxes ? (those white lines)

#col-left and #col-right yes ?

 

Nah its the height to strech to the bottom when the content in the middle gets longer

damn its hard to find something in this code m8 its messy for me.

First of all why you have pagecontent in the col-right?

Second thing for what is div - crowd ?

 

I will try to fix this m8 but i need some time.

I used col-right to split it into three columns using content-left and right.

crowds a test div to push the content around!