Menu
Here’s a simple example of as close as I’ve gotten trying to be a good programmer and learn some newer techniques (when I was your age…we made <tr> and <td> tags … up hill! … both ways!! … and we ‘liked’ it!!! :p), and I’ve hit a bit of a wall understanding how to deal with height.
[quote]
<!DOCTYPE html PUBLIC “-//W3C//DTD XHTML 1.0 Transitional//EN”
“
<html xmlns=”
xml:lang=”en-gb” lang=”en-gb” >
<head>
<style type=”text/css”>
body
{
align: left;
color: #ffffff;
font-family: Century Gothic, Arial, Helvetica;
background-color: #333333;
}
div#break {
clear: both;
}
div#bodywrap {
width: 810px;
background-color: #000000;
padding: 10px 10px 10px 10px;
}
div#mainwrap {
clear: both;
text-align: left;
background-color: #660000;
}
div#main_l {
float: left;
width: 539px;
text-align: left;
background-color: #660000;
}
div#main_r {
float: left;
width: 271px;
text-align: left;
background-color: #000000;
}
div#main_lp {
padding: 5px;
}
</style>
</head>
<body>
<div align=”center”>
<div id=”bodywrap”>
<div id=”mainwrap”>
<div id=”main_l”><div id=”main_lp”>Left Left Left Left Left Left Left Left Left Left Left Left Left Left Left Left </div></div>
<div id=”main_r”>Right Right Right Right Right Right Right Right Right Right Right Right Right Right Right Right Right Right Right Right Right Right Right Right Right Right Right Right Right Right Right Right Right Right Right Right Right Right Right Right Right Right Right Right Right Right Right Right Right Right Right Right Right Right Right Right </div>
</div>
<div id=”break” />
</div>
</div>
</body>
</html>
I’m trying to get div#main_l to be that color for as tall as div#main_r ends up being, or vice versa, depending on the content (which will vary, can be text, or images…beef or chicken, at this point, we don’t know).
With tables, the cell with the most stuff wins, and everyone else in the row complied. Here, it seems to break down when the ‘floating’ begins. I tried playing the absolute, and that doesn’t work so well. Position = relative was ‘close’ in some cases, until you start using ctrl+ to increase the font size, and then the relative position starts to **** and make a nasty mess out of it.
So I’m ‘really’ close, at least I think. background-color: transparent works fine right up until I start floating those divs, then they seem to lose the ability to be transparent.
Any ideas? Is this one of those situations where you have to use a table with one row and two columns and ‘then’ load it up with all the divs and spans you need?
Thanks in advance!