HTML - Frames Alignment Problem
Hi All,
I am creating a new website using html frames (I know, using the html frames are a bad idea but my client wants this). The website have a header, content panel and footer. Html frameset have 1px border. I need frames align centered in the webpage. could somebody help me to short it out. Frameset code is here <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" /> <title>vvaves</title> </head> <frameset border="1" bordercolor="#CCCCCC" frameborder="0" rows="330,800,150" style="height:1180px"> <frame src="top_panel.html" frameborder="0" scrolling="no" noresize="noresize" /> <frame src="content_panel.html" frameborder="0" scrolling="no" noresize="noresize" /> <frame src="bottom_panel.html" frameborder="0" scrolling="no" noresize="noresize" /> </frameset><noframes></noframes> <body> <div align="center"></div> </body> </html> Please help me. Thanks in advance. Sunil Saini Similar TutorialsI have a page with 2 frames, top and bottom and there is a space between the frames. Does anyone know why? I'm trying to make the 2 images connected and if the resolution is bigger than 1024 x 768 then the 2 images should be centered vertically. Is that possible? Code: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Frameset//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-frameset.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> <title>Untitled Document</title> </head> <frameset rows="304,*" frameborder="no" border="0" framespacing="0"> <frame src="top-main.html" name="topFrame" scrolling="No" noresize="noresize" id="topFrame" title="topFrame" /> <frame src="main.html" name="mainFrame" id="mainFrame" title="mainFrame" /> </frameset> <noframes><body> </body> </noframes></html> I am not getting that why css is not working with frameset nd frames ?? can anyone guide me ???? actually all my pages are jsp pages , i hv also follwed the standard syntax, but its not working please help me out Thanks hey guys, i am tushaar and this is my first post. i made an html doc in which there are 2 frames, left one and right one. in the right one is a list of links. if i click on ay one of the links in the right frame, its supposed to open in the left frame. this is the coding i put: <html> <head><title>Coded By Tushaar Talwar</title> </head> </body> <a href="http://www.kingsofchaos.com/recruit.php?uniqid=g78w334h" target="frame1">TheGodfather_KW</a> </body> </html> This is for the right frame. Now, when i click this link, instead of opening in the left frame, the whole frames disappear to be replaced by the destination of this wondow alone. This is the code of my frameset page. <html> <head> <title>Coded By Tushaar Talwar</title> </head> <frameset cols="80%,20%" border="10"> <frame src="about:blank" name="frame1"> <frame src="k1.htm" name=frame2> </frameset> </html> Hi. I have an index page with a url on it. When user clicks on the url it displays the html page having two frames A and B. Frame A contains image1. Frame B contain some data and a submit button. When user enters the data and clicks the submit button Frame A is replaced with image2 and frame B with report. When user clicks browser back button, Frame A and Frame B is restoring back to image1 and data respectively. Now when user clicks again on browser back button, ideally the navigation should go to index page instead it displaying image2-data,image1-data and then goes to index page so instead on one click it takes two more clicks to go to index page. what is base target? Can i use that to solve the above problem. if so what and where do i need to include? Please some one respond ASAP. For better understanding my problem, go he http://www.pageresource.com/html/frameex5.htm. Here on left frame click on Change 2 Frames url. The left and right frame gets changed. Now click on browser back button only the right frame is restored not the left frame. Also to go to the page where we started we have to click 3 times instead of two. Can somebody throw light here?? -Thank you Sudhak Hi All Just posted a friends page and it looks o.k on ie but netscape won't display the right hand frames, the site address is:- http://www.inspirejournal.info/ and the html code for the page is <HTML> <HEAD> <TITLE>Inspire.com</TITLE> </HEAD> <FRAMESET> <FRAMESET ROWS="0,*" FRAMESPACING=0 FRAMEBORDER=0> <FRAME NAME="A" SRC="grey.htm" SCROLLING="NO" FRAMEBORDER=0> <FRAMESET COLS="90, 10, 150, *, 100 SCROLLING="NO" FRAMEBORDER=0> <FRAME NAME="B" SRC="grey.htm" SCROLLING="NO" FRAMEBORDER=0> <FRAME NAME="C" SRC="buff.htm" SCROLLING="NO" FRAMEBORDER=0> <FRAME NAME="D" SRC="menu.htm" SCROLLING="NO" FRAMEBORDER=0> <FRAMESET> <FRAMESET ROWS="200, *" FRAMESPACING=0 FRAMEBORDER=0> <FRAME NAME="E" SRC="welcome.htm" SCROLLING="NO" FRAMEBORDER=0> <FRAME NAME="F" SRC="content.htm" FRAMEBORDER=0> </FRAMESET> <FRAMESET> <FRAMESET COLS="100" SCROLLING="NO" FRAMEBORDER=0> <FRAME NAME="G" SRC="buff.htm"SCROLLING="NO" FRAMEBORDER=0> </FRAMESET> </HTML> I know from research that netscape handles frames a bit diffrently than ie but haven't been able to find the right bit of code to fix it. Any help would be most welcome. Thanks Eldarau Hello. I am creating a website that has a frames layout as follows: _______________________ | ..................................... | |______________________| | ..... | ................................ | | ..... | ................................ | | ..... | ................................ | |___|__________________| |______________________| Basically a header, a footer, links/navigation on the left, and the page in the center. My problem now is that I created this site in a high resolution (1280*1024) and when viewed in 1024*768 (standard for a lot of PC's I think), the Links frame becomes scrollable which is very ugly, and since the height of the header and footer are fixed, the main content frame becomes very flat (narrow is not a problem). My question now is: how do I assign fixed heights to the left (links/navigation) and the main content (center, right) so that if this webpage is viewed at a smaller resolution, the center and links frames are not individually scrollable, but that the ENTIRE page is scrollable (so the footer is not in sight, but at the bottom of the page). I'm not sure if the above is clear so I will say it again: main content and links are no longer scrollable (even in 1280*1024) but the entire webpage is scrollable. The links and content frames have fixed heights, and if this heigh it larger than the window size, the footer goes down and the entire webpage is scrollable. Thanks A LOT for your help! Can anyone help me with a small issue I have with some frames? I've not used frames for ages, but have to for this project. I have 3 frames with fixed height and width, and the noresize attribute. Then I have 6 surrounding frames so the 3 content frames are always centered. My problem is the content frames resize when you shrink the browser. How can I stop this from happening? Page in question he http://www.swnetsolutions.com/frames/ The page is using the following code <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Frameset//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-frameset.dtd"> <html> <head> <title>Untitled</title> <!-- start frames --> <frameset rows="*,351,*" cols="*,823,*"> <frame name="blank" src="blank.html" marginwidth="0" marginheight="0" scrolling="no" frameborder="0" bordercolor="#ff0000" /> <frame name="blank" src="blank.html" marginwidth="0" marginheight="0" scrolling="no" frameborder="0" bordercolor="#ff0000" /> <frame name="blank" src="blank.html" marginwidth="0" marginheight="0" scrolling="no" frameborder="0" bordercolor="#ff0000" /> <frame name="blank" src="blank.html" marginwidth="0" marginheight="0" scrolling="no" frameborder="0" bordercolor="#ff0000" /> <frameset cols="322,501"> <frame noresize="noresize" name="image" src="image1.html" marginwidth="0" marginheight="0" scrolling="no" frameborder="0" /> <frameset rows="51,300"> <frame noresize="noresize" name="nav" src="test.html" marginwidth="0" marginheight="0" scrolling="no" frameborder="0" /> <frame noresize="noresize" name="content" src="test2.html" marginwidth="0" marginheight="0" scrolling="auto" frameborder="0" /> </frameset> </frameset> <frame name="blank" src="blank.html" marginwidth="0" marginheight="0" scrolling="no" frameborder="0" bordercolor="#ff0000" /> <frame name="blank" src="blank.html" marginwidth="0" marginheight="0" scrolling="no" frameborder="0" bordercolor="#ff0000" /> <frame name="blank" src="blank.html" marginwidth="0" marginheight="0" scrolling="no" frameborder="0" bordercolor="#ff0000" /> <frame name="blank" src="blank.html" marginwidth="0" marginheight="0" scrolling="no" frameborder="0" bordercolor="#ff0000" /> </frameset> <!-- end frames --> </head> <body> </body> </html> I feel really stupid now, I can't figure out how to start a new thread. Please someone help me figure out what is wrong with my nested frames: <html> <head> <title></title> </head> <frameset rows="99%"> <frame src=""/> <frameset cols="20%,80%"> <frame src=""/> <frame src=""/> </frameset> </frameset> </html> They work individually but not collectively. Thanks in advance! thank you for taking the time to help. Being very new at HTML codes, I almost got it where I want it. The problem I have I can't see one of the objects in the web page. Can someone show me why its not showing up. Now be kind to me, like I said I so new at this. This will be my second day working with HTML. The codes that I do have. was pasted in from various web sites. The code as follows: HTML Code: <html> <head> <title></title> </head> <body> <!-- Put the body of your page below this line --> <HTML> <HEAD> <TITLE>SCHEDULE OF EVENTS</TITLE> </HEAD> <BODY> <TABLE BORDER=2> <CAPTION>UPCOMMING EVENTS</CAPTION> <TR> <TH><div><embed src="http://widget-75.slide.com/widgets/slidemap.swf" type="application/x-shockwave-flash" quality="high" scale="noscale" salign="l" wmode="transparent" flashvars="cy=h5&il=1&channel=3170534137675403893&site=widget-75.slide.com" style="width:450px;height:425px" name="flashticker" align="middle"/><div style="width:450px;text-align:left;"><a href="http://www.slide.com/pivot?cy=h5&at=un&id=3170534137675403893&map=5" target="_blank"><img src="http://widget-75.slide.com/c1/3170534137675403893/h5_t001_v000_s0un_f00/images/xslide11.gif" border="0" ismap="ismap" /></a> <a href="http://www.slide.com/pivot?cy=h5&at=un&id=3170534137675403893&map=6" target="_blank"><img src="http://widget-75.slide.com/c2/3170534137675403893/h5_t001_v000_s0un_f00/images/xslide6.gif" border="0" ismap="ismap" /></a> <a href="http://www.slide.com/pivot?cy=h5&at=un&id=3170534137675403893&map=H" target="_blank"><img src="http://widget-75.slide.com/c4/3170534137675403893/h5_t001_v000_s0un_f00/images/xslide42.gif" border="0" ismap="ismap" /></a></div></div></TH> <TH><object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,40,0" width="416" height="312" id="mbox_player_309edbb41214e3c3be"><param name="movie" value="http://www.motionbox.com/external/hd_player/type=sd,video_uid=309edbb41214e3c3be" /><param name="allowScriptAccess" value="always" /><param name="allowFullscreen" value="true" /><embed src="http://www.motionbox.com/external/hd_player/type=sd,video_uid=309edbb41214e3c3be" type="application/x-shockwave-flash" pluginspage="http://www.adobe.com/go/getflashplayer" width="416" height="312" allowFullscreen="true" allowScriptAccess="always" name="mbox_player_309edbb41214e3c3be"></embed></object></TH> <TR>ALIGN=middle <TH><object type="application/x-shockwave-flash" width="435" height="270" data="http://www.profileplaylist.net/mc/mp3player_new.swf?config=http%3A%2F%2Fwww.profileplaylist.net%2Fext%2Fpc%2Fconfig_black_noautostart.xml&mywidth=435&myheight=270&playlist_url=http%3A%2F%2Fwww.profileplaylist.net%2Floadplaylist.php%3Fplaylist%3D58484656%26t%3D1233933569"> <param name="bgcolor" value="#e8e8e8"/> <param name="movie" value="http://www.profileplaylist.net/mc/mp3player_new.swf?config=http%3A%2F%2Fwww.profileplaylist.net%2Fext%2Fpc%2Fconfig_black_noautostart.xml&mywidth=435&myheight=270&playlist_url=http%3A%2F%2Fwww.profileplaylist.net%2Floadplaylist.php%3Fplaylist%3D58484656%26t%3D1233933569"/> </object> <br/> <a href="http://www.profileplaylist.net"><img src="http://www.profileplaylist.net/mc/images/create_black.jpg" border="0" alt="Get a playlist!"/></a> <a href="http://www.mysocialgroup.com/standalone/58484656" target="_blank"><img src="http://www.profileplaylist.net/mc/images/launch_black.jpg" border="0" alt="Standalone player"/></a> <a href="http://www.mysocialgroup.com/download/58484656"><img src="http://www.profileplaylist.net/mc/images/get_black.jpg" border="0" alt="Get Ringtones!"/></a> </div></TH> <TH><div><embed src="http://widget-37.slide.com/widgets/slideticker.swf" type="application/x-shockwave-flash" quality="high" scale="noscale" salign="l" wmode="transparent" flashvars="cy=h5&il=1&channel=3170534137675390263&site=widget-37.slide.com" style="width:426px;height:320px" name="flashticker" align="middle"/><div style="width:426px;text-align:left;"><a href="http://www.slide.com/pivot?cy=h5&at=un&id=3170534137675390263&map=1" target="_blank"><img src="http://widget-37.slide.com/p1/3170534137675390263/h5_t000_v000_s0un_f00/images/xslide1.gif" border="0" ismap="ismap" /></a> <a href="http://www.slide.com/pivot?cy=h5&at=un&id=3170534137675390263&map=2" target="_blank"><img src="http://widget-37.slide.com/p2/3170534137675390263/h5_t000_v000_s0un_f00/images/xslide2.gif" border="0" ismap="ismap" /></a> <a href="http://www.slide.com/pivot?cy=h5&at=un&id=3170534137675390263&map=F" target="_blank"><img src="http://widget-37.slide.com/p4/3170534137675390263/h5_t000_v000_s0un_f00/images/xslide42.gif" border="0" ismap="ismap" /></a></div></div> <div style="text-align: center; margin-left: auto; visibility:visible; margin-right: auto; width:450px;"></TH> </TR> <TR> </BODY> </HTML> Hi All, I am building a website that has traditional nested frames. I am staying away from iFrames for search engine purposes. I am having a problem lining up a fixed background and content on both IE and Firefox. I can get everything to line up perfectly in Firefox but then IE misaligns everything. When I try to line it up in IE it still doesn't line up perfectly and then screws it up on Firefox. The style I am using is: body { margin: 0px 0px 0px 0px; background: url(img/content_bg.jpg) top center fixed no-repeat; background-attachment: fixed;} It's being used on this page: http://therestaurantdesigngroup.com/new/main.htm (Look at it in IE and FF, currently it's working in FF only) The entire site with frames is http://therestaurantdesigngroup.com/new/ (Look at it in IE and FF) If you want to look at the source files download them he http://therestaurantdesigngroup.com/new/mbaweb.zip I am not worried about the bottom frame at this time. I want to fix main.htm first. Thanks! Ryan So we're fixing another one of our websites and it seems that when you click on the "home" button in the left frame... it opens up the home page in a new window rather than in the main frame. Ahhh difficulties. I've been thinking it's a target issue, but I can't figure it out where and why. Any help? http://www.carlsonbldgservices.com Thank you! i have uploaded my website. i m facing a problem. my website appears differently in different computers. its like changing alignment, table spreading so so. i used table to develop the site. how can i fix this problem. Can anyone help me? Hi, I've finally created a 2 level CSS menu and I've positioned a DIV layer below it for the content. However, I would like to know how to shift the content DIV layer up, closer to the menu (horizontal one). Or is my coding for the menu causing a problem? Here's my site btw: Click I've been putting my layout into html from photoshop and finally finished, thing is I was using Firefox to view it as I went along. Now when I view it in Internet Explorer, there is this small unexplained space on the right side of my header image that is screwing up the page, plus the table that I have the navigations links on the top left has way more spacing between rows than it does on Firefox. Here's the layout: http://www.ff12guide.com/ the two problems a 1) the empty space to the right of 'header_red.jpg' and 'top-2-shadow.jpg' at the top of the page 2) the links in the 'sections' area at the top-left (characters, combat, etc.) is much more spaced out than it is in Firefox, and does not look right I absolutely cannot figure out how to fix this and it's driving me nuts, anyone have an idea? I'm really stuck here. This has worked in the past, but not it seems to not be working. It must be a really easy fix. HTML Code: <body style="font-family:Georgia;"> <div align="center"> <div id="content"> Lorem ipsum... </div> </div> </body> I want the "content" field to be center aligned, but it is still sitting there on the left. How do I fix this? Thanks! On my website, www.JKRfan.com , the alignment on the layout is a little bit off and I can't figure out why. The problem with the alignment also changes from page to page. Will somebody please help? Thanks, Kristen I am practicing code from a file and I am having issues. Specifically, I the geogebra applet is supposed to be framed in the right side, where the "buttons" are the left. I can't figure out why the file is not on the right side in its own section. Any suggestions? I am attaching the code using a word document... I highlighted what I feel is the problem. Nick Hi, One of my files is calling an iframe inside a single table. The code looks like following iframe.htm ========================================================================== <html> <head> <title> New Document </title> </head> <body topmargin="0" leftmargin="0" style="overflow:auto"> <table cellpadding="0" cellspacing="0" height="100%" width="100%"> <tr> <td><iframe name="parent_iframe" src="frames.htm" frameborder="0" framespacing="0" height="100%" width="100%" scrolling="yes"></iframe></td> </tr> </table> </body> </html> ========================================================================== frames.htm has following code ========================================================================== <html> <head> <title>Denials Management System</title> </head> <frameset rows="50%,*" border="1" bordercolor="black" marginheight="0" marginwidth="0" framespacing="0"> <frame src="frame_top.htm" scrolling="yes" name="topFrame"> <frame src="frame_bottom.htm" scrolling="yes" name="bottomFrame"> </frameset> <body topmargin="0" leftmargin="0" marginheight="0" marginwidth="0"> </body> </html> ========================================================================== Everything works fine. The only problem is resize functionality doesn't work in 'frames.htm'. After trying few options, I have found that if I remove height attribute from table (height="100%") in 'iframe.htm', resize starts working. But, this shrinks the iframe vertically. I have tried all other options but nothing makes the resize working. I am facing this problem with IE7. It works perfect with Mozilla Firefox 2.0. IE7 doesn't produce any error but the resizing simply doesn't work. Can someone help me please ? Thanks in advance. Regards, Sandeep Hi all, my first post... I'm having troubles when i try to add a table after a left aligned table. When i add the second table it goes just at right of the previous table, not at bottom as i want. Example: HTML Code: <table width="60%" border="1" align="left" > <tr> <td> </td> <td> </td> <td> </td> </tr> <tr> <td> </td> <td> </td> <td> </td> </tr> <tr> <td> </td> <td> </td> <td> </td> </tr> </table> <table width="60%" border="1"> <tr> <td> </td> <td> </td> <td> </td> </tr> <tr> <td> </td> <td> </td> <td> </td> </tr> <tr> <td> </td> <td> </td> <td> </td> </tr> </table> Any sugestions about placing the second table at bottom of first one are welcome. |