Liquid and Fixed?

[GeForce]

Hi all,

Need some help and advice here! Right, so I've created this page: http://www.livescripts.net/2.html.

And I need to do the following:

1) Get the centre column to stay fixed when the window is resized, whilst the two outside columns shrink away. Basically, in the same way that THIS site does.

2) I don't have Firefox, but I've been informed that the link at the top of the page that says "load google" does not work. Why not? And what do I need to do to get it to work?

Thanks!!

Jon

 

[MastermindUK]

1)Give div#flt_d a fixed width and something like margin: 0 auto;

2)Apparently document.frames has no properties.

 

[GeForce]

Thanks for the reply.

Ive set this to: see HERE

div#flt_d {

position: absolute;
width: 600px;
margin: 0 auto;
height: 80%;
left: 10%;
bottom: 0px;
background-color: #FFFF00;
z-index: 2
padding: 8px;
overflow: auto;

}

If you look at the link above, and resize, the BBC News bit. One side gets smaller faster than the other side. I think this is because of the "left: 10%;" bit. However, if I get rid of this, how can I keep the div floating in the centre?

Thanks again,

Jon

 

[MastermindUK]

Remove

position: absolute;
left: 10%;
bottom: 0px;

from the CSS.