Sent by Randy Noval on 31 July 2002 15:03
Hi all,
I posted this last weekend, but didn't get much response. Hopefully it
will garner some input this round. TIA.
I've been banging my head against this one, but haven't been able to
come up with a good solution yet. I'm hoping someone can help me out
with ideas, or show me where I've been banging my head against the wrong
wall.
I am trying to make some boxes with a "title" on the right as a vertical
bar. You can see these to help visualize what I'm looking for.
http://www.compact56.com/home.html
http://www.compact56.com/boxes.jpg
The idea is to have several fluid boxes set in from the left side by a
bit to allow for the menu. The width of the boxes will vary with the
browser width, but not the amount they are inset from the left. They
have a 1px white border. On the right side, running the height of the
box, is a colored title, kinda like:
+-------------+
| | |
| |T|
| |I|
| |T|
| |L|
| |E|
| | |
+-------------+
I think I've got the boxes pretty set, but cannot for the life of me
figure out how to get the title bar without breaking the boxes. The
title doesn't go the entire length in Moz11b, disappears in IE6 & goes
the full length of the screen in Op6. Can someone help?
Some code I'm working with:
/* CSS File */
.contentbox {
margin: 0px;
padding: 0px;
}
.content {
border : 1px solid #FFFFFF;
margin: 0px 5px 15px 11em;
padding: 5px 0 5px 5px;
position : relative;
}
.contenttitle {
margin : -5px 0 0 10px;
width : 15.5px;
height : 100%;
padding : 2px;
text-align : center;
float : right;
}
<!-- HTML File -->
<div class="contentbox">
<div class="content">
<span class="contenttitle">U P C O M I N G S H O W S</span>
CONTENT HERE
</div>
<div class="content">
<span class="contenttitle">U P C O M I N G S H O W S</span>
CONTENT HERE
</div>
</div>
I'll take any suggestions anyone has, thanks a bunch.
Randy
--==**==-- --==**==-- --==**==--
Randy Noval - [EMAIL-REMOVED]
We take risks not to escape life,
but to prevent life from escaping us.
-unknown
