Klaus,
Yes, apologies the code I posted was absolute rubbish.
The code you posted was what it actually looked like. Sorry for that!
If you think about it the tabs styling will always break the page if inside
a floated layout: the rule that makes the end of the ul.tabs-nav have
clear: both will
Rob Desbois wrote:
Klaus,
Yes, apologies the code I posted was absolute rubbish.
The code you posted was what it actually looked like. Sorry for that!
If you think about it the tabs styling will always break the page if
inside a floated layout: the rule that makes the end of the ul.tabs-nav
Klaus,
Try adding height: 200px; to div#sidebar and you can see the problem.
Floating div#content left or right solves that problem, but does mean the
div's don't expand to fill the client area anymore :-(
--rob
On 7/16/07, Klaus Hartl [EMAIL PROTECTED] wrote:
Rob Desbois wrote:
Klaus,
Rob Desbois wrote:
Klaus,
Try adding height: 200px; to div#sidebar and you can see the problem.
Floating div#content left or right solves that problem, but does mean
the div's don't expand to fill the client area anymore :-(
I see. The reason why I never ran into this kind of problem is
Aha, the solution failed in IE6 though! (Including your test page).
A quick play shows the floating #sidebar and #content right instead of left,
and putting #content before #sidebar in the source to fix the problem.
I daren't go near Opera/Safari now ;-)
--rob
On 7/16/07, Rob Desbois [EMAIL
Rob Desbois wrote:
Aha, the solution failed in IE6 though! (Including your test page).
A quick play shows the floating #sidebar and #content right instead of
left, and putting #content before #sidebar in the source to fix the
problem.
I daren't go near Opera/Safari now ;-)
Opera and
Rob Desbois wrote:
Happy Friday 13th all ;-)
Just mocking up a new interface and attempting to use floated divs for
layout.
The right div of two floated next two each other needs to be a tabbed
container...but the tabs plugin floats the li elements then does a
clear:both afterwards which
Klaus Hartl wrote:
Rob Desbois wrote:
Happy Friday 13th all ;-)
Just mocking up a new interface and attempting to use floated divs
for layout.
The right div of two floated next two each other needs to be a tabbed
container...but the tabs plugin floats the li elements then does a
Klaus,
Thanks for the reply - making the ul float as well didn't help.
Using the overflow doesn't seem to have any discernible difference from
without it (when the tabs-nav:after rules are removed).
I think the best way to go will be to remove display: block from the
.tabs-nav a rule and do the
Am I right in thinking that the a tags are given display:block and then
floated to make them all automatically the same width?
Or not?
Bah, darn CSS trickery...
On 7/13/07, Rob Desbois [EMAIL PROTECTED] wrote:
Klaus,
Thanks for the reply - making the ul float as well didn't help.
Using the
Rob Desbois wrote:
Happy Friday 13th all ;-)
Just mocking up a new interface and attempting to use floated divs for
layout.
The right div of two floated next two each other needs to be a tabbed
container...but the tabs plugin floats the li elements then does a
clear:both afterwards which
Rob Desbois wrote:
Am I right in thinking that the a tags are given display:block and
then floated to make them all automatically the same width?
Or not?
Bah, darn CSS trickery...
The as are given block to make them expand to the whole available
width, or more generally spoken to increase
Rob, you must set the parents element to, with float!
try:
div#sidebar {
float: left;
width: 15%;
}
div#content {
float: left; /* or right */
margin-left: 16%;
display:inline; /* for duble margin in IE when left float */
}
--
Viele Grüße, Olaf
---
13 matches
Mail list logo
