WordPress.org

Ready to get started?Download WordPress

Forums

CSS Problem - Main Div Borders uneven - can't fix (6 posts)

  1. OrinNYC
    Member
    Posted 9 years ago #

    If you look at http://www.inanition.org/blog/

    You will notice that there is a small orange border running down both sides of the 'main' div (called #rap)
    I've tried everything I can think of, but I cannot get these borders to appear even. The border on the left side appears at 2px wide, but the one on the right appears at 1px wide, even though they're both set to 2px.

    If I set the right border to 3px, it will appear at 3px. I don't want 3px borders, I'm at a loss as to what's causing this, any help would be greatly appreciated.

    -OrinNYC

  2. Lorelle
    Member
    Posted 9 years ago #

    Well, I've looked at it with Firefox and MSIE and they all look the same to me. What browser are you using and have you tested this site with other browers.

    Also, I haven't looked into the CSS yet, but I'd love to know how you got the opacity to work against the background with the text solid over the top. Very cool.

    One more thing, something your site is pulling from another site called "headermeals" is slowing down the site loading and has taken now....about four minutes and it hasn't finished loading. You need to look into this and fix it/stop it/move the graphic or whatever it is calling onto your own site. You also need to do a validation on your site and fix some of the little problems. No big deal, but worth it in the long run.

  3. vkaryl
    Member
    Posted 9 years ago #

    Like Lorelle, I see the borders at the same width (FF1.0.4, 1280x1024, second monitor 1600x1200). Unlike Lorelle, I had the whole page loaded in under 30 seconds (on crap dialup lines no less!)

  4. Minna
    Member
    Posted 9 years ago #

    I was wondering if it could be some sort of rounding bug because I did see the right border thicken at certain browser widths. Is there an orange background somewhere that could look like part of the border when the widths don't add up correctly?

    I didn't have any problems with loading times either but hotlinking to someone else's pictures (the meal pictures) like that is not good practice.

  5. OrinNYC
    Member
    Posted 9 years ago #

    RE: Hotlinking - was done due to contstraints (firewall & proxies) at new workplace, was unable to upload the images to my host. I intend on fixing it when I get somewhere with a netconnection I can do this on.

    I'll check up on rounding issues and report back then, as well as doing some validation and showing what I did with the opacity! Thanks!

  6. OrinNYC
    Member
    Posted 9 years ago #

    Lorelle:

    This is the CSS I used to create the opacity. It's in the stylesheet.css for the main body div. I didnt do anything special to the text, it's just a very slight opacity.

    filter:alpha(opacity=96);
    -moz-opacity:0.96;
    opacity: 0.96;
    You also mentioned I should run a validation on my site? What sort?

    I'm viewing the site at 1024x768 , MSIE 6 (ew, I know.. but its at work)
    But I still see the same problem with my page on my computer at home, 1024x768 with Firefox. Perhaps it is a rounding problem, is there a set of rules I should be going by to fix this?

Topic Closed

This topic has been closed to new replies.

About this Topic