View topic - Well this is discouraging. ;n;

        I just recently finished my profile layout, and was really happy with how in looked.
        In Google Chrome, which is what I've been using, my layout looks like this.
        That's how it's supposed to look.

        However, I just switched to Firefox today and found out that this is what my profile looks like on there.
        In Firefox, my avatar is moved and I believe my posting info and whatnot is moved slightly.

        Out of curiosity, I checked Internet Explorer and this is how my profile shows up on there.
        That's even worse; the avatar and info are moved like in Firefox, but my About me and Sticker sections are also moved. :/

        Needless to say, I'm kind of disappointed cause I have no idea what the problem could be. ;n;
        How can I make my profile look the same in all three browsers? D:
        If anyone could give me some insight to what the problem is, I would be eternally grateful. <3

        Edit: Here's my CSS.
        I've changed it a bit since the original post, and as of now, my profile looks perfect in Firefox (on my computer, anyway).
        Now it looks terrible in Chrome and IE. :/

        • Show Spoiler
        • Code:/* Layout by Azumia Desu
          Coding by Azumia Desu */

          /* Go Away */
          #board {display: none;}
          #ft {display: none;}
          h1 {display: none;}
          h3 {display: none;}
          ul.comments li.bubble.comment span.tail {display: none}
          #wrp {background: transparent; border: none;}
          #helper-wrap {margin-top: -0px !important; background: transparent;}

          /* Wishlist */
          .rcl {display: none;}
          #wishlist li img {display: none;}
          label {display: none;}
          .inputbox, .texta {display: none;}

          /* Background */
          body {background:#444444; background-image:url(http://i617.photobucket.com/albums/tt252/pikasaurus/pikapi.png); background-attachment: fixed; background-position:center top; background-repeat: no-repeat;}

          /* Youtube */
          .about embed, .about object {height: 25px; width: 29px;}

          /* Avatar and Info */
          #av {display: none;}
          .sb.lft {margin-top: -140px; margin-left: 15px;}
          .content.lft {position: absolute; margin-top: -60px; margin-left: 130px; text-align: left; color: #ffffff; font-size: 8pt;}

          /* Stickers */
          .sticker-list {background: url('http://i617.photobucket.com/albums/tt252/pikasaurus/opacity.png'); border: #000000 1px solid; width: 218px; height: 170px; margin-top: 65px; margin-left: 672px; overflow-x:hidden; overflow-y:auto;}
          .sticker-list ul {background: transparent; border: transparent;}
          #sticker-header-inner {display: none;}
          #sticker-header-inner p {display: none;}

          /* Comment Stuff */
          .comments ul a:hover {color:#ffb6c1;}
          .comments ul {color:white; font-size:10px; border-color:black;}
          #comment_wrap {position:absolute; top:60px; margin-left:670px; width:250px;}
          .comments .comment {width: 200px; height:45px; overflow:hidden; background: url('http://i617.photobucket.com/albums/tt252/pikasaurus/opacity.png'); border-color:black; color:white; font-size:10px; margin-bottom:5px;}
          .comments .comment:hover {overflow-x:hidden; overflow-y:auto;}

          .comments .poster {display: none;}

          .post_msg textarea {background:url('http://i617.photobucket.com/albums/tt252/pikasaurus/opacity.png'); width:152px; position:absolute; left:60px; top:216px; height:40px; border-color:black; color:white; font-size:11px; font-weight:bold;}

          .submit a, .submit a:hover {background:url('http://i617.photobucket.com/albums/tt252/pikasaurus/opacity.png'); border-color:black; color:white; font-size:11px; position:absolute; left:0px; top:216px; height:37px; line-height:2em; width:43px;}

          /* Page Numbers */
          .pages {position:absolute; top:270px; left: -213px;}
          .pages li a,.pages li a:hover {background: url('http://i617.photobucket.com/albums/tt252/pikasaurus/opacity.png'); border-color:black; color:#ffb6c1;}
          .current a {background: url('http://i617.photobucket.com/albums/tt252/pikasaurus/opacity.png'); border-color:black !important; color:#ffe497 !important; font-weight:bold;}

          /* About */
          .about {background: url('http://i617.photobucket.com/albums/tt252/pikasaurus/opacity.png'); border: #000000 1px solid; width: 330px; height: 470px; margin-top: -472px; margin-left: 325px; overflow-x:hidden; overflow-y:auto;}
          .about {text-align: left; color: #ffffff; font-size: 8pt;}

          /* Links */
          a, a:link, a:active, a:visited, a:hover  {color: #ffe497; ;}

          .content {color: #ffffff}

          /* Friend Arrows */
          .bCarousel a.back {
          background: transparent
          url(http://i617.photobucket.com/albums/tt252/pikasaurus/pikaleft-1.png) no-repeat top right}

          .bCarousel .arrow {
          background: transparent url(http://i617.photobucket.com/albums/tt252/pikasaurus/pikaright-1.png) no-repeat}

          /* Friends List */
          .bCarousel {position:absolute; top:560px; width:640px; margin-left:290px; }
          .bCarousel .wrapper {width:530px;margin-left:55px;}
          .bCarousel ul a img {background: url('http://i617.photobucket.com/albums/tt252/pikasaurus/opacity.png');}

          /* Cursor */
          body, a, a:hover {cursor: url(http://cur.cursors-4u.net/cursors/cur-5/cur464.cur), progress;}


Post by Azumia Desu » Wed Dec 28, 2011 3:25 am


Last edited by Azumia Desu on Wed Dec 28, 2011 6:21 am; edited 1 time in total


Nerine & Talulah
Perhaps paste your code to look at?

edit: In chrome, firefox and safari it's off for me. I don't have IE as it's evil and nobody should anyway.. but yeah.
Post by Miss Sarah » Wed Dec 28, 2011 3:58 am


Miss Sarah's Birthday Raffle Giveaway Extravaganza: COMING SOON


a ‎‎ѕтуℓә all her own.





The avatar thingy is messed up because of the .sb.lft position: absolute
and and and
I suggest lowering the height of the .about from 470px to 440px
it won't align the about with the rest of it,
but but but
it at least won't be lower than everything else. ouo

Oh and cute profile. 8'D //claps





Post by Alexia » Wed Dec 28, 2011 6:00 am

        Thank you for the help so far. <3

        I took out position: absolute for my avatar, about me, and stickers.
        After that, I changed the positioning, and my profile shows up perfectly in Firefox.
        However, now it's completely broken in IE and Chrome. :/

        I'm pretty awful at CSS so I don't know what I'm doing wrong. :c
        To be honest, I don't completely understand what position:absolute does; I looked at the profile guide and was kind of confused by what it said.
        I also don't completely understand the difference between margin-top/margin-left and just top/left so I was wondering if maybe that was my issue. D:

        Here's my CSS, if it helps:
        • Show Spoiler
        • Code:/* Layout by Azumia Desu
          Coding by Azumia Desu */

          /* Go Away */
          #board {display: none;}
          #ft {display: none;}
          h1 {display: none;}
          h3 {display: none;}
          ul.comments li.bubble.comment span.tail {display: none}
          #wrp {background: transparent; border: none;}
          #helper-wrap {margin-top: -0px !important; background: transparent;}

          /* Wishlist */
          .rcl {display: none;}
          #wishlist li img {display: none;}
          label {display: none;}
          .inputbox, .texta {display: none;}

          /* Background */
          body {background:#444444; background-image:url(http://i617.photobucket.com/albums/tt252/pikasaurus/pikapi.png); background-attachment: fixed; background-position:center top; background-repeat: no-repeat;}

          /* Youtube */
          .about embed, .about object {height: 25px; width: 29px;}

          /* Avatar and Info */
          #av {display: none;}
          .sb.lft {margin-top: -140px; margin-left: 15px;}
          .content.lft {position: absolute; margin-top: -60px; margin-left: 130px; text-align: left; color: #ffffff; font-size: 8pt;}

          /* Stickers */
          .sticker-list {background: url('http://i617.photobucket.com/albums/tt252/pikasaurus/opacity.png'); border: #000000 1px solid; width: 218px; height: 170px; margin-top: 65px; margin-left: 672px; overflow-x:hidden; overflow-y:auto;}
          .sticker-list ul {background: transparent; border: transparent;}
          #sticker-header-inner {display: none;}
          #sticker-header-inner p {display: none;}

          /* Comment Stuff */
          .comments ul a:hover {color:#ffb6c1;}
          .comments ul {color:white; font-size:10px; border-color:black;}
          #comment_wrap {position:absolute; top:60px; margin-left:670px; width:250px;}
          .comments .comment {width: 200px; height:45px; overflow:hidden; background: url('http://i617.photobucket.com/albums/tt252/pikasaurus/opacity.png'); border-color:black; color:white; font-size:10px; margin-bottom:5px;}
          .comments .comment:hover {overflow-x:hidden; overflow-y:auto;}

          .comments .poster {display: none;}

          .post_msg textarea {background:url('http://i617.photobucket.com/albums/tt252/pikasaurus/opacity.png'); width:152px; position:absolute; left:60px; top:216px; height:40px; border-color:black; color:white; font-size:11px; font-weight:bold;}

          .submit a, .submit a:hover {background:url('http://i617.photobucket.com/albums/tt252/pikasaurus/opacity.png'); border-color:black; color:white; font-size:11px; position:absolute; left:0px; top:216px; height:37px; line-height:2em; width:43px;}

          /* Page Numbers */
          .pages {position:absolute; top:270px; left: -213px;}
          .pages li a,.pages li a:hover {background: url('http://i617.photobucket.com/albums/tt252/pikasaurus/opacity.png'); border-color:black; color:#ffb6c1;}
          .current a {background: url('http://i617.photobucket.com/albums/tt252/pikasaurus/opacity.png'); border-color:black !important; color:#ffe497 !important; font-weight:bold;}

          /* About */
          .about {background: url('http://i617.photobucket.com/albums/tt252/pikasaurus/opacity.png'); border: #000000 1px solid; width: 330px; height: 470px; margin-top: -472px; margin-left: 325px; overflow-x:hidden; overflow-y:auto;}
          .about {text-align: left; color: #ffffff; font-size: 8pt;}

          /* Links */
          a, a:link, a:active, a:visited, a:hover  {color: #ffe497; ;}

          .content {color: #ffffff}

          /* Friend Arrows */
          .bCarousel a.back {
          background: transparent
          url(http://i617.photobucket.com/albums/tt252/pikasaurus/pikaleft-1.png) no-repeat top right}

          .bCarousel .arrow {
          background: transparent url(http://i617.photobucket.com/albums/tt252/pikasaurus/pikaright-1.png) no-repeat}

          /* Friends List */
          .bCarousel {position:absolute; top:560px; width:640px; margin-left:290px; }
          .bCarousel .wrapper {width:530px;margin-left:55px;}
          .bCarousel ul a img {background: url('http://i617.photobucket.com/albums/tt252/pikasaurus/opacity.png');}

          /* Cursor */
          body, a, a:hover {cursor: url(http://cur.cursors-4u.net/cursors/cur-5/cur464.cur), progress;}


Post by Azumia Desu » Wed Dec 28, 2011 6:20 am


Nerine & Talulah





I suggest putting position absolute back in the other places you mentioned. ouo
ONLY take it out of the avatar one. ouo
<u< The rest of them need it.
From what I understand, it allows the selectors to move at will, but doesn't always work. ouo





Post by Alexia » Wed Dec 28, 2011 7:40 am

        Thank you very much, Lexi. c:
        Sheeps are very smart. <3
        I'll try that and post my results. :3
Post by Azumia Desu » Wed Dec 28, 2011 7:46 am


Nerine & Talulah
When using position:absolute, the box's position (and possibly size) is specified with the 'top', 'right', 'bottom', and 'left' properties. These properties specify offsets with respect to the box's containing block. Absolutely positioned boxes are taken out of the normal flow. This means they have no impact on the layout of later siblings.

The reason you can take position:absolute from some of your properties is because you're just having the page call up the original profile coding and the position those items are in is working as far as their placement.

I'm gonna go test your code as far as the top/left px measures.

Sec. :)
Post by Miss Sarah » Wed Dec 28, 2011 7:51 am


Miss Sarah's Birthday Raffle Giveaway Extravaganza: COMING SOON


a ‎‎ѕтуℓә all her own.
        Gah so much lag. ;n;

        I put position:absolute back in my CSS for my about me and my stickers.
        I had to change the positioning of them.
        My layout is fine in Firefox again but still completely broken in Chrome and IE.

        Here's my CSS as of now:
        • Show Spoiler
        • Code:/* Layout by Azumia Desu
          Coding by Azumia Desu */

          /* Go Away */
          #board {display: none;}
          #ft {display: none;}
          h1 {display: none;}
          h3 {display: none;}
          ul.comments li.bubble.comment span.tail {display: none}
          #wrp {background: transparent; border: none;}
          #helper-wrap {margin-top: -0px !important; background: transparent;}

          /* Wishlist */
          .rcl {display: none;}
          #wishlist li img {display: none;}
          label {display: none;}
          .inputbox, .texta {display: none;}

          /* Background */
          body {background:#444444; background-image:url(http://i617.photobucket.com/albums/tt252/pikasaurus/pikapi.png); background-attachment: fixed; background-position:center top; background-repeat: no-repeat;}

          /* Youtube */
          .about embed, .about object {height: 25px; width: 29px;}

          /* Avatar and Info */
          #av {display: none;}
          .sb.lft {margin-top: -140px; margin-left: 15px;}
          .content.lft {position: absolute; margin-top: -60px; margin-left: 130px; text-align: left; color: #ffffff; font-size: 8pt;}

          /* Stickers */
          .sticker-list {position: absolute; background: url('http://i617.photobucket.com/albums/tt252/pikasaurus/opacity.png'); border: #000000 1px solid; width: 218px; height: 170px; margin-top: 65px; margin-left: 672px; overflow-x:hidden; overflow-y:auto;}
          .sticker-list ul {background: transparent; border: transparent;}
          #sticker-header-inner {display: none;}
          #sticker-header-inner p {display: none;}

          /* Comment Stuff */
          .comments ul a:hover {color:#ffb6c1;}
          .comments ul {color:white; font-size:10px; border-color:black;}
          #comment_wrap {position:absolute; top:60px; margin-left:670px; width:250px;}
          .comments .comment {width: 200px; height:45px; overflow:hidden; background: url('http://i617.photobucket.com/albums/tt252/pikasaurus/opacity.png'); border-color:black; color:white; font-size:10px; margin-bottom:5px;}
          .comments .comment:hover {overflow-x:hidden; overflow-y:auto;}

          .comments .poster {display: none;}

          .post_msg textarea {background:url('http://i617.photobucket.com/albums/tt252/pikasaurus/opacity.png'); width:152px; position:absolute; left:60px; top:216px; height:40px; border-color:black; color:white; font-size:11px; font-weight:bold;}

          .submit a, .submit a:hover {background:url('http://i617.photobucket.com/albums/tt252/pikasaurus/opacity.png'); border-color:black; color:white; font-size:11px; position:absolute; left:0px; top:216px; height:37px; line-height:2em; width:43px;}

          /* Page Numbers */
          .pages {position:absolute; top:270px; left: -213px;}
          .pages li a,.pages li a:hover {background: url('http://i617.photobucket.com/albums/tt252/pikasaurus/opacity.png'); border-color:black; color:#ffb6c1;}
          .current a {background: url('http://i617.photobucket.com/albums/tt252/pikasaurus/opacity.png'); border-color:black !important; color:#ffe497 !important; font-weight:bold;}

          /* About */
          .about {position: absolute; background: url('http://i617.photobucket.com/albums/tt252/pikasaurus/opacity.png'); border: #000000 1px solid; width: 330px; height: 470px; margin-top: -235px; margin-left: 325px; overflow-x:hidden; overflow-y:auto;}
          .about {text-align: left; color: #ffffff; font-size: 8pt;}

          /* Links */
          a, a:link, a:active, a:visited, a:hover  {color: #ffe497; ;}

          .content {color: #ffffff}

          /* Friend Arrows */
          .bCarousel a.back {
          background: transparent
          url(http://i617.photobucket.com/albums/tt252/pikasaurus/pikaleft-1.png) no-repeat top right}

          .bCarousel .arrow {
          background: transparent url(http://i617.photobucket.com/albums/tt252/pikasaurus/pikaright-1.png) no-repeat}

          /* Friends List */
          .bCarousel {position:absolute; top:560px; width:640px; margin-left:290px; }
          .bCarousel .wrapper {width:530px;margin-left:55px;}
          .bCarousel ul a img {background: url('http://i617.photobucket.com/albums/tt252/pikasaurus/opacity.png');}

          /* Cursor */
          body, a, a:hover {cursor: url(http://cur.cursors-4u.net/cursors/cur-5/cur464.cur), progress;}


Post by Azumia Desu » Wed Dec 28, 2011 8:09 am


Nerine & Talulah
Alexia wrote:The avatar thingy is messed up because of the .sb.lft position: absolute
[/align]

Without the position:absolute in her coding for specified items, the rest of that coordinate codes are there for no reason.. ie

Code:.sb.lft {margin-top: -140px; margin-left: 15px;}

Is doing nothing. It is simply in it's original spot for the original profile's coding.


ANYWAY, Try this:
  • Show Spoiler
  • Code:    /* Layout by Azumia Desu
        Coding by Azumia Desu */

        /* Go Away */
        #board {display: none;}
        #ft {display: none;}
        h1 {display: none;}
        h3 {display: none;}
        ul.comments li.bubble.comment span.tail {display: none}
        #wrp {background: transparent; border: none;}
        #helper-wrap {margin-top: -0px !important; background: transparent;}

        /* Wishlist */
        .rcl {display: none;}
        #wishlist li img {display: none;}
        label {display: none;}
        .inputbox, .texta {display: none;}

        /* Background */
        body {background:#444444; background-image:url(http://i617.photobucket.com/albums/tt252/pikasaurus/pikapi.png); background-attachment: fixed; background-position:center top; background-repeat: no-repeat;}

        /* Youtube */
        .about embed, .about object {height: 25px; width: 29px;}

        /* Avatar and Info */
        #av {display: none;}
        .sb.lft {position: absolute; top: 40px; margin-left: 25px;}
        .content.lft {position: absolute; top: 70px; margin-left: 130px; text-align: left; color: #ffffff; font-size: 8pt;}

        /* Stickers */
        .sticker-list {background: url('http://i617.photobucket.com/albums/tt252/pikasaurus/opacity.png'); border: #000000 1px solid; width: 218px; height: 170px; position: absolute; margin-top: 100px; margin-left: 672px; overflow-x:hidden; overflow-y:auto;}
        .sticker-list ul {background: transparent; border: transparent;}
        #sticker-header-inner {display: none;}
        #sticker-header-inner p {display: none;}

        /* Comment Stuff */
        .comments ul a:hover {color:#ffb6c1;}
        .comments ul {color:white; font-size:10px; border-color:black;}
        #comment_wrap {position:absolute; top:60px; margin-left:670px; width:250px;}
        .comments .comment {width: 200px; height:45px; overflow:hidden; background: url('http://i617.photobucket.com/albums/tt252/pikasaurus/opacity.png'); border-color:black; color:white; font-size:10px; margin-bottom:5px;}
        .comments .comment:hover {overflow-x:hidden; overflow-y:auto;}

        .comments .poster {display: none;}

        .post_msg textarea {background:url('http://i617.photobucket.com/albums/tt252/pikasaurus/opacity.png'); width:152px; position:absolute; left:60px; top:216px; height:40px; border-color:black; color:white; font-size:11px; font-weight:bold;}

        .submit a, .submit a:hover {background:url('http://i617.photobucket.com/albums/tt252/pikasaurus/opacity.png'); border-color:black; color:white; font-size:11px; position:absolute; left:0px; top:216px; height:37px; line-height:2em; width:43px;}

        /* Page Numbers */
        .pages {position:absolute; top:270px; left: -213px;}
        .pages li a,.pages li a:hover {background: url('http://i617.photobucket.com/albums/tt252/pikasaurus/opacity.png'); border-color:black; color:#ffb6c1;}
        .current a {background: url('http://i617.photobucket.com/albums/tt252/pikasaurus/opacity.png'); border-color:black !important; color:#ffe497 !important; font-weight:bold;}

        /* About */
        .about {background: url('http://i617.photobucket.com/albums/tt252/pikasaurus/opacity.png'); border: #000000 1px solid; width: 330px; height: 470px; position:absolute;  margin-top: -200px; margin-left: 325px; overflow-x:hidden; overflow-y:auto;}
        .about {text-align: left; color: #ffffff; font-size: 8pt;}

        /* Links */
        a, a:link, a:active, a:visited, a:hover  {color: #ffe497; ;}

        .content {color: #ffffff}

        /* Friend Arrows */
        .bCarousel a.back {
        background: transparent
        url(http://i617.photobucket.com/albums/tt252/pikasaurus/pikaleft-1.png) no-repeat top right}

        .bCarousel .arrow {
        background: transparent url(http://i617.photobucket.com/albums/tt252/pikasaurus/pikaright-1.png) no-repeat}

        /* Friends List */
        .bCarousel {position:absolute; top:560px; width:640px; margin-left:290px; }
        .bCarousel .wrapper {width:530px;margin-left:55px;}
        .bCarousel ul a img {background: url('http://i617.photobucket.com/albums/tt252/pikasaurus/opacity.png');}

        /* Cursor */
        body, a, a:hover {cursor: url(http://cur.cursors-4u.net/cursors/cur-5/cur464.cur), progress;}

Post by Miss Sarah » Wed Dec 28, 2011 8:18 am


Miss Sarah's Birthday Raffle Giveaway Extravaganza: COMING SOON


a ‎‎ѕтуℓә all her own.
Now I see the av is off again.. hmm. Sec.
Post by Miss Sarah » Wed Dec 28, 2011 8:26 am


Miss Sarah's Birthday Raffle Giveaway Extravaganza: COMING SOON


a ‎‎ѕтуℓә all her own.
        @Miss Sarah: I tried that coding, and it appears to have fixed my layout in Chrome, but now it's screwed up in Firefox. ;n;
        For some reason whatever CSS I try only wants to cooperate with one browser. D:
Post by Azumia Desu » Wed Dec 28, 2011 8:27 am


Nerine & Talulah
Nono, it's the interaction between all the different divs, it's okay.. Give me just one moment, I got the fix for that.

  • Show Spoiler
  • Code:    /* Layout by Azumia Desu
        Coding by Azumia Desu */

        /* Go Away */
        #board {display: none;}
        #ft {display: none;}
        h1 {display: none;}
        h3 {display: none;}
        ul.comments li.bubble.comment span.tail {display: none}
        #wrp {background: transparent; border: none;}
        #helper-wrap {margin-top: -0px !important; background: transparent;}

        /* Wishlist */
        .rcl {display: none;}
        #wishlist li img {display: none;}
        label {display: none;}
        .inputbox, .texta {display: none;}

        /* Background */
        body {background:#444444; background-image:url(http://i617.photobucket.com/albums/tt252/pikasaurus/pikapi.png); background-attachment: fixed; background-position:center top; background-repeat: no-repeat;}

        /* Youtube */
        .about embed, .about object {height: 25px; width: 29px;}

        /* Avatar and Info */
        #av {display: none;}
        .sb.lft {position: absolute; top: 40px; left: 195px;}
        .content.lft {position: absolute; top: 70px; margin-left: 130px; text-align: left; color: #ffffff; font-size: 8pt;}
         

        /* Stickers */
        .sticker-list {background: url('http://i617.photobucket.com/albums/tt252/pikasaurus/opacity.png'); border: #000000 1px solid; width: 218px; height: 170px; position: absolute; margin-top: 100px; margin-left: 672px; overflow-x:hidden; overflow-y:auto;}
        .sticker-list ul {background: transparent; border: transparent;}
        #sticker-header-inner {display: none;}
        #sticker-header-inner p {display: none;}

        /* Comment Stuff */
        .comments ul a:hover {color:#ffb6c1;}
        .comments ul {color:white; font-size:10px; border-color:black;}
        #comment_wrap {position:absolute; top:60px; margin-left:670px; width:250px;}
        .comments .comment {width: 200px; height:45px; overflow:hidden; background: url('http://i617.photobucket.com/albums/tt252/pikasaurus/opacity.png'); border-color:black; color:white; font-size:10px; margin-bottom:5px;}
        .comments .comment:hover {overflow-x:hidden; overflow-y:auto;}

        .comments .poster {display: none;}

        .post_msg textarea {background:url('http://i617.photobucket.com/albums/tt252/pikasaurus/opacity.png'); width:152px; position:absolute; left:60px; top:216px; height:40px; border-color:black; color:white; font-size:11px; font-weight:bold;}

        .submit a, .submit a:hover {background:url('http://i617.photobucket.com/albums/tt252/pikasaurus/opacity.png'); border-color:black; color:white; font-size:11px; position:absolute; left:0px; top:216px; height:37px; line-height:2em; width:43px;}

        /* Page Numbers */
        .pages {position:absolute; top:270px; left: -213px;}
        .pages li a,.pages li a:hover {background: url('http://i617.photobucket.com/albums/tt252/pikasaurus/opacity.png'); border-color:black; color:#ffb6c1;}
        .current a {background: url('http://i617.photobucket.com/albums/tt252/pikasaurus/opacity.png'); border-color:black !important; color:#ffe497 !important; font-weight:bold;}

        /* About */
        .about {background: url('http://i617.photobucket.com/albums/tt252/pikasaurus/opacity.png'); border: #000000 1px solid; width: 330px; height: 470px; position:absolute;  margin-top: -200px; margin-left: 325px; overflow-x:hidden; overflow-y:auto;}
        .about {text-align: left; color: #ffffff; font-size: 8pt;}

        /* Links */
        a, a:link, a:active, a:visited, a:hover  {color: #ffe497; ;}

        .content {color: #ffffff}

        /* Friend Arrows */
        .bCarousel a.back {
        background: transparent
        url(http://i617.photobucket.com/albums/tt252/pikasaurus/pikaleft-1.png) no-repeat top right}

        .bCarousel .arrow {
        background: transparent url(http://i617.photobucket.com/albums/tt252/pikasaurus/pikaright-1.png) no-repeat}

        /* Friends List */
        .bCarousel {position:absolute; top:560px; width:640px; margin-left:290px; }
        .bCarousel .wrapper {width:530px;margin-left:55px;}
        .bCarousel ul a img {background: url('http://i617.photobucket.com/albums/tt252/pikasaurus/opacity.png');}

        /* Cursor */
        body, a, a:hover {cursor: url(http://cur.cursors-4u.net/cursors/cur-5/cur464.cur), progress;}


There's the general coding.
Post by Miss Sarah » Wed Dec 28, 2011 8:30 am


Miss Sarah's Birthday Raffle Giveaway Extravaganza: COMING SOON


a ‎‎ѕтуℓә all her own.
Code:  .sb.lft {position: absolute; top: 40px; left: 195px;}


You may want to find the above coding and change the left: 195px; to 190 or 185, etc. adjust to your liking. :)

Also possibly lower the stats. =D
Post by Miss Sarah » Wed Dec 28, 2011 9:05 am


Miss Sarah's Birthday Raffle Giveaway Extravaganza: COMING SOON


a ‎‎ѕтуℓә all her own.
        @Sarah: I tried that coding too, and here's how it came out in Firefox:



        It seems to show up fine in Chrome.
        I don't understand why fixing it in one browser breaks it in another. ;n;
Post by Azumia Desu » Wed Dec 28, 2011 9:07 am


Last edited by Azumia Desu on Wed Dec 28, 2011 9:29 am; edited 1 time in total


Nerine & Talulah

[click for larger]
Everything is in place on FF for me. I notice in your screenshot you have some sort of extra toolbar there? It looks like that is moving the background image down as well as the positioning of an absolute margins.
Post by Miss Sarah » Wed Dec 28, 2011 9:19 am


Miss Sarah's Birthday Raffle Giveaway Extravaganza: COMING SOON


a ‎‎ѕтуℓә all her own.
20 Posts • Page 1 of 2

 
Users browsing this topic: and 1 guests