Swap two columns

On Feb 14, 10:46 pm, dorayme <doraymeRidT... (AT) optusnet (DOT) com.au> wrote:

With difficulty and complication. Just look at what has been
offered to you in response, tricks and tricks galore.

How strong is this argument about pleasing screen readers and
search bots? So simple is it to put the nav first in the html,
width it, float it left, margin-left the main by about the width
of the nav and let Bob be your uncle, that the argument better be
pretty strong indeed.

The other posters actually helped me a lot... I have to areas where
this is an issue. One where I have the regular two column layout -
this is now fixed. But I was just wondering if I could use this new
input to also solve another problem that I've been having: Where I
need a text to flow just after the last tab, as explained.

/thomas

Thomas Watson wrote:

On Feb 14, 2:49 pm, "Evertjan." <exjxw.hannivo... (AT) interxnl (DOT) net> wrote:
Float the main div to the right.

I want the main column to be as far left as possible, only of cause
leaving room for the left sidebar. The problem with the float:right
solution is that the main column then goes all the way to the right of
the browser viewport.

Only if you /only/ use the starting information given. Modify/add as needed.

I guess this could be handled by giving the main column a fixed size,
but with a layout that increases horizontally depending on the users
browser size this is unfortunately not possible.

Don't say /not possible/ - look for a way to make it work - like so:

#main {border:1px solid blue;float:right;width:80%;}
#sidebar {border:1px solid red;margin-right:80%;}

<div id="main">Main content</div>
<div id="sidebar">Sidebar</div>

The above sets Main at 80% width and Sidebar at the remainder, 20%
width. Simple, no?

--
Gus

In article
<6e566400-c165-4257-a48b-06cc7899e979 (AT) s12g2000prg (DOT) googlegroups.co
m>,
Thomas Watson <w (AT) tson (DOT) dk> wrote:

On Feb 14, 10:46 pm, dorayme <doraymeRidT... (AT) optusnet (DOT) com.au> wrote:
With difficulty and complication. Just look at what has been
offered to you in response, tricks and tricks galore.

How strong is this argument about pleasing screen readers and
search bots? So simple is it to put the nav first in the html,
width it, float it left, margin-left the main by about the width
of the nav and let Bob be your uncle, that the argument better be
pretty strong indeed.

The other posters actually helped me a lot... I have to areas where
this is an issue. One where I have the regular two column layout -
this is now fixed. But I was just wondering if I could use this new
input to also solve another problem that I've been having: Where I
need a text to flow just after the last tab, as explained.

Perhaps I was a bit harsh about what you have been offered in the
context of simple cases. Perhaps a more detailed url of what you
are wanting might be useful to determine the relative merits of
things.

Not sure what you are asking in the last bit, last tab? Maybe my
newsreader is not getting up all the posts in the thread?

--
dorayme

Thomas Watson wrote:

I have a two column layout - this is the regular story about a sidebar
and a column containing the main content.

In the HTML source I've put the main content div first and the sidebar
div second - This is an important point. I do this because I would
like the main content of the site to be at the top of the HTML source
(to please screen readers and search bots)

But in the browser I would like to show the sidebar to the left of the
main content.

I am not a CSS expert, not even close.
But for what it's worth, at
http://www.NorthwestAllenTrails.org/
I have the main content preceding the nav bar in the HTML,
but the sidebar stays on the left.

--
Wes Groleau

Ostracism: A practice of sticking your head in the sand.