position elements in header

[yoram]

Hi Ryan
I am using the simplecms theme and having difficulties modifying the CSS for the header section. I’ve changed some styles and added an image but cannot get the blog title (H1 in header) to display aboove the description element, so both are horizontaly centered in the header section. I am using FF firebug addon which helps a little. I would appreciate if you could help me figure out how to do it right.
Thanks

[imported_Ryan]

Hi,
Do you have a link to the problem page?

[yoram]

Thanks Ryan
it’s all local. I have not uploaded to a public server. I am using MAMP and I am not sure the site will be accesible through pesonal web sharing because it refuses to start on syspref (although it’s running). hope the code will help:
the styles for the header are:

#header {
background:#ffffff;width:100%;height:80px;background-image:
url(‘logo_h82.jpg’);background-repeat: no-repeat}

#header .widthlimiter div
{float:right;color:#64A9D5;font:italic bold 1em/80px sans-serif;}

#description {display:inline;margin-right:1em}

.widthlimiter {
min-width:600px;max-width:1000px;width:90%;margin:0 auto}

the HTML for the header is this:

<div id="header">
<div class="widthlimiter">
<div>
<span id="description"> electronic components distribution </span>
</div>
<h1>
My Company
</h1>
</div>
</div>

[imported_Ryan]

Oops, I forgot to reply to this. Sorry about that.

I don’t have time to bug fix things without a link though.

[Author]

Posts