|
-
Sep 28th, 2004, 03:41 AM
#1
Thread Starter
Don't Panic!
 FF: Three columns (resolved)
Hi,
I'm going to redo my Asp page layouts, and I'd like to try a three column view (this time  )
Now I have installed FF at work which only allows it to view local pages (proxy is locked off) so its very useful for me .
Anyway I've got the following:
Code:
<html>
<head>
<title> == == Vince`s == ASP == Website == == </title>
<link rel='stylesheet' type='text/css' href='./styles.css'>
</head>
<body>
<!--
<div id='rightcol'>
<table class='subs' cellspadding=0 cellspacing=0>
<tr><td><a href='./gallery'>Gallery</a></td></tr>
Stories
Dragonfly
</table>
Forums
Reviews
</div>
-->
<!--
<div id='leftcol'>
Personal
About Me
Links
Site
Acknowledgements
Feedback
Quote for Work
</div>
-->
<div id='middlecol'>
Main disp
</div>
<div id='copyright'>
Copyright © 2004
</div>
</body>
</html>
CSS of:
Code:
/*
Three columns
Left column Some menu items
Middle main display
Right adverts external links
*/
/* Default stuff */
body {
color: #ddd;
background: #000;
margin: 0;
padding: 0;
}
a {
color:aaf;
text-decoration:none;
font-weight: bold;
}
a:hover {
color: #111;
background: #aaa;
}
/* Left col */
#leftcol {
width: 128px;
border: solid 1px #ff0;
float: left;
}
/* Right Col */
#rightcol {
width: 128px;
border: solid 1px #ff0;
float: right;
}
/* middle col */
#middlecol {
width: 100%;
margin: 0 132px 0 132px;
border: solid 1px #ff0;
}
/* subsections */
table.subs {
width: 90%;
}
table.subs tr {
vertical-align: middle;
}
table.subs td {
text-align: center;
}
/* Copy right */
#copyright {
border: dotted 1px #05f;
text-align: right;
font-variant: small-caps;
font-size: 75%;
padding: 0 32px 0 0;
clear:both;
}
/* General Classes */
.iefixcenter { text-align:center; }
Firefox has made the middle section 100% wide BUT with the margin of 132px on the left (the right doesn't work?!?) it shoves it off the screen.
1) Do I need to change the Css a bit to make it fit? Should the width be auto?
2) How would I get it centered and with a max width of the screen- 264px?
Vince
Last edited by Ecniv; Oct 4th, 2004 at 04:16 AM.
Feeling like a fly on the inside of a closed window (Thunk!)
If I post a lot, it is because I am bored at work! ;D Or stuck...
* Anything I post can be only my opinion. Advice etc is up to you to persue...
Posting Permissions
- You may not post new threads
- You may not post replies
- You may not post attachments
- You may not edit your posts
-
Forum Rules
|
Click Here to Expand Forum to Full Width
|
Reply With Quote