SitePoint Sponsor

User Tag List

Results 1 to 7 of 7
  1. #1
    SitePoint Member
    Join Date
    Oct 2006
    Posts
    15
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)

    HELP: CSS- Opera browser bottom margin issue

    I created a template but in Opera, the wrapper extends all the way down. In Firefox and IE, it displays it properly, but in Opera there doesnt seem to be a bottom margin.

    Anyone know whats going on or if there is a hack to correct this?

    http://anbexpress.com/webproof/index.html

  2. #2
    CSS & JS/DOM Adept bronze trophy
    Join Date
    Mar 2005
    Location
    USA
    Posts
    5,482
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Try setting padding on body instead of the margin.
    We miss you, Dan Schulz.
    Learn CSS. | X/HTML Validator | CSS validator
    Dynamic Site Solutions
    Code for Firefox, Chrome, Safari, & Opera, then add fixes for IE, not vice versa.

  3. #3
    SitePoint Member
    Join Date
    Oct 2006
    Posts
    15
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    nope, same thing occurs. so strange..

  4. #4
    CSS & JS/DOM Adept bronze trophy
    Join Date
    Mar 2005
    Location
    USA
    Posts
    5,482
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Both of these rules seem to make it display how you want.
    Code:
    #wrapper {
      border-bottom: 1em solid #1f1f1f;
      margin:0;
    }
    /* OR */
    #wrapper:after {
      content: ".";
      display: block;
      clear: both;
      height: 0;
      visibility:hidden;
    }
    We miss you, Dan Schulz.
    Learn CSS. | X/HTML Validator | CSS validator
    Dynamic Site Solutions
    Code for Firefox, Chrome, Safari, & Opera, then add fixes for IE, not vice versa.

  5. #5
    SitePoint Member
    Join Date
    Oct 2006
    Posts
    15
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    hmmm i suppose that works. its strange how we have to accomodate tricks like these to each individual browser.

    thanks for the "hack" kravvitz

  6. #6
    SitePoint Enthusiast Claudek's Avatar
    Join Date
    Apr 2006
    Posts
    96
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    No real reason to do a hack. Did you run your code through a CSS validator ?

  7. #7
    CSS & JS/DOM Adept bronze trophy
    Join Date
    Mar 2005
    Location
    USA
    Posts
    5,482
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    jasonchan483, you're welcome. Web browsers are very complicated. There will be bugs and other implementation differences for many years to come.

    Claudek, the X/HTML and CSS for that page is valid.
    We miss you, Dan Schulz.
    Learn CSS. | X/HTML Validator | CSS validator
    Dynamic Site Solutions
    Code for Firefox, Chrome, Safari, & Opera, then add fixes for IE, not vice versa.


Bookmarks

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •