Register

If this is your first visit, please click the Sign Up now button to begin the process of creating your account so you can begin posting on our forums! The Sign Up process will only take up about a minute of two of your time.

Results 1 to 5 of 5

Thread: opera issues

  1. #1
    Senior Member Jack000's Avatar
    Join Date
    Aug 2004
    Posts
    250
    Member #
    7173
    Hi there

    I'm working on my first submission on csszengarden, and I've run into a few css issues.

    I added left-padding and a background image to links so they would have a little icon beside them, pretty much like the links on this site. This works on ie 5.5 - 6, but 5.0 seems to have a problem with it, as seen in the screen shot attached.

    The other issue is that opera's fixed positioning is a bit off. I want to treat it the same way as ie - by feeding it custom css to use absolute positioning instead of fixed. However I could only find hacks that work for certain versions of opera, and not all of them.

    see the work in progress

    any and all help appreciated :]
    Attached Images Attached Images

  2.  

  3. #2
    Member
    Join Date
    Dec 2005
    Posts
    92
    Member #
    12042
    i don't know the answers to your question, sorry.
    but im intrested in which font you used for the header.

  4. #3
    Senior Member Jack000's Avatar
    Join Date
    Aug 2004
    Posts
    250
    Member #
    7173
    the font is called "argos". I believe it's freely available

    thanks for your reply anyways :]

  5. #4
    Member
    Join Date
    Dec 2005
    Posts
    92
    Member #
    12042
    i know if you use
    <!--[if lte IE 6]>
    <style type="text/css">

    @import url("stylesie.css");

    </style>
    <![endif]-->
    in your header then it will use a different style sheet for IE, im not sure if there is one for opera, but its worth a try to play with it

  6. #5
    Senior Member igeek's Avatar
    Join Date
    Oct 2005
    Posts
    202
    Member #
    11644
    Jack000,

    try to change the position:fixed; to position:relative; in the page header div

    #pageHeader {
    margin-top: -203px;
    width: 575px;
    height: 203px;
    background: transparent url("images/pageheader.png") no-repeat;
    position: relative;
    z-index: 2;
    }

    im not sure about the padding issue in IE 5..
    I dont have IE 5 on my computer or i would look into it for you..

    good luck


Remove Ads

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •  
All times are GMT -6. The time now is 01:25 AM.
Powered by vBulletin® Version 4.2.3
Copyright © 2019 vBulletin Solutions, Inc. All rights reserved.
vBulletin Skin By: PurevB.com