Jump to content

Somebody's Fat

Members
  • Posts

    12
  • Joined

  • Last visited

Somebody's Fat's Achievements

Newbie

Newbie (1/7)

0

Reputation

  1. This is my current code:<?php include ("PHP/doctype.php"); ?><html><head><?php include ("PHP/head.php"); ?></head><body><?php include ("PHP/navigation.php"); ?><iframe src="iframe.htm" style="height: 100%; width: 100%"></iframe></body></html> Are you referring to hidden/visible abilities or something else? I suppose it's a moot point to some extent if the div has equal issues when height="100%".I did some searching for this issue elsewhere on the web and found this link... I suppose it only confirms the problem is universal: Link.
  2. I gave this a shot, but I'm sorry to say I run into the same problem as I do using regular frames. The menu iframe (the top one) has drop-down menus that MUST overlap any content below it. So in other words, since the menu can't break free of the boundaries of the iframe, it must be contained within normal page content in order to overlap all content - iframes or otherwise. Thank you for the suggestion though.
  3. Nuts... and for the record: <div style="height: 100%; width: 100%; overflow: auto">(blah blah blah)</div> Has the same dimension problems as the iframe did. The overflow feature didn't apply to only viewable browser area, it extended all the way down to the end of the content. On top of that, a horizontal scroll bar was visible if the div had: a border, padding, or any margins.
  4. I hadn't heard of that until now actually, I'll give it a shot. Would you happen to know if a link to alternate content can be loaded within the div just like an iframe? Like this...<a href="link.htm" target="divname">LINK</a> where <div name="divname">(replaced content)</div> I gave that a shot, but it opened up the link in a new window.
  5. I've pretty much given in to having the navigation scroll off the page with the rest of the content for long pages. Other than the usage of frames, which I'm completely avoiding this time around, I know of no other way to have a stationary navigation bar at the top of a webpage. Unless... do z-index layers have the ability to separate themselves from the scrolling of lower layers of content?
  6. Actually, I had tried something similar along those lines, except the primary navigation wasn't using an iframe, and that didn't work. I seem to have found a different solution, however. The top navigation will remain consistent on each page of the website, including the forum, and under this train of thought, each page should simply link to or include it, and I've found a simple way to do this with php:<?php include ("navigation.php"); ?> Where index.htm is now index.php instead. This way, the external php document is included in the top area for the menu. The remaining pages fall by default below the top navigation. This way, I see no apparent need for an iframe for page content. I'm still constructing this, so who knows what else I'll stumble on, but thanks for the suggestions and help.
  7. Okay let me go about this another way...The dark grey area is the top of the webpage I'm attempting to create (obviously generic just to show the basics). If a page is extremely high with content, it is OK if the title scrolls off the page, although, I'd prefer for it to be stationary. The links are essentially roll-overs which bring up a list of further sections. When these links/sections are clicked, the LIGHT grey area changes depending on the content selected.Ok, so what I'm after is this: Based upon what you see here, what is the best way to go about creating this website? Frames would work, yes, but not with the rollovers I'm using, so that's a no. IFrames might work, but I'm having difficulty with the height attribute. If there's any other way you know how to do it, I'm all ears (eyes), even if it's some language I have no clue about (everything besides HTML, CSS & JavaScript).Thanks!
  8. Based upon the 80 views and 0 replies, I take it nobody knows the answer...?
  9. I'm constructing a website avoiding any usage of frames. However, I'm using plenty of <iframes>. The top portion of the page is for navigation, a simple table with drop-down menus. Below that, I'm attempting to script a simple <iframe> that takes up the remaining width and height of the page below the title navigation. The width="100%" setting is working perfectly, but the height="100%" either makes the iframe vanish, or appear at seemingly random heights. At first, I attempted something as simple as this: <iframe src="Homepage.htm" width="100%" height="100%" /> Unhappily, this didn't work. In Firefox, the iframe was about 150px high, and in IE, the iframe was about 150px too high, meaning there were 2 active scrollbars next to each other. I could trial & error this all night, but I'd rather post now and learn if there's something else I should be doing. Thanks.
  10. Thanks again! I never liked "elmnt" very much anyway.
  11. Thanks Scott! I gave that a try and it works fine in all browsers.Just a couple questions to clarify my understanding of it... I basically found "getElementById(elmnt)" by looking up various menus and examples I had found elsewhere on the web. Is "elmnt" a standard abbreviation for something like this, or was it just what I had obtained from someone's example? Same question for getElementById... I'm guessing that's standard code for referencing various elements by ID? And lastly... <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/1999/REC-html401-19991224/loose.dtd"> Could someone explain why the usage or non-usage of this line of code was affecting the appearance and functionality of my scripts? Is it most beneficial to use "strict.dtd" as opposed to "loose.dtd"? (My website is heavily HTML/CSS with JavaScript, no frames, just iframes.)
  12. I'm essentially looking for any assistance regarding this issue. I'm by no means an expert of javascript.Bottom line: I'm creating a website with various menus that are visible/hidden depending upon rollover of a certain <td> area (Example below is "News"). The visible <table> then appears in 2 locations (I need them in 2 locations because I need an active mouseOut area that is NOT a perfect rectangle. This way, it avoids covering the active area of "Entertainment" up, etc.)I would love to use this as a script: function showmenu(elmnt){document.getElementById(elmnt).style.visibility="visible"}function hidemenu(elmnt){document.getElementById(elmnt).style.visibility="hidden"} Making the ID tags for the 2 tables change values to visible/hidden depending on the rollover. I was hoping this would work for the <td>: onmouseover="showmenu('NewsBox','NewsMenu')" onmouseout="hidemenu('NewsBox','NewsMenu')" ...given "NewsBox" was the id for table 1 and "NewsMenu" the id for table 2.Unhappily, this didn't work. Why... I don't even know. I ended up doing this: onmouseover="showmenu('NewsBox'),NewsMenuShow()" onmouseout="hidemenu('NewsBox'),NewsMenuHide()" Where "NewsMenu" had its own function for changing visibility. This worked in IE. Firefox didn't like it. After some more troubleshooting, I found that if I removed this from my html file: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> Then it DID work in Firefox. Anyway, at this point, I'm lost. I'd like to keep the DOCTYPE in the file, but I need the menus to work in all browsers. Perhaps I'm going about this all wrong and there's an easier way that I don't know about. If anyone can help, I'm all ears... or eyes I should say.
×
×
  • Create New...