Jump to content

Welcome to Geeks to Go - Register now for FREE

Geeks To Go is a helpful hub, where thousands of volunteer geeks quickly serve friendly answers and support. Check out the forums and get free advice from the experts. Register now to gain access to all of our features, it's FREE and only takes one minute. Once registered and logged in, you will be able to create topics, post replies to existing threads, give reputation to your fellow members, get your own private messenger, post status updates, manage your profile and so much more.

Create Account How it Works
Photo

Firefox Iframe Fix? Please rid of me these scroll bars


  • Please log in to reply

#1
Cerebral Ailment

Cerebral Ailment

    Member

  • Member
  • PipPip
  • 19 posts
Ok, so the site I'm talking about is


http://www.cristinas...ndbreakfast.com

It works & looks great in IE, but open in Firefox and every page seems to work fine but the first page (home.html) -- For some reason it makes it have Scrollbars and I CANNOT Figure out why.

Any help would be greatly apreciated,

Thanks
-Cerebral
  • 0

Advertisements


#2
Cerebral Ailment

Cerebral Ailment

    Member

  • Topic Starter
  • Member
  • PipPip
  • 19 posts
Here's a copy of the source :)

<title>Cristina's Bed & Breakfast -- Camp Ellis Beach -- Saco, Maine</title>


<style type="text/css" media="screen">
		body		
		{
			margin: 0px;
			padding: 0px;
			text-align: center;
		}
		div#homepage		
		{
			margin: 0px;
			width: 756px;
			margin-right: 0px;
			margin-left: 0px;
			border: 4px;
			border-color:purple;
			padding: 0px;
			background-color: #ddd;
			text-align: left;
		}	
			div#thumbscroller		
		{

			width: 760px;
			margin: 0px;
			text-align: left;
			border: 0px;
			border-color:purple;
			padding: 0px;
			background-color: #ddd;
			}
			div#nutshell		
		{

			width: 756px;
			margin: 0px;
			text-align: left;
			border: 0px;
			border-color:purple;
			padding: 0px;
			background-color: #ddd;
			}
</style> 

<!-- THE FOLLOWING STYLE IS FOR THE LARGE W AT THE BEGINNING OF THE PARAGRAPH -->

<style type="text/css">
span
{
float:left;
width:12px;
font-size:360%;
font-family:Verdana;
line-height:80%;
}
</style>

<!-- THE FOLLOWING STYLE IS FOR THE FLOATING IMAGES IN THE PARAGRAPH -->

<style type="text/css">
img#frontporch
{
float:right;
border:10px outset Darkorchid;
margin:4px 4px 15px 4px;
}
img#w
{
float:left;
border:0px outset Darkorchid;
margin:4px 4px 4px 4px;
}

</style>

<script type="text/javascript" src="http://127.0.0.1:37935/xpopup.js"></script>

</head>

<link rel="stylesheet" type="text/css" href="externalcss.css" />
<body bgcolor="cc99cc" text="000000">

<!-- STARTED USING LAYERS & CCS HERE -->
<!-- HERE IS WHERE THE HOMEPAGE CONTENT GOES -->


<div id="thumbscroller"><div style="position: absolute; top: 0px; height: 96px; width: 760; z-index: 77;">

<center><object
		classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000"
		codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=7,0,19,0"
		id="thumbscrollertest"
		width="750" height="96"
	  >
		<param name="movie" value="thumbscrollertest.swf">
		<param name="bgcolor" value="#FFFFFF">
		<param name="quality" value="high">
		<param name="scale" value="noborder">
		<param name="allowscriptaccess" value="samedomain">
		<embed
		  type="application/x-shockwave-flash"
		  pluginspage="http://www.adobe.com/shockwave/download/index.cgi?P1_Prod_Version=ShockwaveFlash"
		  name="thumbscrollertest"
		  width="750" height="96"
		  src="thumbscrollertest.swf"
		  bgcolor="#FFFFFF"
		  quality="high"
		  scale="noborder"
		  allowscriptaccess="samedomain"
		>
		  <noembed>
		  </noembed>
		</embed>
	  </object></center>
</div></div>


<div id="homepage"><div style="position: absolute; top: 85px; height: 300px; width: 756px; padding: 8px; z-index: 2;">

<img src="images/frontporchthumb.gif" width="200" height="150" id="frontporch" name="frontporch" /> 

<img src="images/w.png" width="69" id="w" name="w" height="42" /> elcome to our 1890's Sea Captain's House overlooking beautiful Saco Bay.  We offer rooms with a Victorian charm, period furnishings, and cooling sea breezes! Our porch and deck provide beautiful ocean views. 
We are located in Camp Ellis, an old Maine fishing village, 100 feet from a sandy beach. Enjoy walking to seafood eateries, quaint shops, sailing, whale watching, fishing charters and much more! Camp Ellis has the best fishing in Southern Maine! 
We are only minutes from Ferry Beach State Park and The Rachel Carson Wildlife Preserve. Old Orchard Beach is just a leisurely, coastal drive away. 
</div></div>

<div id="nutshell"> <div style="position: absolute; top: 272px; height: 178px; width: 760px; padding: 0px; margin: 0; margin-right: 0 auto; margin-left: 0 auto; z-index: 7;">
<center><img src="images/nutshell.gif" width="750px"></center>
</div> </div>

Thank you for reading ^_^
  • 0

#3
Metallica

Metallica

    Spyware Veteran

  • GeekU Moderator
  • 31,672 posts
Hi Cerebral Ailment,

I get the scrollbars in Opera as well.
Not sure if this will fix it, but can you try adding:

overflow-y: no; overflow-x: no;

like this:

<div id="homepage"><div style="position: absolute; top: 85px; height: 300px; width: 756px; overflow-y: no; overflow-x: no; padding: 8px; z-index: 2;">

  • 0

#4
Cerebral Ailment

Cerebral Ailment

    Member

  • Topic Starter
  • Member
  • PipPip
  • 19 posts
Nope still not working.. hmm...


I have no clue what I did, which sucks cause I actualy had it working before I messed something up.


anyone? :)
  • 0

#5
Cerebral Ailment

Cerebral Ailment

    Member

  • Topic Starter
  • Member
  • PipPip
  • 19 posts
Blah I cannot figure it out!
  • 0

#6
blefebvre

blefebvre

    New Member

  • Member
  • Pip
  • 1 posts
The scrolls are coming from the page inside the iframe. Changing your body css to:

[codebox] body
{
margin: 0px;
padding: 0px;
text-align: center;
overflow-x:hidden;
overflow-y:hidden;
}[/codebox]

Should solve the problem.
  • 0

#7
Cerebral Ailment

Cerebral Ailment

    Member

  • Topic Starter
  • Member
  • PipPip
  • 19 posts
Thank You Good Sir!
  • 0






Similar Topics

0 user(s) are reading this topic

0 members, 0 guests, 0 anonymous users

As Featured On:

Microsoft Yahoo BBC MSN PC Magazine Washington Post HP