Fluid box - without box model

This is a discussion on "Fluid box - without box model" within the Web Page Design section. This forum, and the thread "Fluid box - without box model are both part of the Design Your Website category.



Go Back   Webforumz.com > Main Forums > Design Your Website > Web Page Design

Notices


Reply
 
LinkBack Thread Tools
  #1 (permalink)  
Old Aug 1st, 2005, 12:36
New Member
Join Date: Aug 2005
Posts: 3
Thanks: 0
Thanked 0 Times in 0 Posts
Fluid box - without box model

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!
Reply With Quote

  #2 (permalink)  
Old Aug 1st, 2005, 19:13
Reputable Member
Join Date: Aug 2003
Location: United Kingdom
Posts: 341
Thanks: 0
Thanked 0 Times in 0 Posts
You seem to have done it?
Reply With Quote
  #3 (permalink)  
Old Aug 2nd, 2005, 08:08
Highly Reputable Member
Join Date: Jul 2003
Location: Ipswich, UK
Posts: 690
Thanks: 0
Thanked 0 Times in 0 Posts
i get a javascript error
Reply With Quote
  #4 (permalink)  
Old Aug 2nd, 2005, 08:38
New Member
Join Date: Aug 2005
Posts: 3
Thanks: 0
Thanked 0 Times in 0 Posts
Did u have some suggest to solve it?

ps. I debugged the js error tnx
Reply With Quote
  #5 (permalink)  
Old Aug 2nd, 2005, 12:21
New Member
Join Date: Aug 2005
Posts: 3
Thanks: 0
Thanked 0 Times in 0 Posts
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
Reply With Quote
  #6 (permalink)  
Old Aug 3rd, 2005, 03:24
herkalees's Avatar
Highly Reputable Member
Join Date: Jul 2005
Location: Massachusetts, USA
Age: 87
Posts: 576
Thanks: 0
Thanked 0 Times in 0 Posts
Send a message via AIM to herkalees Send a message via MSN to herkalees Send a message via Yahoo to 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.
Reply With Quote
Reply

Tags
fluid, box, without, model

Thread Tools

Posting Rules
You may not post new threads
You may not post replies
You may not post attachments
You may not edit your posts

BB code is On
Smilies are On
[IMG] code is On
HTML code is Off
Trackbacks are On
Pingbacks are On
Refbacks are On

Similar Threads
Thread Thread Starter Forum Replies Last Post
box model problem artisites Web Page Design 8 Apr 3rd, 2008 20:15
Fluid in a Pipe barfart Flash & Multimedia Forum 2 May 21st, 2007 20:49
AJaX Job at Fluid gnaryak Job Opportunities 0 Apr 10th, 2007 23:19
Box Model Hack? jwalker80 Web Page Design 4 Feb 2nd, 2007 02:10


All times are GMT. The time now is 13:37.


Powered by vBulletin®
Copyright ©2000 - 2008, Jelsoft Enterprises Ltd.
Search Engine Friendly URLs by vBSEO 3.2.0 RC8
© 2003-2008 Webforumz.com : All Rights Reserved

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43