Forums

The forums ran from 2008-2020 and are now closed and viewable here as an archive.

Home Forums CSS Cross Browser issue.

  • This topic is empty.
Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • #30382
    kb2tfa
    Member

    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;
    }
    #78963
    TheDoc
    Member

    I’m not sure if this is it, but on your #page-wrap, change it to “margin: 0 auto;”.

    #78964
    kb2tfa
    Member

    changed it, don’t see a difference. thanks though

    #78972
    Bob
    Member

    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

    #78979
    kb2tfa
    Member

    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

    #78980
    kb2tfa
    Member

    that did work centering things thanks Bob

Viewing 6 posts - 1 through 6 (of 6 total)
  • The forum ‘CSS’ is closed to new topics and replies.