- This topic is empty.
Viewing 6 posts - 1 through 6 (of 6 total)
Viewing 6 posts - 1 through 6 (of 6 total)
- The forum ‘CSS’ is closed to new topics and replies.
The forums ran from 2008-2020 and are now closed and viewable here as an archive.
Hi all. I have two problems. Three if you consider I’m new..lol
I’m trying to create my on WP theme
Problem 1. In IE the header is not centered, but in FF it works.
Problem 2. the logo text-align top/left work, but in FF they don’t.
The url is http://ronguilmet.com/sandbox/
any help would be great thanks in advance. ron
INDEX.PHP
Dark
STYLE.CSS
/*
Theme Name: Dark
Theme URI: http://www.ronguilmet.com
Description: A dark theme.
Author: Ron Guilmet
Version: 1.0
Tags:
General comments and license statement.
*/
body {background-image:url('screenshot.png');}
#page-wrap {
width: 1000px;
margin: auto;
}
#logo {
margin-left: 10px;
margin-top: 20px;
}
#header {
background-color: black;
width: 1000px;
height: 100px;
color: white;
margin-left: auto;
margin-right: auto;
}
a {
color: white;
}
I’m not sure if this is it, but on your #page-wrap, change it to “margin: 0 auto;”.
changed it, don’t see a difference. thanks though
1. Add
text-align: center;
to the body selector.
Next, add
text-align: left;
to the #page-wrap.
2. Edit: what do you mean, it doesn’t work? In both IE and FF the logo is in the top/left corner of the div. Isn’t that what you want?
3. Also, to save on bandwidth/loading time of your webpage, I’d make the background image into a 1280×1 image, instead of 1280×1024. Then, replace the background-image line in your css with this:
background-image: url('screenshot.png') repeat-x;
That will repeat the image horizontally, but will still look the same
sorry about that. the header div I want centered. in firefox it works, in IE it butts up against the left margin.
and the text which i have in logo div which is inside the header i wanted it to be padded a bit, and on my system it seems to work in IE, but not firefox
that did work centering things thanks Bob