iframe scrollbars

R

Rodel

I'm trying to make an inline frame into a page.
It works well, except for a horizontal scrollbar that appears as the text in
the iframe gets longer. (A vertical scrollbar is also appearing as
expected.)
I use this code:
<IFRAME SRC="page.htm" FRAMEBORDER="0">
Makes no difference wether I make a 'height' en 'width' attribut inside the
tag.
Anybody knows a solution??

R.
 
W

Whitecrest

I'm trying to make an inline frame into a page.
It works well, except for a horizontal scrollbar that appears as the text in
the iframe gets longer. (A vertical scrollbar is also appearing as
expected.)
I use this code:
<IFRAME SRC="page.htm" FRAMEBORDER="0">
Makes no difference wether I make a 'height' en 'width' attribut inside the
tag.
Anybody knows a solution??

Put the text into a div the same width as the iframe
 
R

Rodel

Whitecrest said:
Put the text into a div the same width as the iframe

I guess you mean the text from the iframe-page.
Doesn't make any difference what width I give the div-tag.
The text stays the same. As well as the horizontal scrollbar.

R.
 
S

Steve R.

Just had another look. The content material of you iframe will need to be
made narrower than your iframe itself by around 50 pixels if I recall.

That means the page you wish to display in your iframe has to be from the
outset created at a fixed width or % width depending how you configured
your iframe width, otherwise the horizontal scrollbar will be required, or
your viewers will miss some some of your content.
 
R

Rodel

Steve R. said:
Just had another look. The content material of you iframe will need to be
made narrower than your iframe itself by around 50 pixels if I recall.

That means the page you wish to display in your iframe has to be from the
outset created at a fixed width or % width depending how you configured
your iframe width, otherwise the horizontal scrollbar will be required, or
your viewers will miss some some of your content.

When I make my text narrower (inside a div-tag) it's displayed narrower
inside the iframe. The horizontal scrollbar stays...
R.
 
S

Steve R.

Rodel wrote in message ...
When I make my text narrower (inside a div-tag) it's displayed narrower
inside the iframe. The horizontal scrollbar stays...

Can you post the code for that page ?

or better still a URL ?
 
R

Rodel

Steve R. said:
Rodel wrote in message ...

Can you post the code for that page ?

or better still a URL ?
I'll post the mainpage, the iframe-text-page, and the stylesheet.
I'm sorry no URL yet.

R.

MAINPAGE;

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html><!-- InstanceBegin template="/Templates/basis.dwt"
codeOutsideHTMLIsLocked="false" -->
<head>
<!-- InstanceBeginEditable name="doctitle" -->
<title>Untitled Document</title>
<!-- InstanceEndEditable -->
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<link href="style.css" rel="stylesheet" type="text/css">
<meta name="Author" content="Wolleweb">
<!-- www.wolleweb.nl -->
<!-- InstanceBeginEditable name="head" --><!-- InstanceEndEditable -->
<script language="JavaScript" type="text/JavaScript">
<!--
function MM_reloadPage(init) { //reloads the window if Nav4 resized
if (init==true) with (navigator) {if
((appName=="Netscape")&&(parseInt(appVersion)==4)) {
document.MM_pgW=innerWidth; document.MM_pgH=innerHeight;
onresize=MM_reloadPage; }}
else if (innerWidth!=document.MM_pgW || innerHeight!=document.MM_pgH)
location.reload();
}
MM_reloadPage(true);
//-->
</script>
</head>

<body>
<table width="100%" height="100%" border="0" cellpadding="10"
cellspacing="0">
<tr>
<td width="140">&nbsp;</td>
<td><div align="center"><img src="graphics/logo_trans.gif" width="251"
height="99"></div></td>
<td width="70">&nbsp;</td>
</tr>
<tr>
<td width="140" valign="top"><a href="index.htm">HOME</a><br>
<br>
<a href="antroposofie.htm">Antroposofie</a><br>
<a href="werkwijze.htm">Werkwijze</a><br>
<a href="organisatie.htm">Organisatie</a><br>
<a href="kwalificatie.htm">Kwalificatie</a><br>
<a href="hulpverleners.htm">Hulpverleners</a><br>
<a href="vergoedingen.htm">Vergoedingen</a><br>
<a href="lidworden.htm">Lid worden?</a><br>
<a href="contact.htm">Contact</a></td>
<td align="left" valign="top"><br>
<!-- InstanceBeginEditable name="PaginaTitel" -->
<h2 align="center">Contact</h2>
<!-- InstanceEndEditable -->
<!-- InstanceBeginEditable name="Brood" -->
<!-- InstanceEndEditable -->
<br>
<!-- InstanceBeginEditable name="iframe" -->
<IFRAME SRC="tekst_contact.htm" scrolling="auto" frameborder="0"
class="inlineframe">Hier wordt ... weergegeven.</IFRAME>
<!-- InstanceEndEditable -->

</td>
<td width="70"><!-- InstanceBeginEditable
name="RechtsMidden" -->&nbsp;<!-- InstanceEndEditable --></td>
</tr>
<tr>
<td width="140">&nbsp;</td>
<td><div align="center">VOETTEKST (COPYRIGHT E.D.) </div></td>
<td width="70">&nbsp;</td>
</tr>
</table>
</body>
<!-- InstanceEnd --></html>

IFRAMEPAGE;
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>Untitled Document</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<link href="style.css" rel="stylesheet" type="text/css">
</head>

<body>
<div style="width:80%">
U kunt op eigen initiatief vragen om hulpverlening of worden doorverwezen
bijvoorbeeld door een arts. Het spreekt vanzelf dat bekendheid met de
antroposofie geen voorwaarde is om voor hulp in aanmerking te komen. Leden
van de Beroepsgemeenschap zijn verspreid over het land te vinden. Sommige
van hen zijn vrij gevestigd met een eigen praktijk; anderen zijn werkzaam in
een therapeuticum of in een regulier werkverband.<br>
<br>
Voor namen en adressen kunt U zich wenden tot het secretariaat, een
antroposofisch huisarts of de jjdgpid dih dpsi sdpifhsdpifhivhcojvnosjd .
<br><br>
Secretariaat:<br>
Name<br>
Adres<br>
City<br>
Tel: 000000000<br>

</div>

</body>
</html>

STYLESHEET;
body {
color: #420000;
background-color: #FFFFCC;
font-family: Geneva, Arial, Helvetica, sans-serif;
font-style: normal;
font-size: 12px;
}
..inlineframe {
width: 100%;
height: 120px;
margin: 0px;
padding: 0px;
left: 0px;
top: 0px;
right: 0px;
bottom: 0px;
marginheight: 0px;
marginwidth: 0px;
}
..paginakop {
font-size: 24px;
font-weight: bold;
}
 
S

Steve R.

Rodel wrote in message ...
I'll post the mainpage, the iframe-text-page, and the
stylesheet..

In your HTML you have ...

<div style="width:80%">

Delete the % and use a figure at least 50 pixels narrower than you iframe
width, which is best specified in your HTML.

Foe example

<div style="width:250">
 
E

Els

Steve said:
Rodel wrote in message ...



In your HTML you have ...

<div style="width:80%">

Delete the % and use a figure at least 50 pixels narrower than you iframe
width, which is best specified in your HTML.

Foe example

<div style="width:250">

I think you have to specify if you want it 250 apples wide,
or 250 pears...
(px, em, %... the browser won't know which one you mean)
 
R

Rodel

Steve R. said:
Rodel wrote in message ...

In your HTML you have ...

<div style="width:80%">

Delete the % and use a figure at least 50 pixels narrower than you iframe
width, which is best specified in your HTML.

Foe example

<div style="width:250">

The text gets a lot narrower than the framewidth, but the horizontal
scrollbar stays...

R.
 
S

Steve R.

Rodel wrote in message ...
The text gets a lot narrower than the framewidth, but the horizontal
scrollbar stays...

Have you specified the width of you iframe in your HTML, as in the original
code there was no width specified.
 
R

Rodel

Steve R. said:
Rodel wrote in message ...

Have you specified the width of you iframe in your HTML, as in the original
code there was no width specified.

No, I specified the width in the stylesheet, but that shouldn't matter I
guess?
 

Ask a Question

Want to reply to this thread or ask your own question?

You'll need to choose a username for the site, which only take a couple of moments. After that, you can post your question and our members will help you out.

Ask a Question

Members online

Forum statistics

Threads
473,769
Messages
2,569,580
Members
45,054
Latest member
TrimKetoBoost

Latest Threads

Top