View Full Version : Strange width issue

07-12-2005, 02:51 AM
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.

07-12-2005, 03:31 AM
I dont see any horizontal scroller in Firefox, are you sure you have your screen fully maximized?

07-12-2005, 03:34 AM
Hi, check at 1024x768.

07-12-2005, 03:44 AM
I get no scroll bars at all in ff at 1024x768

07-12-2005, 03:56 AM
You wont with IE, but you will see them in FF.

07-12-2005, 04:27 AM
trust me, i dont get scrollbars in Firefox at any resolution I have tried!

07-12-2005, 08:16 PM
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?

07-12-2005, 08:28 PM
If you mean using the vb3 username/password then yes, I am...

07-12-2005, 11:15 PM
Here's a screen shot, look near the bottom.

07-12-2005, 11:23 PM
ugh that mock IE warning bar I think is annoying. Anyways in this bit of CSS

#infobar a, #infobar a:link, #infobar a:visited, #infobar a:active {
display: block;
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.

take out float:left; as well and you shouldn't have to mess with your other link styles, sorry I said you did

07-12-2005, 11:45 PM
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?

07-12-2005, 11:51 PM
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.

07-12-2005, 11:57 PM
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.

07-13-2005, 12:32 AM
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?

07-13-2005, 12:36 AM
It works on Windows 2000, XP, IE, FF, Fedora Core 4 FF.