Argh Iframes !

smithy

smithy

designer.
Hmmm well im having a problem with my iframes at the moment. Ive got one iframe thats 300*270 but i want to have text in it right. Now everytime i either put a table in or just put text into the page it stuffs up and scrolls it horizontly because the text just never wraps to the 300. I have tried tables (280px, 100%) and then just typing normal text. But either way it never ever wraps. What can i do to fix this anyone ?? Thankyou soooo much ! :)

This is the code of the page in the iframe:

<!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=iso-8859-1">
<title>This is in a frame</title>
<style type="text/css">
<!--
@import "links.css";
Body
{
background-image: url(images/site_r2_c8.gif);
background-attachment: fixed;
background-position: top-left;

/* Scrollbar colour coding */
scrollbar-face-color: #E7B4D3;
scrollbar-highlight-color: #E7B4D3; scrollbar-3dlight-color: #E7B4D3;
scrollbar-darkshadow-color: #E7B4D3; scrollbar-shadow-color: #E7B4D3;
scrollbar-arrow-color: #FFFFFF; scrollbar-track-color: #FFFFFF;
}

-->
</style>
</head>

<body>
<p><span class="entry">Entry Title </span>
</p>
<p class="text">dkfjdkfjkdjfkljdsklfjlkdsjfkldjkfjdksjfkdsj</p>
<p class="text">fkdsjfkjdskfjdskfljdsklfjsdklfjdskljf</p>
<p><span class="text">klsdjfkljds shit </span>
</p>
</body>
</html>
 
i think its cuz this line <p class="text">dkfjdkfjkdjfkljdsklfjlkdsjfkldjkfjdksjfkdsj</p>
is too long .... itll wrap if there are spaces in between the words...try that and I usually keep the table width set in pixels. About 20 pixels less than the ifram width to allow for scrolls.
 
Can't wrap because there's no spaces for it to wrap at. Looks like one really large word to the browser.

For filler text, try this link: Lorem Ipsum Generator

Unrelated, buy the CSS body tag needs the b switched to lowercase. You could also contract the three background tags into one:

Code: 
background: #fff url("images/site_r2_c8.gif") no-repeat fixed top left;
 
Thanks for that, i think ive worked it out and it seems to be working - thanks again for your help :)
 
You must log in or register to reply here.
Back
Top