HTML - Frame Alignment Problem
Hi,
I can usually troubleshoot basic html issues, but don't have much knowledge of frames. The page design is a basic 2-frame horizontal format with body content files that swap in and out from a header menu bar. Both header and body files are centered, and should be visually seamless. The problem is when the main body frame is set to scrolling="yes", the scroll bar in the browser window offsets the center of the frame, and the two frames appear out of alignment. If the main body frame is set to scrolling="no" then they line up properly (but obviously cannot scroll down through the page). You can view the issue he http://www.sequentz.com/menutest/index.htm I would greatly appreciate some help sorting this out, so that the two files align seamlessly and the bottom file can scroll. Thank you. Similar Tutorialsmy site snakes.richscomputers.com loads like i want it to in IE but with firefox and others similar my left frame isn't filled in completely since i added a flash music player. all is fine in ie though. let me kno what i missed Hi. i'm trying to make a simple page for some art work with two frames, well one, really. one is the main frame where the image pops up in when you click on one of the thumbnails in the image map. i want the main frame to be on the left, and the imagemap on the right. i have an example of a page i'm working on, and i can't figure out how to get them where i want them. here it is: <HTML> <HEAD> <TITLE>HOTHEAD CRAFTS</TITLE> <META HTTP-EQUIV="Content-Type" CONTENT="text/html; charset=iso-8859-1"> </HEAD> <BODY BGCOLOR=#FFFFFF text="#000000" link="#99FFFF" alink="#FFFF33" vlink="#FFFF33" LEFTMARGIN=0 TOPMARGIN=0 MARGINWIDTH=0 MARGINHEIGHT=0> <p align="left"> <TABLE WIDTH=300 BORDER=0 CELLPADDING=0 CELLSPACING=0> <TR bgcolor="005CA2"> <TD height="800" align="left" valign="middle" bgcolor="#000000" align="left"> <iframe width="300" height="800" name="bigbanner" scrolling="no" src="bigbanner.html" align="left" frameborder="0"></iframe> </TD> </TR> <!--Scrollable iframe script- By Dynamic Drive--> <!--For full source code and more DHTML scripts, visit http://www.dynamicdrive.com--> <!--This credit MUST stay intact for use--> <iframe id="datamain" src="earringthumbnails.html" width=300 height=800 marginwidth=0 marginheight=0 hspace=0 vspace=0 frameborder=1 scrolling=no></iframe> <layer visibility=hide> <div style="width:300px;" align="right"> <a href="#" onMouseover="scrollspeed=-1" onMouseout="scrollspeed=0"><img src="hothead/arrowup.jpg" height=20 width=20 border=0></a> <a href="#" onMouseover="scrollspeed=1" onMouseout="scrollspeed=0"><img src="hothead/arrowdown.jpg" height=20 width=20 border=0></a> </div> </layer> </font></p> </TR> </TABLE> </center> </BODY> </HTML> thanks for any help you might have!!! Hi, I am using frames, THe HTML file I am using does not seem to navigate away from this page when I click on one of the links contained in the frame eventhough it points to a different HTML file. What, in the frame def makes a particular frame element a master, i.e. always present. There are then sub frames which I would like to appear and dissapear depending on which link is clicked. Any help on this would be great, thanks. the problem i have is i have set up my web page without frames and i only just found out about this.this is the frame settings i want <html> <frameset rows="30%,10%,60%"> <frame src="frame_a.htm"> <frame src="frame_b.htm"> <frameset cols="80%,20%"> <frame src="frame_c.htm"> <frame src="frame_d.htm"> </frameset> </frameset> </html> frame a is for my banner frame b is where i want to links in frame c is for my writting frame c is for another banner/advertising what i want to know is how do i put this frame into it? do i copy my stuff into the each frame if so how will i put it in? This is my site Look at the layout http://uk.geocities.com/leighton24@btopenworld.com/ plz help Hello I am creating a site using frames. Here is the main bit: Code: <frameset rows="10%,*"> <frame src="title.htm"/> <frameset cols="10%,30%,70%"> <frame src="menu.htm"/> <frame src="main.htm" name="mainFrame" /> <frame src="content.htm" name="contentFrame"/> </frameset> I have put a link to' images.html' in my menu and set the target to 'mainFrame'. When I test it, it works fine (the image page opens in the main section). My problem is: I want to be able to click on an image within the main section and view the picture in the contentFrame. I am using dreamweaver, when I open images.html, there is no other targets other than the standard:, _top, _parent etc hi, Im designing site for raid5host.com and forms are generated remotely using iframes. Problem I have is iframe sizing, it looks fine in Firefox but in IE7 (i dont know IE6, dont have it) the iframe box collapses and ignores width and height settings as if its not even there. Im using DW8 to design heres link to collapsing iframes http://raid5host.com/orderraid.html http://raid5host.com/regdomain.html http://raid5host.com/orderdraid.html Tanks in advance, hope someone can shed some light on this. If everyone used Firefox, the world would be so much better! I have HTML codes that applies frames and it: (1) Runs correctly in Firefox. (2) Passes the W3C validation service with zero warnings/errors with the DTD: <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Frameset//EN" "http://www.w3.org/TR/html4/frameset.dtd"> But it does not work in IE. Only the first frame shows up; the rest of the screen is completely blank (gray). I would be most appreciative if someone could explain why not and how to fix it so it does display correctly in IE. Thanks so much. Bill Here's the frameset page: (Sorry, the copy/paste lost my indentation) <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Frameset//EN" "http://www.w3.org/TR/html4/frameset.dtd"> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"> <meta name="Author" content="*****"> <title>rediscoveringthebible</title> </head> <frameset rows="10%,70%,20%"> <frameset cols="100%"> <frame src="header.html"> </frameset> <frameset cols="25%,75%"> <frameset rows="100%"> <frame src="tableofcontents.html"> </frameset> <frameset rows="45%,55%"> <frame src="announcements.html"> <frame src="introduction.html"> </frameset> </frameset> <frameset cols="100%"> <frame src="trailer.html"> </frameset> </frameset> </html> Here's an example of one of the src references: <!doctype html public "-//w3c//dtd html 4.0 transitional//en"> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"> <meta name="Author" content="*****"> <title>header</title> </head> <body background="gradientgreen.jpg"> <img SRC="alphaandomega.jpg" align=left> <center><font color="#0000FF"><b> <font size=+3>Rediscovering the Bible</font> </b></font></center> <center><font color="#0000FF"><b> <font size=+2>A Web Site by *****</font> </b></font></center> </body> </html> hi frds, am speck. am working in software company n write now am working on frames related site. as i dont have much knowledge abt html frames. as this website previously using three frames layout. but as per the instruction i make it two frame index page n while doing this ,i made column n row size to zero for frame that i want to removed. after doing this this website can view perfectly on fire fox but cant see properly on ie. as i dont know abt frame that much i want ur help in this matter. am sending u index page coding . plzzzz help me as i am need !!!!!!!!!! -------------------------------------------------------------- INDEX PAGE --------------------------------------------------------------- <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Frameset//EN" "http://www.w3.org/TR/html4/frameset.dtd"> <head> <title>Konkan Railway Corporation Ltd</title> <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"> </head> <frameset rows="*" frameborder="NO" border="0" framespacing="0"> <frameset cols="0,*" frameborder="NO" border="0" framespacing="0"> <frame src="onenew.htm" name="leftFrame" scrolling="no" noresize> <frameset id="fset" rows="110,*" framespacing="0" frameborder="NO" border="0"> <frameset id="fset" cols="*" framespacing="0" frameborder="NO" border="0"> <frame id="frm1" name="frm1" src="two.html" scrolling="NO" noresize> </frameset> <frameset id="fset" cols="*" framespacing="0" frameborder="NO" border="0"> <frame id="frm2" name="frm2" src="threenew.html" scrolling="auto" target="_self"> </frameset> </frameset> </frameset> </frameset> <noframes><body> </body></noframes> </html> Hi there, I've recently been working the following site http://www.midnightguild.info The theme that im using needed to be expanded which all went fine except for a strange problem with the right side bar which is missing but space for it has been made as you can see the black on the slightly coloured background. I've tried resizing this a number of times and also replacing the image and renaming etc but I cant seem to get the right hand panel to appear. The image file being used is http://www.midnightguild.info/styles...ges/boczki.jpg which should display a right and left panel but only the left is being displayed correctly, im a bit clueless as to why this may be happening. My CSS for this image frame is as follows: #wrap { padding: 0 0px; min-width: 650px; width: 1050px; margin: 0 auto; background-image: url({T_THEME_PATH}/images/boczki.jpg); background-color: #000000; } Thanks, Mike I'm working with frames www.culturelounge.com and the title is correct in my html code on all pages of the site. When I load the url in internet explorer, the title shows up fine. When I load the url into Mozilla Firefox, the title shows up as "untitled document" Does anyone know what might be going on here? Hello, I am having a problem with frame targeting in safari. The problem page: http://www.danshamptons.com/insider_guide/summer10/ Click "arts & attractions" on left Click "amagansett" Click "the art barge" (pulls up a dummy listing) Now click "amagansett" again. The page opens in a new browser window, instead of the frame "listingcontent" as it did when it was first clicked. This only is happening with Safari. Can anyone tell me what is happening here, and what a solution might be ? Thanks, Colin I used the following code in Firefox-3.0.4 (Full Screen mode) . I have two vertical frames (Video and messenger). In the video frame VLC playing on top of the video frame (Not embedded into HTML). The Video is playing correctly, except sometimes only "a black color background" comig, not always (Within the video frame, vertically left-half/right-half/Full of the frame is black color background) is appearing between VLC-video and Frame. Since I have positioned the video (top:8px; left:57px), I can noticed when above taken place. Actually, in my application VLC is independent of Firefox/HTML.l So I want to avoid the black-color background. I dont want the black color background. Actually, this is happening when skin changes, the code attached is currently having skin_10 (for resolution 1024x768). Similarly changing skin_1 for the same resolution, but cols, and rows only changing. ie. frame size is changing for different skins. (Every skins having different rows and cols) I attached 5 images, 1. bg_skin_1024_768.jpg =>skin background image 2. sample.jpg => a sample required output image. 3.sample_left_black.jpg => Error with left side black background 3.sample_right_black.jpg => Error with right side black background 3.sample_full_black.jpg => Error with full black background Please can anybody know about this issue me? thanks Kanesh <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <HTML> <head> <meta http-equiv="Cache-Control" content="no-cache"> <meta http-equiv="Expires" content="0"> <meta http-equiv="Pragma" content="no-cache"> </head> <frameset rows="0,*" cols="*" style="background-color:#ffffff;" frameborder="NO" border="0" framespacing="0" > <frame src="121term_ctrl.php" style="background-color:#ffffff;" name="control" scrolling="NO" framespacing="0" noresize="noresize" > <frameset style="background-image:url('./skin/skin_10/images/1024_768/bg_skin_1024_768.jpg'); background-repeat:no-repeat;" cols="704,*" margin-height="0" frameborder="no" border="0" framespacing="0" noresize="noresize"> <frame transparency="true" src="vp/play_video.php?width=704&height=658&top=57&left=8" frameborder="0" margin-height="0" scrolling="no" name="video" noresize="noresize"> <frame transparency="true" src="./skin/skin_10/messenger.php?width=320&height=768&top=200&left=20" frameborder="0" margin-height="0" scrolling="no" name="messenger" noresize="noresize"> </frameset> </frameset> <noframes> </noframes> </HTML> 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 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 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'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! 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 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? 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? |