CSS Question

[MHenscheid]

Not sure if this is the right forum for this...

I am playing around with changing my site to a CSS type page (and am REALLY new at it). I am having trouble with putting two "boxes" next to each other (horizontaly).

One box is 150px wide and 10px high, it has a background image, but no other content.

The 2nd box is fluid and should fill the remainder of the screen to the right, 10px high. It also has a background image, and no other content.

margins and padding are 0px for both boxes

If anyone could help me out on this, I would appreciate it...I am sure there is a really easy way to do it...

[chiron]

http://www.w3.org/TR/REC-CSS2/tables.html

should give you most of the answers you need, and more. I'd share some code but I have a toddler doodling on some paper, important papers, my desk, and me just at the moment...

[speed]

Hi MHenscheid,

If you post a link to the page it makes it easier to see what you are trying to do and so give hints as to how to fix it.

You can do something like:

CSS:
.box1 { background-image: url("1.jpg"); height: 10px; padding: 0; margin: 0; font-size: 2px; }
.box2 { background-image: url("2.jpg"); margin: 0 0 0 150px; padding: 0; height: 10px; }

HTML:
<div class="box1"><div class="box2"></div></div>

Not a table in sight either, which is what I assume you wanted.

[MHenscheid]

That is exactly what I needed!!!

If you would like to see the page I am trying to recreate, it can be seen at www.nrsweb.com. Right now I am just trying to re-create the header and navigation to css2 compliant.

Thanks!