So here's the scenario I'm dealing with:
<div id="tabs">
<div id="tab_one">
Content for tab one
</div>
<div id="tab_two">
Content for tab two
</div>
<div id="tab_three">
Content for tab three
</div>
</div>
Now, my CSS is set up like this:
#tab_one {
position:relative;
left:0px;
top:0px;
}
#tab_two {
position:relative;
left:5000px;
}
#tab_three {
position:relative;
left:5000px;
}
The issue arises when switching between tabs. Because of how the positioning is done, the new tab ends up below the previous one due to their heights. This causes a visual glitch that I need to resolve without changing to absolute positioning. Any suggestions on how to make the transition smoother would be highly appreciated.