...

View Full Version : iframe scrollbar problem ..



joroco
11-24-2005, 01:34 PM
hello, im working on my site in GoLive CS2 so the site is not yet finished, came across a problem, it on my "services" page, there is a horizontal scrollbar, and no matter how small i make the page in golive that ****ing scrollbar is always there .... help someone please !!! im going insane!! :mad: haha


http://www.joroco.net/index_v01.html
then go to "services" ....:thumbsup:

_Aerospace_Eng_
11-24-2005, 04:25 PM
No need to swear. Don't set a width to the page you are iframing in. If you do set a width make sure its 20px less than the width of your iframe. Remember padding counts for overall width. Lose the absolute positioning as well.

joroco
11-24-2005, 05:51 PM
hi again! i have tried playing around with it for like 1 hour now, im sorry but i dont understand what you mean ... im really not good at this coding thingy ... so if you could write again i would greatly appreciate ...
thanks /john

Glass Casket
11-24-2005, 10:34 PM
I don't see a horizontal scroll bar :confused:

joroco
11-25-2005, 10:23 AM
its maybe your resolution ... there is still a scrollbar there on the site ... im on 1280*1024

markmid
11-25-2005, 10:29 AM
I can't see it either and I have that resolution on :) , only a vertical one if thats what you mean.

Glass Casket
11-25-2005, 06:13 PM
its maybe your resolution ... there is still a scrollbar there on the site ... im on 1280*1024

I'm using that resolution as well and see nothing.

Which browser are you using? If you are not using Firefox, I suggest switching ;)

Edit: After looking at your page in IE, I now see the horizontal scrollbar.

_Aerospace_Eng_
11-25-2005, 06:15 PM
I'm really not sure how much clearer I can be. DO NOT set a width to the page IN the iframe. Get RID of the THE absolute positioning. Do you even actually view the source of your pages?

joroco
11-25-2005, 06:16 PM
ey _Aerospace_Eng_ im not very good with coding, only really now starting to find it intresting ... mostly just used photoshop before to design stuff ... yes of course i look at the source of my pages ....that stupid am i not. .. but please be alittle understanding im NOT good at all at understanding this , just getting started remember =P

so what should the code look like on the iframe ?
<body>
<div style="position:width:100%;height:893px;margin:auto;-adbe-g:p,10,10;">
what do i change here and do i need to replace anything that i take away ??

very thankfull for everyones help!


oh, okey, but for people that use IE does anyone know how i fix it so they cant see it ??

what is firefox by the way ?
why is it better ??

:thumbsup:

JamieR
11-25-2005, 06:25 PM
Firefox is a open source browser written by the Mozilla Foundation.

http://reviews.cnet.com/4520-3000_7-5561073-1.html
There's a brief comparison.

_Aerospace_Eng_
11-26-2005, 12:21 AM
Change this


<html>
<head>
<meta http-equiv="content-type" content="text/html;charset=utf-8">
<style type="text/css"><!--
body { color: #fff; font-size: 12px; font-family: verdana; text-decoration: none; text-align: center; }
p {}
td {}
a:link { color: #f5821f ; text-decoration: none; }
a:visited { color: #c2c0ab ; text-decoration: none; }
a:hover { color: #f5821f ; text-decoration: underline; }
a:active { color: #c2c0ab ; text-decoration: none; }
--></style>
</head>
<body bgcolor="#4C4C4C">
<div style="position:relative;width:679px;height:248px;-adbe-g:p;">
<div style="position:absolute;top:0px;left:0px;width:678px;height:89px;-adbe-c:c">
<div align="center">
Welcome to Joroco.net
<p>Your complete supplier of digital graphics and design!</p>

<p><br>
<br>There Is No End To The Imagination</p>
</div>
</div>
</div>
<p></p>
</body>
</html>
To this

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="content-type" content="text/html;charset=utf-8">
<style type="text/css">
<!--
body {
background:#4C4C4C;
color: #fff;
font-size: 12px;
font-family: verdana;
text-align: center;
margin:5px;
padding:0;
}
a:link {
color: #f5821f;
text-decoration: none;
}
a:visited {
color: #c2c0ab;
text-decoration: none;
}
a:hover {
color: #f5821f;
text-decoration: underline;
}
a:active {
color: #c2c0ab;
text-decoration: none;
}
-->
</style>
</head>
<body>
<div>Welcome to Joroco.net
<p>Your complete supplier of digital graphics and design!</p>
<p><br><br>There Is No End To The Imagination</p>
</div>
</body>
</html>
See how there IS NO width set to anything?

joroco
11-26-2005, 12:27 PM
oh =) yea i see ... so really there can be alot less code on everypage, alot of un need stuff ...
this is all great, now i can look through everything and hopefully learn and understand alittle more of what i am doing :thumbsup:

thanks ! :D

joroco
11-26-2005, 01:26 PM
erhm,just been looking through it now and changed everything i think :confused:
but its still the same in IE

here is the code ...

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">

<head>
<meta http-equiv="content-type" content="text/html;charset=utf-8" />
<meta name="generator" content="Adobe GoLive" />
<title>Untitled Page</title>
<link href="css/basic.css" rel="stylesheet" type="text/css" media="all" />
<style>

html {
scrollbar-face-color:#4c4c4c;
scrollbar-highlight-color:#878787;
scrollbar-shadow-color:#4c4c4c;
scrollbar-3dlight-color:#868686;
scrollbar-arrow-color:#ffffff;
scrollbar-track-color:#4c4c4c;
scrollbar-darkshadow-color:#000000;
}
</style>

</head>

<body>
<div>
<div class="textaligncenter"></div>
<div class="biggertext">
<span class="headers">WEBSITE DESIGN &amp; LAYOUT</span>
<p>Website layouts &amp; gragpics</p>
<p>GRAPHIC DESIGN FOR : </p>
<p>Logos - Posters, Leaflets, Broschures - Menus &amp; More ...<br />
<br />
<br />
<br />
</p>
</div>
<div class="biggertext">
<span class="headers">WEBSITE DESIGN &amp; GRAPHICS<br />
</span><br />
<br />
<p>Do you have a website that needs refreshing with new graphics ?</p>
<p>Let us design your : Menubars, Advertising Banners Or anything else that you think is not perfect on your site !</p>
<p>Maybe you just need to redesign your whole website with new and improved Design and/or Layout.<br />
<br />
<br />
<br />
</p>
</div>
<div class="biggertext">
<span class="headers">LOGOS<br />
</span><br />
<br />
<p>STARTING OR STARTED A NEW COMPANY ?<br />
NEED A NEW AND ORIGINAL LOGO ?</p>
<p>Let us design a brand new and exciting logo for you.</p>
<p>WANT TO KEEP IT BASIC ?</p>
<p>WANT TO LET THE IMAGINATION RUN WILD ? </p>
<p>Give us a general idea and let us produce an outstanding logo for your company.<br />
<br />
<br />
<br />
<br />
<br />
</p>
</div>
<div class="biggertext">
<span class="headers">POSTERS, LEAFLETS &amp; BROSCHURES<br />
</span><br />
<br />
<p>Original spectacular graphics can enhance your posters, advertising leaflets and broschures.</p>
<p>Give us just a small idea and let us create for you great advertising that will attract the eye !<br />
<br />
<br />
<br />
</p>
</div>
<div class="biggertext">
<span class="headers">MENUS<br />
</span><br />
<br />
<p>From basic menus to outstanding menus that compliment your restuarant in everyway.</p>
<p>We can design a menu to compliment or match your restuarants profile/image.</p>
</div>
</div>
<p></p>
</body>

</html>

anyone see anything very wrong here or ? :confused:

_Aerospace_Eng_
11-26-2005, 07:11 PM
In your CSS change this

body { color: #fff; font-size: 10px; font-family: verdana; background-color: #4c4c4c; text-decoration: none; }
to this

body { color: #fff; font-size: 10px; font-family: verdana; background-color: #4c4c4c; text-decoration: none; margin:0; padding:0; }



EZ Archive Ads Plugin for vBulletin Copyright 2006 Computer Help Forum