Fluid box - without box model

[satoshy]

Hi all,
i'm trying to create a box with CSS.. but i've several problems to make it. :\

The final result should be like that http://www.opent.it/cms/bazar/box.gif

this what i'm doing now http://www.opent.it/cms/bazar/box.htm but i'm not sure if it's correct..

Some css god can help me??

Tnx!

[D3mon]

You seem to have done it?

[Smokie]

i get a javascript error

[satoshy]

Did u have some suggest to solve it?

ps. I debugged the js error tnx

[satoshy]

My problem nw is that i've some problems with IE/FF compatibility. I'd like that my box height setting is related to the content size ("div" content) without setting height parameter manually.

The page is : http://www.opent.it/cms/bazar/box.htm

And the css :

<style type="text/css">
<!--

div.box {
margin: 0 auto;
padding: 0px;
width: 333px;
height: 450px;
background-color: #FFFFFF;
}

div.header {
float: left;
width: 99%;
height: 23px;
margin: 1px;
padding: 0px;
border: 2px dotted #D8D8D8;
}

div.bar {
float: left;
width: 99%;
height: 6px;
margin: 0px 1px 2px 1px;
background-color: #E0E0E0;
border-bottom: 1px solid #BDBDBD;
}

div.bordcontent {
height: 90%;
margin: 1px;
padding: 0px;
border: dotted #D8D8D8;
border-width: 0px 2px 0px 2px;
}

div.content {
width: 99%;
height: 100%;
font-face: Tahoma;
font-size: 11px;
margin: 0px 1px 3px 1px;
}

-->
</style>

Anyone can help me? Tnx a lot!

Augusto

[herkalees]

I'm a bit confuzzed, but if you're looking for the height of a <div> to be fluid with any content that is inside of it, you just leave out any CSS height code.

As long as height is NOT declared, the box will flow.

Since this is too easy of a fix, I'm going to guess I didn't understand your question.