Jump to content

Welcome to Geeks to Go - Register now for FREE

Need help with your computer or device? Want to learn new tech skills? You're in the right place!
Geeks to Go is a friendly community of tech experts who can solve any problem you have. Just create a free account and post your question. Our volunteers will reply quickly and guide you through the steps. Don't let tech troubles stop you. Join Geeks to Go now and get the support you need!

How it Works Create Account
Photo

Firefox Iframe Fix? Please rid of me these scroll bars

Started by Cerebral Ailment , Jan 25 2009 08:36 PM

  • Please log in to reply

#1
Cerebral Ailment
Posted 25 January 2009 - 08:36 PM

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
Posted 26 January 2009 - 10:13 PM

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
Posted 27 January 2009 - 03:52 AM

Metallica

    Spyware Veteran

  • GeekU Moderator
  • 33,101 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
Posted 30 January 2009 - 04:03 PM

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
Posted 04 February 2009 - 05:58 PM

Cerebral Ailment

    Member

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

#6
blefebvre
Posted 25 February 2009 - 05:09 PM

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
Posted 28 February 2009 - 12:05 PM

Cerebral Ailment

    Member

  • Topic Starter
  • Member
  • PipPip
  • 19 posts
Thank You Good Sir!
  • 0
Back to Web Development · Next Unread Topic →




Similar Topics

0 user(s) are reading this topic

0 members, 0 guests, 0 anonymous users

  1. Geeks to Go Community
  2. → Development
  3. → Web Development

As Featured On:

Microsoft Yahoo BBC MSN PC Magazine Washington Post HP