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 15 of 15
  1. #1
    New Coder
    Join Date
    May 2003
    Posts
    76
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Strange width issue

    I have a mock IE info bar at the top of the screen, I have had the width set to 100% and in FF there's a horizontal scroll bar, in IE it does not appear.

    What is the work around for this?


    Feel free to view the HTML / CSS.
    Last edited by ogden2k; 07-13-2005 at 04:15 AM.
    Need tech support? Are you a techie?
    Then check out TechieHQ - Your Tech Support HeadQuarters

  • #2
    Senior Coder missing-score's Avatar
    Join Date
    Jan 2003
    Location
    UK
    Posts
    2,194
    Thanks
    0
    Thanked 0 Times in 0 Posts
    I dont see any horizontal scroller in Firefox, are you sure you have your screen fully maximized?

  • #3
    New Coder
    Join Date
    May 2003
    Posts
    76
    Thanks
    0
    Thanked 0 Times in 0 Posts
    Hi, check at 1024x768.
    Need tech support? Are you a techie?
    Then check out TechieHQ - Your Tech Support HeadQuarters

  • #4
    Regular Coder Ranger56's Avatar
    Join Date
    Mar 2005
    Location
    Kent, WA.
    Posts
    783
    Thanks
    0
    Thanked 0 Times in 0 Posts
    I get no scroll bars at all in ff at 1024x768

  • #5
    New Coder
    Join Date
    May 2003
    Posts
    76
    Thanks
    0
    Thanked 0 Times in 0 Posts
    You wont with IE, but you will see them in FF.
    Need tech support? Are you a techie?
    Then check out TechieHQ - Your Tech Support HeadQuarters

  • #6
    Senior Coder missing-score's Avatar
    Join Date
    Jan 2003
    Location
    UK
    Posts
    2,194
    Thanks
    0
    Thanked 0 Times in 0 Posts
    trust me, i dont get scrollbars in Firefox at any resolution I have tried!

  • #7
    New Coder
    Join Date
    May 2003
    Posts
    76
    Thanks
    0
    Thanked 0 Times in 0 Posts
    I see the horizonal scrolll bar (at the bottom of Firefox) at 1024x768 and 1152x868... It's not fitting the screen properly at other resolutions.

    You are logging into the site I linked in my post, right?
    Need tech support? Are you a techie?
    Then check out TechieHQ - Your Tech Support HeadQuarters

  • #8
    Senior Coder missing-score's Avatar
    Join Date
    Jan 2003
    Location
    UK
    Posts
    2,194
    Thanks
    0
    Thanked 0 Times in 0 Posts
    If you mean using the vb3 username/password then yes, I am...

  • #9
    New Coder
    Join Date
    May 2003
    Posts
    76
    Thanks
    0
    Thanked 0 Times in 0 Posts
    Here's a screen shot, look near the bottom.
    Attached Thumbnails Attached Thumbnails Strange width issue-horzscroll.jpg  
    Need tech support? Are you a techie?
    Then check out TechieHQ - Your Tech Support HeadQuarters

  • #10
    Supreme Master coder! _Aerospace_Eng_'s Avatar
    Join Date
    Dec 2004
    Location
    In a place far, far away...
    Posts
    19,291
    Thanks
    2
    Thanked 1,043 Times in 1,019 Posts
    ugh that mock IE warning bar I think is annoying. Anyways in this bit of CSS
    Code:
    #infobar a, #infobar a:link, #infobar a:visited, #infobar a:active {
    	display: block;
            width:100%;
    	float: left;
    	clear: both;
    	color: InfoText;
    	background: InfoBackground url(http://www.techiehq.net/warning.gif) no-repeat fixed .3em .3em;
    	padding: .45em .3em .45em 2em;
    	border-bottom: .16em outset;
    	text-decoration: none;
    	cursor: pointer;
    }
    Take out the part in red and the scrollbar should go away. What is happening is its 100%+the additional padding you have. An item set to display block will expand to fit its container no need to set to 100%. You will now need to adjust your other links to display block.

    Edit: take out float:left; as well and you shouldn't have to mess with your other link styles, sorry I said you did
    Last edited by _Aerospace_Eng_; 07-12-2005 at 11:37 PM.

  • #11
    New Coder
    Join Date
    May 2003
    Posts
    76
    Thanks
    0
    Thanked 0 Times in 0 Posts
    I removed the padding for left and right and the scroll goes away. But the Text covers up the image... is there any way I can use the padding-life to space out the text?
    Need tech support? Are you a techie?
    Then check out TechieHQ - Your Tech Support HeadQuarters

  • #12
    Supreme Master coder! _Aerospace_Eng_'s Avatar
    Join Date
    Dec 2004
    Location
    In a place far, far away...
    Posts
    19,291
    Thanks
    2
    Thanked 1,043 Times in 1,019 Posts
    Who said anything about removing the padding? Reread my post please, all you have to do is take out width:100%; and float:left; and it will expand to be the width of the browser simple as that. Once again an element set to display:block; WILL expand to fit the width of its container in the case the container being the browser window. You also have color: InfoText, meaning you must have a color defined else where that was never defined, colors should be hex values not text values.
    Last edited by _Aerospace_Eng_; 07-12-2005 at 11:54 PM.

  • #13
    New Coder
    Join Date
    May 2003
    Posts
    76
    Thanks
    0
    Thanked 0 Times in 0 Posts
    Ah, sorry I misread your post.

    I'll admit that I do not know a whole lot about float and display: block options. Atleast I learned something, thanks for the help!

    edit: The infobackground is a color that's built into Windows / web browser, no need to specify the colors.
    Need tech support? Are you a techie?
    Then check out TechieHQ - Your Tech Support HeadQuarters

  • #14
    Supreme Master coder! _Aerospace_Eng_'s Avatar
    Join Date
    Dec 2004
    Location
    In a place far, far away...
    Posts
    19,291
    Thanks
    2
    Thanked 1,043 Times in 1,019 Posts
    Quote Originally Posted by ogden2k
    The infobackground is a color that's built into Windows / web browser, no need to specify the colors.
    But what about the users using FF? Is it the same of InfoText?

  • #15
    New Coder
    Join Date
    May 2003
    Posts
    76
    Thanks
    0
    Thanked 0 Times in 0 Posts
    It works on Windows 2000, XP, IE, FF, Fedora Core 4 FF.
    Need tech support? Are you a techie?
    Then check out TechieHQ - Your Tech Support HeadQuarters


  •  

    Posting Permissions

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