Thu, 2010-03-11 08:28
Hello,
I downloaded a 3 col w/ footer template off the net. In my html editor all looks fine(centred on the page, all 3 cols are the right size), but after I upload to the server I get this:
my site
Here is the css code:
* { padding: 0; margin: 0; } body { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 13px; } p { padding: 10px; } #wrapper { margin: 0 auto; width: 700px; } #content { float: left; color: #333; background: #990000; height: 350px; width: 400px; display: inline; } #footer { width: 700px; height: 10px; clear: both; color: #333; background: #FFFF99; } #leftcolumn { color: #333; background: #99FF00; height: 350px; width: 150px; float: left; } #rightcolumn { color: #333; background: #0000FF; height: 350px; width: 150px; float: left; }
Also, once fixed, how can I centre the 3cols + footer vertically on the page?
Any help would be much appreciated.
Thu, 2010-03-11 08:33
#1
You have to upload your CSS
You have to upload your CSS as well.
http://www.professionaltilersgroup.co.uk/styles.css doesn't exist.
Thu, 2010-03-11 09:06
#2
Deuce wrote: You have to
You have to upload your CSS as well.
http://www.professionaltilersgroup.co.uk/styles.css doesn't exist.
LOL, sorry about that. I changed where I put my css file on the server. Thank you.
Any idea as to how I would centre it vertically? Would it just be to have a large header the same colour as the background? Appreciate your help.
Thu, 2010-03-11 09:39
#3
Modern way would be to employ
Modern way would be to employ the display:table group of properties which would allow you to vertically align a child element display:table-cell of a display:table parent; for older browsers one need tricks to achieve this. In reality vertical dimensions are dictated by content, trying to control things to a large degree in this respect can start to smack of print paradigms