|
HTML - Frameset Firefox Compatible
Hello, I am trying to write a piece of HTML for my web page. It is used to display a blog on a web page but in a frame, the only problem is that at the moment it only works in IE. Could someone help me make this universal or working in FF as well?
HTML Code: <HTML> <HEAD> <TITLE>ZenBanners</TITLE> </HEAD> <FRAMESET> <FRAME src="http://ZenBanners.BlogSpot.com/"> </FRAMESET> </HTML> Similar Tutorialshi please check my site www.yourdesign.org and please could somebody tell me how i can stop it going all weird in IE, it looks fine in firefox cheers guys n gals site works great in Safari, looks fine in Firefox, but the header and footer don't show in Internet Explorer! Any suggestions? Here is the website: www.czechcpa.com refer to new post Hi my html and css that i have coded is only valid in opera and does not run as it is meant to in firefox and safari. Can anyone help me fix it. The text input box is what is broken. here is the html: Code: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html> <head> <meta http-equiv="content-type" content="text/html; charset=iso-8859-1" /> <meta name="author" content="Husain Abdullah Al - Zabir" /> <title>WebSnips</title> <link rel="stylesheet" type="text/css" href="styles/main.css" media="all" /> <link rel="stylesheet" type="text/css" href="styles/rounded_corner.css" media="all" /> <link rel="stylesheet" type="text/css" href="styles/bottom_menu.css" media="all" /> </head> <body> <center> <div class="box"> <b class="tc"> <b class="L1"></b> <b class="L2"></b> <b class="L3"></b> </b> <div class="content"> <div class="box" style="width:100%;"> <b class="tc"> <b class="L1"></b> <b class="L2" style="background-color:#333333;"></b> <b class="L3" style="background-color:#333333;"></b> </b> <div class="content" style="background-color:#333333;"> <div style="width:630px; padding-top:10px;"> <div style="float:left; background-image:url(images/http.jpg); background-position:center; background-repeat:no-repeat; width:95px; height:40px;"> </div> <div style="float:left;"> <input style="height:28px; border:none; font-family:verdana; font-size:21px; color:#7d7d7d; padding-top:6px; padding-bottom:6px;" type="text" size="35" /> </div> <div style="float:left;"> <input type="image" value="submit" src="images/submit-button.jpg" /> </div> </div> <div style="clear:both; height:30px;"> </div> </div> <b class="bc"> <b class="L3"></b> <b class="L2"></b> <b class="L1"></b> </b> </div> </center> </body> </html> here is the css: Code: #logo
{
width: 317px;
height: 40px;
/*background-image: url(../images/logo.gif);*/
background-image: url(../images/logo.jpg);
background-position: center;
background-repeat: no-repeat;
}
#logo-holder
{
padding: 20px;
}
#footer-logo
{
width: 609px;
height: 40px;
/*background-image: url(../images/footer-logo.gif);*/
background-image: url(../images/footer-logo.jpg);
background-position: center;
background-repeat: no-repeat;
}
#footer-logo-holder
{
padding: 5px;
}
#instruction
{
border-left:solid 4px #98CB00;
padding-left:5px;
font-family:verdana;
font-size:17px;
font-weight: normal;
color:white;
text-align:left;
width:623px;
}
#instruction-holder
{
padding-top: 20px;
padding-bottom: 20px;
}
.separator
{
width:10px;
background-image: url(../images/separator.jpg);
background-position: bottom;
background-repeat: no-repeat;
float: left;
height:180px;
}
.urls
{
font-family: verdana;
font-size: 12px;
color: #7d7d7d;
height:180px;
font-weight: bold;
line-height: 20px;
width:203px;
clear:both;
padding-top: 20px;
}
.snips_name
{
font-family: verdana;
font-size: 21px;
color: #FFFFFF;
text-align: left;
}
#top_snips
{
width:31px;
height:38px;
background-image: url(../images/top_snips.jpg);
background-position: top;
background-repeat: no-repeat;
margin-right: 5px;
float: left;
}
#latest_snips
{
width:38px;
height:38px;
background-image: url(../images/latest_snips.jpg);
background-position: center;
background-repeat: no-repeat;
margin-right: 5px;
float: left;
}
#partners
{
width:53px;
height:38px;
background-image: url(../images/partners.jpg);
background-position: top;
background-repeat: no-repeat;
margin-right: 5px;
float: left;
}
Can anyone help fix this? Thanks Hi there. So I don't need it for 800x600, only the sizes over 1024x768. Basically I made this template which I need to be able to be re-sized when in your browser. I thought I did this right, however I forgot about other resolutions other than 1024x768. When in higher res, the tables break a little and from what I can make out just get a little larger. What I can't work out is how to make them all work properly most large resolutions? Link to the template is he http://www.ruthlessintent.com/penguins/ Hi i was wondering if anyone can help me with making my page compatible with older browsers IE7+. My page is www.marksbodyshop.org The css is: Code: html,body {
height:100%;
margin:0;
background-color:#000;
background-image:url(../images/firstpage.gif),
url(../images/firstpage-backup-for-safari.gif); /* required by Safari */
background-size:100% 100%;
}
#container {
height:73%;
background-image:url(../images/update.png);
background-size:100% 100%;
}
#nav {
position:absolute;
padding:0;
margin:0;
list-style-type:none;
height:7%;
width:57%;
top:20%;
left:20%;
z-index:1;
}
#nav li {
width:16%;
margin:1%;
height:100%;
}
#nav a {
display:block;
width:100%;
height:100%;
outline:none;
text-indent:-9999px;
background-size:100% 300%;
}
#about {background-image:url(../images/aboutus.png);}
#about1 {background-image:url(../images/contactus.png);}
#about2 {background-image:url(../images/freelunch.png);}
#about3 {background-image:url(../images/map.png);}
#about4 {background-image:url(../images/meettheteambutton.png);}
#nav a:hover {background-position:0 -100%;}
#nav a:active {background-position:0 -200%;}
Sorry, extreme html novice alert! I created a very simple frameset based website on dreamweaver, please look at it he www.desmondandthetutus.co.za The links all load the relevent sites in the mainframe, except the myspace link - the myspace link just clicks through to the site. Anyone got any idea why this happens? Or how I could try fix it? i'm wondering if someone can tell me why this coding is returning a blank page in firefox and opera 9.5: <html> <title> </title> <head> </head> <body> <frameset cols="25%,75%"> <frame src="file.html"> <frame src="file2.html"> </frameset> </body> </html> both files exist and are in the same location as this file, but the frame tag seems to negate all other html on the page, when i enter it nothing shows up but a white page even if there is other valid code on the page!! Hi there, I have to create Balochi Language Dictonary. For this I have 23 Alphabates and 800 pages. Via dreamweaver I hv created a frameset contains three frames. TOP Frame contains page numbers Right Frame contains ALPHABATES MainFrame will have to display scanned pages according to alphabate and relavent page numbers. The procedure should be as follows: When visitor click on alphabate from right frame, top frame should have to display series of page # (1 to 31) and content of first page should be display within mainFrame. as visitor click on page no 2, mainFrame will have to display content of PAGE#2 and so on. as visitor click on next alphabate TOP FRAME should have to change series of page numbers now it should have to display (page no 32 to 80) I am confused how to manage this. Thanks in advance for your prompt response. With regards Raji hi i have a frameset and where the two frames come togeather there is an ugly white border. can anybody please give me a css code to either set the border width to 0px or to color it to my background color? thanks in advance - example: http://wastedtime.co.nr How do I make my frameset a fixed size... you can change the leftnav and topnav size within the browser.. is there a day to set a default size.. take a look http://www.pfrieme-stumpe.de/ thx in advance Matt The following page uses a frameset... http://www.superpagerank.info/manual...submission.php The links on the top left frame opens up in the middle main frame. Works as it should in FF. However, in IE once you click one link it won't let you click another. No clue why this is. I've used framesets before and I have never had this problem. A webpage I am working on http://www.pfrieme-stumpe.de/ I want to change the framesets border either to a set value or a smaller value.. I have no idea where to change this in the code... any ideas? Thx Matt We have a website that was built using a frameset with the header at the top, the navigation on the left and content on the right. It was optimized for 1024x768 viewing. My question is that it displays on the left side of the wider monitors like mine and I was wondering if it is possible to center the entire frameset so that it would be balanced on each side regardless of the viewing monitor. I can get the top frame to center but have had no luck with the left and right frames. hi there, I have a question regarding a Frameset and link between the frames - I wonder if it is something that can be solved with some CSS or is the design flawed because of the nature of a Frameset...... I'm a Designer but a relative novice to coding/XHTML/CSS I designed this page as I have no knowledge of Javascript/Ajax but have encountered a flaw and wondered if anyone could offer some help (very much appreciated)..... Ok here's the link: http://kierankelly.net/dansitebuild/...rameset00.html the problem arises when for example you click on "Graphics" and then view "02" in the menu, this will activate a page in the "main frame" then if I change the category to "identity" it changes the top frame but the "main frame" which I want to change back a blank page remains the same "02" page - this basically mean the structure of the site is knackered? or is the trick to assign a Div tag to link to launch x2 <a hrefs> at the same time? and thus refresh both frames? I know this is not a strict CSS question - but I've had some good help on here beforre so I thought I'd give it a shot, thanks for your time kie the thing i'm trying to do is creating a frameset with 2 rows and 2 columns,but i don't want the first row to be divided in 2 columns. On the first row i have a single menu so i really don't need that second column.And i don't know how to get rid of it. Framesets are the best way that i can create my pages with because using tables or divs really makes further layout developing extremely annoing. Hai, I have now a iframe on my page, that is connected to a frameset and that frameset i connected to my content. The reason that i have a frame in my iframe is because i coundt get around it because i would mess up my template. So i dont want to change this. The problem i am having know is that i want to resize my iframe according to its content. I have found a lott of scripts that do this but i dont think that this is possible because of the frameset that are located in my iframe. My iframe: Code: <iframe name="iframe" id="iframe" src="frame.html" frameborder="1" height="780" width="765">Your browser does not support inline frames or is currently configured not to display inline frames.</iframe> My frameset: Code: <html> <head> <frameset border="1" cols="40%,60%"scrolling="no"> <frame name="menu" src="menu.html" scrolling="no"> <frame name="content" src="" scrolling="no"> </frameset> </head> </html> Code: <frame name="content" src="" scrolling="no"> Is left empty because on this right side if have a menu and on the left side comes the content when you click on the menu. Everything works fine and i have no errors. I only want to know how i can make the iframe resize according to its content with the problem i have now. Thanks in advancee Okay, so im working on a new website for my clan, and I had the crazy idea of doing it in a frameset fashion, however I've never done anything like this before. Any help, would be greatly appreciated. If this is unsuccessful or impossible that is okay. frame 1 is the navbar frame 2 is page's context frame 3 is ads for clan frame 4 is copyright Thanks! so i have these 3 files, frame.html, menu.html, and page.html frame.html sets up the frameset with menu.html on the left side and page.html on the right side. the page is very large and scrolls and has a bunch of named anchors in it, and the menu doesn't scroll so its always visible no matter where on the page you are. so u probably get the idea by now. normally if i want to have an anchor link in the page i would just say href="#anchorname", but instead i want to have links in the menu frame jump to anchors in the page frame, so that someone could browse the page very easily without having to scroll all the way back to the top for all the anchor links. is that possible, and how would i do it? I want to remove the space between the top frame and the main frame, but the div on the main frame doesn't start on the top of the frame... http://black1c3.awardspace.com how can i do it?? |
|||||||