Blog template - adding a new column.

[paulbeckett]

Hi

I know that this is not an Actinic issue, but the members of these forums are the most skillful so I would appreciate putting this infront of you. If it is not appropriate please remove.

I am struggling to fully create to create the new left hand column on my blog template: http://www.kjbeckett.com/mensfashionblog/blog.html. If
anyone could help I would appreciate it...

I have updated the css with a new value...


#sidebarleft {
width:160px;
float:left;
}


...but I'm not sure where to put the following code which generates the left hand column...


<!-- Begin #sidebarleft -->
<div id="sidebarleft">
Test Text
</div>
<!-- End #sidebarleft -->


...which I placed directly after...


<!-- Begin #content -->
<div id="content">


...and before...


<!-- Begin #main -->
<div id="main"><div id="main2">


and whilst "Test Text" appeared in the correct place (e.g. top left)
and the new left hand column seemed to be there... the right hand
column had been moved to the bottom of the page.

I cant figure out what I am doing wrong?

Paul

[Duncan Rounding]

The layout breaks in FF - but seesm ok in IE7.
Why not use FF with the Developer Add-in and then select to view CSS information. You can then see which div is which and where.

[completerookie]

pop over to http://www.456bereastreet.com/lab/de...slayout/2-col/
its a step by step guide to building two columns, just sustitute the text where you need.

[paulbeckett]

Why not use FF with the Developer Add-in and then select to view CSS information

Thanks I will d/l this and give it a try later.

its a step by step guide to building two columns, just sustitute the text where you need

I have cross referenced and I am sure I have done this. It is really strange, I'm sure this should be working.

Thanks

[Duncan Rounding]

I think you need a three column layout to achieve what you want, see:
http://www.webreference.com/authorin...yout/advanced/
or/and:
http://www.glish.com/css/7.asp

[paulbeckett]

I think you need a three column layout to achieve what you want, see:
http://www.webreference.com/authorin...yout/advanced/
or/and:
http://www.glish.com/css/7.asp

pop over to http://www.456bereastreet.com/lab/de...slayout/2-col/

Thanks ... I have looked at these and I am sure I have done this correct yet it is not working... I have slide on my right column!

I used the code:

<!-- Begin #sidebarleft -->
<div id="sidebarleft">
Test Text
</div>
<!-- End #sidebarleft -->

which is the eqivilant to:

<div id="nav"></div>

as described on http://www.456bereastreet.com/ and the other.

The (new) left hand nav is fine but the right hand nav slides out of place. Ok I am probably doing something very silly that I have missed but I am sure this should work.

Paul

[paulbeckett]

Ah! Got it.

An image on the right hand nav was 234 wide and this was too wide for the total page. I simply reduced the width of the middle column to fit everything in.

Thanks all!

Paul