Hello and welcome to our community! Is this your first visit?
Register
Enjoy an ad free experience by logging in. Not a member yet? Register.
Results 1 to 7 of 7
  1. #1
    New to the CF scene
    Join Date
    Nov 2010
    Posts
    4
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Question Website Help [Alignment]

    ok, so I just did this site (www.Merchaholic.ca) and I put my twitter feed in a box at the top right... it seems fine in Google Chrome, IE and Safari but is just a bit out of the box in FireFox. Is there an easy fix for this?

    Also IE puts all my navigation links content to the left of the page for some reason.
    The other browsers have it centered like I wanted it.
    Last edited by Merchaholic; 11-10-2010 at 09:41 AM.

  • #2
    New to the CF scene
    Join Date
    Nov 2010
    Posts
    4
    Thanks
    0
    Thanked 0 Times in 0 Posts

  • #3
    Senior Coder
    Join Date
    Aug 2010
    Location
    High Point, NC
    Posts
    3,338
    Thanks
    5
    Thanked 363 Times in 360 Posts
    Did you try to use a float on the "twitter" image instead of position:relative. Then set a left margin instead.

  • #4
    New to the CF scene
    Join Date
    Nov 2010
    Posts
    4
    Thanks
    0
    Thanked 0 Times in 0 Posts
    No I didn't, I was trying to set a left margin but It didn't work so I'm sure I was putting the code in wrong. Just weird how it lines up fine in the other browsers. I use FireFox all the time but was checking the site in Chrome when I was putting it together. I just don't want to do something that lines it up in FireFox but then throws it off in the rest. Crazy cycle lol!

    Code:
    <script src="http://widgets.twimg.com/j/2/widget.js"></script>
    
    						<br><br>
    						 <script>
    new TWTR.Widget({
      version: 2,
      type: 'profile',
      rpp: 10,
      interval: 6000,
      width: 394,
      height: 161,
      theme: {
        shell: {
          background: 'none',
          color: '#a89f9d'
        },
        tweets: {
          background: 'none',
          color: '#ffffff',
          links: '#ff2600'
        }
      },
      features: {
        scrollbar: true,
        loop: false,
        live: true,
        hashtags: true,
        timestamp: true,
        avatars: true,
        behavior: 'all'
      }
    }).render().setUser('Merchaholic').start();
    </script>
    Last edited by Merchaholic; 11-10-2010 at 08:36 PM.

  • #5
    New to the CF scene
    Join Date
    Nov 2010
    Posts
    4
    Thanks
    0
    Thanked 0 Times in 0 Posts
    Who knows.

  • #6
    Supreme Master coder! abduraooft's Avatar
    Join Date
    Mar 2007
    Location
    N/A
    Posts
    14,855
    Thanks
    160
    Thanked 2,223 Times in 2,210 Posts
    Blog Entries
    1
    Set margin:0 auto; to .twtr-doc

    PS: Why do you use a frameset?
    The Dream is not what you see in sleep; Dream is the thing which doesn't let you sleep. --(Dr. APJ. Abdul Kalam)

  • #7
    Regular Coder
    Join Date
    Jul 2010
    Posts
    149
    Thanks
    0
    Thanked 5 Times in 5 Posts

    add or modified your css "twtr-doc" class

    add css for "twtr-doc" class or modified its already exists

    .twtr-doc{
    float:right;
    padding-right:27px;
    }


  •  

    Posting Permissions

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