If anyone who knows CSS wants to make a major non-cash contribution to this blog, please tell me how to fix my stylesheet(s) templates to center the three columns under the header image.
19 thoughts on “Blog Template Bleg”
Comments are closed.
If anyone who knows CSS wants to make a major non-cash contribution to this blog, please tell me how to fix my stylesheet(s) templates to center the three columns under the header image.
Comments are closed.
Rand,
Haven’t tested it on your layout but think this should center your content.
.columnbox {
margin:auto;
width: 1000px;
}
Thanks, but made that change, and no change…
Are the two side columns already set to the same width?
Don’t ask me. Look at the code.
looking at the first section of your style page you have the body text-align:center (where the header image is) but the #page text-align (where the columns are) as “left”. If you want to keep the header centered but the column alignment left justified change your #page text alignment to “center”, and you’ll have to add “text-align:left” to each column definition that doesn’t already have it.
Your div for the left column is “leftcol” but the right column is “sidebar” and appears to include a sidebar template. I’m not familiar with WordPress and have a nodding acquaintance at best with CSS but I suspect sidebar.php may be determining the width of the right column and thus pushing the center column off-center.
Please do not do this. I, and I assume a number of your readers, prefer a larger font – course you still have the eyes of an eagle. What happens is the middle column, which is all I care about, gets very skinny – three words per line and basically unreadable.
Just to ask a dumb question, what engine are you using for the blog?
Clicking on the “theme” link refers to WordPress; is that it?
Yes, it’s WordPress. So how does it look now?
Taking a stab here…
You have:
#header {
margin: 0;
padding: 0;
height: 220px;
}
I’d try:
#header {
margin: 0;
padding: 0;
height: 220px;
float: center;
color: #000;
}
Another place is in the code for the html where it calls for the header. You don’t have a semi-colon after no-repeat.
Have you tried width:100%
Looks like you got it, whatever you did… It changed some time between when I started reading the comments on the thread on Mark and when I submitted my own comment.
I still see it left justified with a big gray area on the right if I widen the window. I’m using IE 6.0
Sounds like a solution for some browsers not all, on Firefox3.0 I saw it centered after Tom’s comment
I’m seeing it even more skewed to the left now than previously.
…um, in Firefox 3.0.10 on my XP machine. <red face>
I keep my screen at full width 100% of the time, unless a popup opens a smaller window. Using Safari 3.2.1 on Mac OS X 10.4.11, the full width of the set of three columns is centered under the centered TTM logo.
And has been since the comment I left earlier about it.
Attempted using Safari’s “user agent” to change it to IE or Firefox, but it looked the same. Don’t really feel like booting up my Windows partition to verify/condemn IE.
The center column now seems nicely centered, although the right-hand column seems a tad wider than the left. Can’t say if that’s due to my browser or my (old) 17″ CRT monitor. 🙂
I’m using WinXP SP2, Firefox 3.0.10.
Just fired up (cough!, cough!, blow the dust off) IE 7.0.5730, and that also seems reasonably centered, although (again) the right-hand column seems a tad wider. Perhaps there’s extra horizontal spacing hidden in that code?
The IE view shows a much narrower center column than does Firefox. There seems to be extra padding for both the right and left columns.
Rand, just making sure you know about the awesome (and free)Firebug add-on for Firefox. There’s also a firebug-lite for IE. Makes fiddling with CSS much faster.