Once again: iframes/layers problem [Archive] - Lissa Explains it All: Web Design Forums

View Full Version : Once again: iframes/layers problem

kagerou79

02-18-2003, 09:35 PM

Hello I need someone help because I can't fix this problem.

I have a layer inside of which is an iframe. Anyway, the text inside the iframe goes outside the window and the horizontal scrollbar appears on the bottom .... how do I change it so that the text is clipped and the horizontal scrollbar doesn't appear ?
I had added the body style="overflow-x:hidden;" tag but it doesn't solve much : the horizontal scrollbar disappears and you have to select the text in order to read the part which goes outside the window.

Where's the problem ? :\
Thanks for your time !

Dude128

02-18-2003, 09:38 PM

the text should wrap at the edge, unless you have it inside something with a definite width. on the page inside the iframe, do you have the text inside of a table or div or anything like that, that you give a width wider than the iframe's width (if that made sense)?

kagerou79

02-18-2003, 09:41 PM

nope, I just typed plain text in a blank document without tables whatsoever :\

Dude128

02-18-2003, 09:42 PM

that's odd. could you post a link to the page so we can see what's going on?

kagerou79

02-18-2003, 09:44 PM

I haven't it online yet ... anyway the code for the layer/iframe is :

<div id="Layer1" style="position:absolute; width:324px; height:385px; z-index:1; left: 24px; top: 110px; border: 1px solid; border-color: #000000;"><IFRAME SRC="main.htm" NAME="main" WIDTH="324" HEIGHT="385" FRAMEBORDER="0"></IFRAME></div>

Dude128

02-18-2003, 09:54 PM

could you post the code for the page that you're displaying inside the iframe (main.htm)?

kagerou79

02-18-2003, 10:01 PM

Sure, first of all this is the code for the main.htm page :

<html>
<head>
<title>Untitled Document</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<link rel="stylesheet" href="ep.css" type="text/css">
</head>

<body bgcolor="#FFFFFF" text="#000000" background="graphic/bg.gif">
<font color="#CCCCCC" size="1" face="Verdana, Arial, Helvetica, sans-serif">test test test test test test</font>
</body>
</html>

Anyway, this is how the page should look :

http://utenti.lycos.it/nageki79/helppppp.jpg

you see, the navigation menu has links in it and when you click on them, the content should appear in the box on the left. What's the correct code for that ?

main.htm is the first page that you'll see visualized inside of the box as soon as you enter my webpage, without having clicked on any links yet.

How do I do it correctly ? I'm not sure If the box has to be composed of a layer with an iframe inside of it ?

if I only use an iframe, once I type text inside of it ( some kind of a welcome message ), it disappears when I click on preview :\

Sorry for bothering you all, I know this is tricky to explain over the web especially because I'm italian and I'm doing my best with english :\

Dude128

02-18-2003, 11:07 PM

I don't see any reason for the text to extend beyond the width of the iframe. i really doubt it, but it could be something in your CSS. could you post your CSS code?

sorry to make you keep posting different things :)

kagerou79

02-18-2003, 11:13 PM

Hmmm I tried using a DIV STYLE tag and it seems to be working now, although I don't really know why the previous test wasn't working at all since I've been using iframes and layers for ages now O__o;;

Anyway, just in case you can tell me If there's a prob, this is the css file :

<style type="text/css">

</style>