1 reply [Last post]
ibstk
Offline
newbie
Last seen: 19 years 29 weeks ago
Joined: 2003-09-07
Posts: 7
Points: 0

hi, I'm tried fix a problem with "width" in Firefox.

In IE6 and Mozilla Firefox 0.8 works fine (width: 750px;), but in Opera browser doesn't.

If I change the width: 750px; for width: 100%; works fine in all 3 browsers, but in Firefox a horizontal bar appears. I'm tried hidden it using overflow-x: hidden; in body class... did not work.

Anyone know how can I fix it? Sorry for my bad english! Regards.

#wrap {
	position: relative;
	margin: 1 auto;
	padding: 0 16px;
	font-size: 95%;
	text-align: left;
	background: url("imagens/bg.gif") repeat-y;
	width: 750px;
	voice-family: "\"}\""; 
  	voice-family: inherit;
  	}
	
html>body #wrap {
        width: 750px;
        margin: 0px;
	padding: 0 16px;
	background: url("imagens/bg.gif") repeat-y;
        } 


<body>
<div id="wrap">
<div id="logo">
<span><a href="http://localhost/">LOGO IMAGE</a></span>
</div>
<div id="menu">
... continue

Tony
Tony's picture
Offline
Moderator
Brisbane
Last seen: 3 days 12 hours ago
Brisbane
Timezone: GMT+10
Joined: 2003-03-12
Posts: 5344
Points: 2965

Problem width in Firefox. Horizontal bars appears

Hi ibstk,
overflow-x is an IE only property, you could try using overflow instead.
or use overflow-x for IE and overflow for the rest :?

Hope that helps