Hi, yes and no, because the element that follows the parent div with be on top of the parent div itself.
What I'm trying to do is make this markup into tabs: <div id="tabs"> <h3><a href="#">Tab1</a></h3> <div>Tab 1 Content</div> <h3><a href="#">Tab2</a></h3> <div>Tab 2 Content</div> <h3><a href="#">Tab3</a></h3> <div>Tab 3 Content</div> </div> So far I've come up with 2 solutions: 1. Move all tabs (h3) up using P:A and then move them horizontally. But in order to move them horizontally, I need to know the width of each tab. So I can do something like 'left:80px;'. The problem, I don't know the width of each tab as they are generated dynamically. 2. Make all divs inside div#tabs P:A and float the tabs (h3). The problem, the element that goes after div#tabs will be placed on top because of the P:A. I can define a height for div#tabs, but again, the content of each tab is generated dynamically, so the height is unpredictable. And this is where I'm at so far, stuck. And if you wonder why I'm not using this markup instead: <ul> <li><a href="#">Tab 1</a></li> <li><a href="#">Tab 2</a></li> <li><a href="#">Tab 3</a></li> </ul> <div>Tab 1 Content</div> <div>Tab 1 Content</div> <div>Tab 1 Content</div> it's just because of an accessibility issue, tabbing issue specifically. For instance, if there are 10 tabs, the user will have to hit the tab key 10 times in order to get to the content of the first tab, which I don't think that is something that they are happy with. If you can think of any solution for my problem, please share. Thanks! On 31/10/2008, at 4:14 AM, Mark Senff wrote: >> Hi, is there a way to clear a absolute positioned element? >> For example: >> >> >> <div style="position:absolute;"> >> <p>some content</p> >> </div> >> >> <div> >> <p>some more content</p> >> </div> >> >> >> How do I make the second div appear after the first one and not on >> top >> of it? Assume that I can't use float and the height of the first div >> is unknown (its content is dynamically generated). > > Is there a reason for not doing it like this? > > <div style="position:absolute;"> > <div> > <p>some content</p> > </div> > > <div> > <p>some more content</p> > </div> > </div> > > Granted, the second div will also be positioned absolute then, but > it does follow your specs of the second one being placed right after > the first one. > > > > ______________________________________________________________________ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
