[SOLVED] Content Wrap not working

[bob_basli]

Hi all.
I'm trying to convert the Azulmedia stylesheet from Styleshout into a template for CMSMS.

When copying the text and css, the wrap / content wrap is not showing properly.

Wrap code:

Code: Select all

#wrap {
	background: #212B5C url(bg.jpg) repeat-x 0 0; 
	margin: 20px auto 0 auto;	
	text-align: left;		
  	border-color: #444;
	border-style: solid;
	border-width: 1px 1px 5px 1px;	
}

Content wrap code:

Code: Select all

#content-wrap {
	clear: both;
	margin: 0; padding: 0;			
}

I think the thing is in the Wrap, that should create the blue background for the whole layout
Can anyone tell me what I'm doing wrong?

Regards,
Arjan

[roy0810]

I believe you have to define a height and a width.

Think height:auto;  would do..

[bob_basli]

Nope, tried that already, not working.
Thanks anyway.

Found out that it only occurs in Opera 10 and IE 8.
In IE 7 it's working, dunno about FF

Hope someone else has an idea?

[jack4ya]

Hi  ;)

Can you give the html and css code?

For now: I am assuming you have something very similar like this:


 
   {menu}
   {content}
   


Then add
overflow: hidden;
height: 100%;
width: 100%;

to the parent of child, in this case #content-wrap

#wrap {
background: #212B5C url(bg.jpg) repeat-x 0 0;
margin: 20px auto 0 auto;
text-align: left;
border-color: #444;
border-style: solid;
border-width: 1px 1px 5px 1px;
}
#content-wrap {
clear: both;
margin: 0;
padding: 0;
overflow: hidden;
height: 100%;
width: 100%;
}

[bob_basli]

Thanks, your addition's working!