RE: FN-FORUM: Another CSS question

date posted 31st January 2005 23:17

Hi Emma;

I may have something to help you:

/* CSS Document */

body {
margin:0px 0px 0px 0px;}
=09

#TopNav{
margin:4px 0 0 0;
position:relative;
width:775px;
height:20px;
text-align:center;
white-space: pre;
font-size:12px;
background-color:#7FA5CC;
border-bottom:3px #000000 solid;}

a:link, a:visited, a:hover{
font-family:"Times New Roman", Times,
serif;
color: #000000;
font-size:14px;
font-style: normal;
font-variant: small-caps;
font-weight: bold;
text-decoration: none;}
a:hover{
color: #FFFFFF;
text-decoration:underline;
font-weight: bolder;}


#leftcontent {
position: absolute;
left:1px;
padding:0 0 0 2px;
width:129px;
top:205px;
background:#7FA5CC;}

#centerleftcontent {
position: absolute;
left:143px;
width:430px;
top:207px;
background:#fff;}

#rightcontent {
position: absolute;
left:580px;
width:179px;
top:207px;
background:#fff;}
=09
#rightcontent, #centerrightcontent, #centerleftcontent,
#leftcontent {
border:1px solid #000;}
=09
p,h1,pre {
margin:0px 10px 10px 10px;}
=09
h1 {
font-size:14px;
padding-top:10px;}
=09
#centerrightcontent p { font-size:10px}


div#links {position: absolute; top: 0px; left: 4px;
width: 130px; height: 500px; font: 12px Verdana, sans-serif; z-index:
100;}
div#links a {display: block; text-align: center; font:
bold 1em sans-serif;=20
padding: 5px 10px; margin: 0 0 1px; border-width: 0;=20
text-decoration: none; color: #333; background: #2586d7;
border-right: 5px solid #2175bc;}
div#links a:hover {color: #fff; background: #90bade;
border-right: 5px double white;}

div#links a span {display: none;}
div#links a:hover span {display: block;
position: absolute; top: 0px; left: 120px; right:10px;
width: 125px;
padding: 5px; margin: 10px; z-index: 100;
color: #ffffff; background: black;
font: 11px Verdana, sans-serif; text-align: center;}


=09


I've had to put it here haven't uploaded it yet. Hope I don=92t cause =
any
problems it=92s a bit long.

Kind Regards

D.G

-----Original Message-----
From: [EMAIL REMOVED] [EMAIL REMOVED] On Behalf Of Emma
Davis
Sent: 31 January 2005 16:44
To: FN-FORUM / [EMAIL REMOVED]
Subject: FN-FORUM: Another CSS question


Is there a way to have a 3 column layout with a fixed centre column? I
can=20
do this the other way around (fluid centre and fixed left and right) but
I=20
am having problems with a fixed centre.

I have currently placed a spacer gif of the width I want in the centre=20
column and set the width of the centre column as well which, as a bit
of a=20
hash, appears to be doing the job in Moz but as usual not in IE. I am
used=20
to using html hashes to alter for IE and have done so already on various

parts of the site but my method for the fixed centre doesn't work in IE
at=20
all and I am at a sticking point.

The address is www.6nationsgolfchallenge.co.uk/index2.php. I need a set
gap=20
down the centre of the navigation bar and the main area of content so it

looks something like www.6nationsgolfchallenge.co.uk/layout2.htm.

I haven't tested in any other browsers yet so only want to concentrate
on=20
either a better way of creating the layout I need or something to make
it=20
work in IE based on what I have done so far. Please also ignore all the

borders as they are there for my own reference whilst working on the
layout.

Anyone got any ideas please?

Thanks
Emma=20



--=20
No virus found in this outgoing message.
Checked by AVG Anti-Virus.
Version: 7.0.300 / Virus Database: 265.8.2 - Release Date: 28/01/2005


--=20
Freelancers, contractors earn more with Prosperity4
Call 0870 870 4414 or visit www.prosperity4.com
and benefit from Inland Revenue approved expenses today.

To advertise here: http://www.freelancers.net/advertising.html