Re: FN-FORUM: CSS driving me nuts!

date posted 27th April 2008 02:33

I forgot to mention, a good cross-browser template can be found at
http://matthewjamestaylor.com/blog/ultimate-3-column-holy-grail-pixels.htm.

Oh, and don't bother looking around my site - it's under development for a
Web service based page producer. It has my awful stuff on it!

Mike A.

----- Original Message -----
From: "Alex Libby" [EMAIL REMOVED]
To: [EMAIL REMOVED]
Sent: Sunday, April 27, 2008 1:41 AM
Subject: FN-FORUM: CSS driving me nuts!


:
: Hi all,
:
: I am trying to design my first attempt at a template for a Wordpress theme
: on what will become my portfolio, but am being driven nuts by what I know
: must be really easy to fix. I have 2 divs (one containing the sidebar -
: called "side" - and the other called .post (original name from some code I
: have); both are in a div called wrapper (used so I can get the margins set
: automatically). Trouble is, I cannot get the post div in the right place,
so
: it floats next to the side div, and not below the side div. I also wanted
to
: get the footer div inside the overall wrapper div as well, but had to move
: it out, as this failed as well. The header image (or what will be), along
: with the nav bar at the top are both outside of the main div (I think -
I've
: made so many changes, I've lost count) - this is OK for the moment.
:
: I know that some of you kind souls have helped me out in the past, and I
: have tried to replicate it again, using float, margins, etc, but have not
: succeeded - can anyone please tell me where I am going wrong? (I have a
: sneaking suspicion the Wordpress code is confusing matters, but that is
just
: a personal opinion...). I have uploaded the code at http://www.not42.net,
: and the important CSS is below:
:
: /*
: Theme Name: Alex Libby - Test
: Theme URI: http://www.not42.net/
: Description: Alex's test theme
: Version: 1.0
: Author: Alex Libby
: */
:
: .menu1 {padding:0 0 0 32px; margin:0; list-style:none; height:35px;
: background:#fff url(images/button1.gif); position:relative; border:1px
solid
: #000; border-width:0 1px; border-bottom:1px solid #444; margin: 0px auto
0px
: auto;}
: .menu1 li {float:left;}
: .menu1 li a {display:block; float:left; height:35px; line-height:35px;
: color:#aaa; text-decoration:none; font-size:11px; font-family:arial,
: verdana, sans-serif; font-weight:bold; text-align:center; padding:0 0 0
8px;
: cursor:pointer;}
: .menu1 li a b {float:left; display:block; padding:0 16px 0 8px;}
: .menu1 li.current a {color:#fff; background:url(images/button3.gif);}
: .menu1 li.current a b {background:url(button3.gif) no-repeat right top;}
: .menu1 li a:hover {color:#fff; background:#000 url(images/button2.gif);}
: .menu1 li a:hover b {background:url(images/button2.gif) no-repeat right
: top;}
: .menu1 li.current a:hover {color:#fff; background:#000
: url(images/button3.gif); cursor:default;}
: .menu1 li.current a:hover b {background:url(images/button3.gif) no-repeat
: right top;}
:
: #wrapper {
: width: 800px;
: margin-left: auto;
: margin-right: auto;
: border: 1px solid black;
: }
:
: #rap {
: margin-left: auto;
: margin-right: auto;
: }
: #navmenu {
: margin-left: auto;
: margin-right: auto;
: }
:
: #footer {
: border: 1px solid #000;
: width: 800px;
: margin-left: auto;
: margin-right: auto;
: height: 30px;
: }
:
: #wrapper #content .post {
: width: 64%;
: margin-left: 5px;
: border: 1px solid black;
: ali
: }
: #wrapper #content #side {
: margin-left: 67%;
: border: 1px solid black;
: }
:
: Thanks,
:
: Alex.
:
:
: --
: 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
:
: