|
HTML - Frame Extending Across Width Of Page- Help
Hi, I'm kind of new to HTML and I've been trying to make a website that has 3 frames in it. One frame extends across the entire top of the page and has about a 100 pixel height. The second frame extends the entire length of the page, but only has a width of about 200 pixels. Which leaves the rest for the thrid frame. I'm doing this so that frames one and two don't change and all of the content changes in the third frame.
I'm running into an issue, because I cannot figure out how to get one frame extend across the top and one fram extend the length of the page. I can do one or the other but not both. is there any way that I can configure the columns and rows so that the page takes on this look? Thank you. here is a visual of what I'm trying to do: Code: ____________________ | 1 | |__________________| | | | | | | | 2 | 3 | | | | -------------------- Similar TutorialsCode: <?php
if (file_exists("install.php")) {
die('You are seeing this message because either you haven\'t ran the install file yet, and can do so <a href="install.php">here</a>, or already have, and <strong>must delete it</strong>.');
}
if (!isset($_GET['info'])) {
$preconfig_db_unnecessary = true;
}
require 'config.php';
$menufile = (KU_STATICMENU) ? 'menu.html' : 'menu.php';
$menusize = (KU_MENUTYPE == 'normal') ? '30px' : '10%';
$mainsize = 100-$menusize . '%';
header("Expires: Mon, 1 Jan 2030 05:00:00 GMT");
?>
<!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" xml:lang="en" lang="en">
<head>
<title><?php echo KU_NAME; ?></title>
<link rel="shortcut icon" href="<?php echo KU_WEBPATH; ?>/favicon.ico" />
<style type="text/css">
body, html {
width: 100%;
height: 100%;
margin: 0;
padding: 0;
overflow: auto;
}
#menu {
position: absolute;
left: 0px;
top: 0px;
margin: 0;
padding: 0;
border: 0px;
height: 100%;
width: <?php echo $menusize; ?>;
}
#main {
position: absolute;
left: <?php echo $menusize; ?>;
top: 0px;
border: 0px;
height: 100%;
width: <?php echo $mainsize; ?>;
}
</style>
</head>
<?php
if (isset($_GET['info'])) {
require KU_ROOTDIR . 'inc/functions.php';
echo '<body>';
echo '<h1>General info:</h1><ul>';
echo '<li>Version: kusaba x ' . KU_VERSION . '</li>';
$bans = $tc_db->GetOne("SELECT COUNT(*) FROM `".KU_DBPREFIX."banlist`");
echo '<li>Active bans: ' . $bans . '</li>';
$wordfilters = $tc_db->GetOne("SELECT COUNT(*) FROM `".KU_DBPREFIX."wordfilter`");
echo '<li>Wordfilters: ' . $wordfilters . '</li>';
echo '<li>Modules loaded: ';
$modules = modules_list();
if (count($modules) > 0) {
$moduleslist = '';
foreach ($modules as $module) {
$moduleslist .= $module . ', ';
}
echo substr($moduleslist, 0, -2);
} else {
echo 'none';
}
echo '</li>';
echo '</ul>';
echo '</body></html>';
die();
}
?>
<body>
<iframe src="<?php echo $menufile; ?>" name="menu" id="menu">
<a href="<?php echo KU_WEBPATH . '/' . $menufile; ?>"><?php echo KU_NAME; ?></a>
</iframe>
<iframe src="news.php" name="main" id="main">
<a href="<?php echo KU_WEBPATH;?>/news.php"><?php echo KU_NAME; ?> Navigation</a>
</iframe>
</body>
</html>
Okay so this is the code for the index.php page, what it does is displays a menu frame on the left at 15% of the page, and then the content page on the rest of it. What I would like it to do is instead of using 15% for the right frame I would like to use 180pixels instead, and the left frame should take up the remainder of the page. This frame is different for me though as it uses the stylesheet to supply it's width, height, border, and ect. Greetings, I am trying to prevent the my window from scrolling from side to side and up&down. You can see in my image that the frame has excess information to the right of the screen. I cannot tell if this is b/c of the images or if the problem is in the code. Here is the current code for the page. <!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>The works of D.M. Rosemark</title> <style type="text/css" media="screen"> <!-- body { background-color: #ffffff; margin: 0px } #horizon { color: white; background-color: transparent; text-align: center; position: absolute; top: 50%; left: 0px; width: 100%; height: 1px; overflow: visible; visibility: visible; display: block } #wrap {margin: 0px auto; width: 1273px; } iframe.one { width: 600px; height: 375px; border-style:ridge; border-width:10px; border-color:#999999; padding:1px; float: left; display: inline; //--> </style> </head> <body> <div id="wrap"> <img src="topbanner.jpg" alt="Top Banner" style="width: 1260px;"><div id="innerwrap"> <img src="leftimage.jpg" style="float: left; width: 325px;"> <iframe class="one" frameborder="0" src="01.html" scrolling="yes"> </iframe> <img src="rightimage.jpg" style="float: left; display: inline; width: 325px; "></div> <img src="bottombanner.jpg" alt="Bottom Banner" style="width: 1260px;"></div> </body> </html> Thanks in advance!! D.M. Rosemark Is there a way to set the minimum width on html frames which are inside a frameset such that when resizing the frames do not disappear completely? For example how would you do it in the following? <html> <frameset cols="50%,50%"> <frame src="left.htm" /> <frame src="right.htm" /> </frameset> </html> I have search around for possible answer(s) but I have not found a solution that works. Preferably, I am looking for a solution that works for recent versions of IE, FireFox at least. Thanks. I've been working on a website and I recently decided to change it around. I accidently deleted a target I need and I can't seem to find anywhere online. I want to be able to open a new page and have it displayed on the same page in a frame. to view my current site go he http://www.geocities.com/pintpunker/CRPB/frame.htm You can see the contents on the left and I want the pages to open on the right. What's the target? I'm dyin' here! Lol. I have a form with data (check boxes) in main page. second page point to 3 frames. data from main page should be displayed in one frame of the second page. Is this possible? and how? I am using php. Thank you. if i have a frameset with two frames (frame1 and frame2). would there be any html or javascript code that would be able to take the url from frame2 (which has a url that is variable and i have no control over) and display it or return it as a variable on frame1? thanks Hi guys, I've inherited a very old site that runs in a frameset. We're getting ready to rebuild it (sans frames) but in the meantime I still need to maintain it. The need has come up recently for an information page that will be linked to from within a Flash tutorial. The problem is that when the link goes directly to the page, it doesn't surround it with the frame and so there is no navigation or any way of finding your way back into the site. It's been many, many years since I've worked with frames, so I'm hoping someone can tell me if there's a trick to linking to the base frameset and then loading a specific page into one of the frames. Cheers, Seona. I'm setting up an online scheduling calendar, but for people to set appointments they have to click a link that takes them out of my site. Is it possible to frame in the other site so they stay on my page? I have a table on my website that doesn't quite fit horizontally, so I want a scrollbar for the user to scroll across. Is this an i-frame? thanks hi everyone... I have divided a html page in two frames.one is header another is the main page. In main frame there is login form, when i am submitting form it calls the next page in the same frame by default and address in the address bar is not changing because page in the address bar is not changing only main frame is changing. I want that when i submit the form, page containing the header and main frame get vanished and next page should be called without these frames. thanks in advance I'm fairly new to html, so if it's something obvious, give me a break. I have a background image with blank sections where I want to put stuff in to, and in one of the sections I want to put a frame or a table so I can have a list of links which you can scroll through, but I don't know how to put it anywhere I want on the page. Any help would be great, thanks. Hey there, I'm very new to HTML, but I can't figure out why the content area of my page is overlapping with my top frame. It's most obvious just to the right of the right angle formed by the place where the top and left frames each other. The website www.fourseasonssunrooms.ca. Any ideas as to how to move the content area down so this overlap does not occur?? I'm really stuck on this one. So, I'm on a page, let's call it index1 and I need to open index2 with index3 displayed in a frame on index2 (All from just clicking one link). The problem is on index1 there are many links that will all take us to index2, but with different pages (index4, index5 etc.) needing to be displayed in the frame on index2. How can I achieve this? Hi, I have an html page with the following structu Code: <html> <head> </head> <body> <iframe> //some links here </iframe> <div> //something here </div> </body> </html> Now when I click on a link to a webpage inside the iframe, it loads the webpage inside that frame. How do I specify: 1) to load webpage in a different iframe from the one that contains the link 2) to load webpage in the "frame" that contains the iframe with the link, i.e. in this case: load the linked webpage instead of the page that contains the iframe with the link. I realise this is probably quite straightforward, but I'm new to this stuff. Could someone please help me out? Thanks! I think I have the same problem, I am setting up a site offering bands a personal page on a local music scene website. the band's page is displayed in a frame when I have created a page for the band i want to offer them a url to directly link to their page but still show the entire frameset (index.html) what would this url be or how woul i go about creating it? would really appreciate the help, cheers! Luke Hi there, I was wondering if anyone knows how to centre an image link in another frame (yes I know frames are bad but its an old website I am updating) i have <a href="picturelink" target="mainframe"> <img src="thumbnail" border="0"></a> I have tried everything from class="center" to editing the original frameset and the original page loaded into the window but I can't get the jpeg file to load up centred and so I was hoping someone might be able to help as I don't want to link all the pictures to seperate html documents with only a centred image in... Thanks for any help. Hey. I have a frame and inside it there is a link. I want it to target an anchor called Code: <a name="anchor"></a> that is INSIDE it's own frame. I tried Code: <a href="#anchor"> but it tries to reload the entire page, and doesn't just "jump" to the anchor like it normally would. How do I do this? Thanks I am currently working on a website. It has been a while since I created websites professionally, about 10 years infact, so although a lot of it is coming back to me I can't seem to get around this problem... A friend has created a template to use for all our pages and has sent me some pages to check. They appear fine on both her computers, of differing screen sizes, but on my screen I have to scroll right across to see what's on the right-hand side. If I didn't know it was supposed to be there, I wouldn't have known to look for it IYKWIM?! Why isn't the page adjusting to fit my screen width automatically? It seems it is doing on my friend's screens. But not on mine. She hasn't specified a width, ie. by way of placing the entire contents of the page in a table. So as far as I can remember, from 10 years ago, it should automatically adjust. Is that still correct? I have tried using her HTML and amending it by putting the whole page in a table with a width of 700 pixels, which should fit on my screen, but it didn't make any difference. Any ideas?? |
|||||||