Posted: 08/18/06 01:01:15pm
If I'm not mistaken, you're going to have to add some positioning statements to those divs. As of right now, they're assuming you want them placed at Zero,Zero coordinates, so they're on top of one another.
Posted: 08/18/06 01:09:02pm
I see, so what positioning statements would have the tab bar go to the farthest right, and the logo to the farthest left?
Posted: 08/18/06 01:38:21pm
I think I have solved this, but why the solution works puzzled me.
First off, I had to change some of the HTML from this :
| CODE |
<div id="header"> <div id="logo" /> <div id="rightTabs" /> </div> |
into :
| CODE |
<div id="header"> <div id="logo"></div> <div id="rightTabs"></div> </div> |
and then from there I just had the logo "float : left;" and the tab bar "float : right;". Are DIV tags not allowed to be self-closing?
Also, it seems as if this code will force the tab bar div to go to the next line if the window is made to be too small horizontally, any way to combat this?
Posted: 08/18/06 05:05:34pm
QUOTE (Johnny @ Aug 18 2006, 04:38 PM)
I think I have solved this, but why the solution works puzzled me.
First off, I had to change some of the HTML from this :
CODE
<div id="header">
<div id="logo" />
<div id="rightTabs" />
</div>
into :
CODE
<div id="header">
<div id="logo"></div>
<div id="rightTabs"></div>
</div>
and then from there I just had the logo "float : left;" and the tab bar "float : right;". Are DIV tags not allowed to be self-closing?
Also, it seems as if this code will force the tab bar div to go to the next line if the window is made to be too small horizontally, any way to combat this?
div tags are not self closing.
also, you an add a width to the header div to stop the width from going below that value