[thelist] css vertical positioning question

Kevin Timmins kipper_timmins at yahoo.co.uk
Wed Jan 2 16:49:50 CST 2008

Hi there,
Hrmm for the menu bar, i think you might like to use a table (i'm sorry{i
just don't see another way of getting it to do what you want.}) the problem
you are going to have with it is that as different viewers view their text
at different sizes its going to alter the layout, either that or you use a
fixed div for each menu item, which could be quite tedious and also a bit
As for your layout problem with the header i solved it by removing the spare
div in the actual html code and then just did the following css
#header {
	background: #FFFFFF url(msc_logo.jpg) no-repeat 100% 0;
	border-bottom: 4px solid #fff;
	border-top: 5px solid #fff;
	height: 150px;
#header h1 { 	
	margin: 0;
	color: #666666;
	font-size: 2.0em;
	font-weight: normal;
	cursor: default;
	padding-top: 10px;
	padding-left: 10px;
Of course you change the padding to suite and also change the height to the
height of the image msc_logo.jpg

I also for my own use removed the img/ directoy in the css because of my
site layout.
I haven't checked this in firefox but it works with IE7.0!
I hope this helps you a bit :)you could also probably put the padding from
#header h1 into #header might work the same, i would have thought at least.
Hope this is helpful.

-----Original Message-----
From: thelist-bounces at lists.evolt.org
[mailto:thelist-bounces at lists.evolt.org] On Behalf Of Meredith Tupper
Sent: 02 January 2008 15:37
To: thelist at lists.evolt.org
Subject: [thelist] css vertical positioning question

Hi all,

I am trying to vertically position an h1 element inside a header and  
can't find a method that works for Mozilla and IE:

Specifically, I want to move the "Life coaching for living
from the inside out" up to be parallel with the top of the logo.  I  
tried this fix and it works on Mozilla but not IE:
< div style=" #position: absolute; #top: 10%;display: table-cell;  
vertical-align: middle;" >

Any suggestions for something more useful and elegant?

Also, I'd like to remove the last little gray tab on the nav going  
across the top, and center the remaining tabs, but cannot get it to  
work consistently.  Here's the css:

Thanks in advance for any help,


* * Please support the community that supports you.  * *

For unsubscribe and other options, including the Tip Harvester 
and archives of thelist go to: http://lists.evolt.org 
Workers of the Web, evolt ! 

More information about the thelist mailing list