|
HTML - Browser Problem Newbie
how come i cant get my site to look the same in both browsers,
im setting the margin, so the browser know then it changes between ie and firefox ie renders it how i want www.mynightclubs.co.uk css www.mynightclubs.co.uk/css/main.css Similar Tutorialsfirefox ie what am i missing in the css to make firefox look like ie thanks Hi, I am using a website builder to create a website for a company im setting up. Here is a link - http://www.monk3d.com/browserscompat.html It works great in IE, however in firefox the menu is alligned to the left, and the footers are stretched out slightly. Now I am a TOTAL novice when it comes to building a website (hence why im using a site builder). Any help/ advice would be greatly appreciated and in return I will offer you much love and happiness thanks, Rob Hi, I'm a total newb. I'm trying to help someone build a basic site. The problem I'm having at the moment is that I don't understand why there is a large gap at the bottom of this page underneath the background image? I want the page to only be able to scroll down as far as the bottom of the background image (1200px from the top) Here is the page: http://helenstow-cpsychol.co.uk/about_helen.html Here is the code for the page: <!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"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <!-- TemplateBeginEditable name="doctitle" --> <title>Helen Stow - Chartered Psychologist</title> <!-- TemplateEndEditable --> <!-- TemplateBeginEditable name="head" --> <!-- TemplateEndEditable --> <link href="oneColFixCtr.css" rel="stylesheet" type="text/css" /> <style type="text/css"> <!-- body { background-image: url(images/Background_Image.gif); background-repeat: no-repeat; } --> </style></head> <body class="oneColFixCtr"> <div style="text-align:center; width:896px; margin-left:auto; margin-right:auto;"></div> <div style="text-align:center; width:840px; margin-left:auto; margin-right:auto; height: 1200px;"> <img src="images/Background_Image_Bottom.gif" alt="" width="840" height="352" hspace="1" vspace="628" border="0" align="top center" usemap="#Image-Maps_6201103231219146" id="Image-Maps_6201103231219146" /> <map id="_Image-Maps_6201103231219146" name="Image-Maps_6201103231219146"> <area shape="rect" coords="736,244,818,326" href="mailto:helenstowcpsychol@btinternet.com" alt="Email Me: helenstowcpsychol@btinternet.com" title="Email Me: helenstowcpsychol@btinternet.com" /> <area shape="rect" coords="172,244,290,326" href="http://www.bps.org.uk/" alt="http://www.bps.org.uk/" title="http://www.bps.org.uk/" /> <area shape="rect" coords="34,245,152,327" href="http://www.hpc-uk.org/" alt="http://www.hpc-uk.org/" title="http://www.hpc-uk.org/" /> <area shape="rect" coords="638,7,818,27" href="http://helenstow-cpsychol.co.uk/about_helen.html" alt="About Helen" title="About Helen" /> <area shape="rect" coords="586,47,816,67" href="http://helenstow-cpsychol.co.uk/services.html" alt="Services" title="Services" /> <area shape="rect" coords="526,87,816,107" href="http://helenstow-cpsychol.co.uk/appts_fees.html" alt="Appointments/Fees" title="Appointments/Fees" /> <area shape="rect" coords="475,128,817,148" href="http://helenstow-cpsychol.co.uk/faqs.html" alt="FAQs" title="FAQs" /> <area shape="rect" coords="422,166,816,186" href="http://helenstow-cpsychol.co.uk/links.html" alt="Links" title="Links" /> </map> </div> </body> </html> The other thing that I don't understand (but is of lesser importance) is why the 'image map' section of the page doesn't quite line up (horizontally) with the background image at certain magnifications (100%, 150%) but seems ok at others (125%, 200%)?? Would be really grateful for any help. Best Wishes, Tom Hi Guys. I have to start by saying I am considered a newbie when it comes to html so please bear with me. Here is where I am having the problem: http://www.fbdopewars.com/eddie/print.html As you all can see the images have spaces around them. Now this was all written in notepad so I need specific assitance in the html code. My dillema is 2 things: Why does my page have these horrible gaps between the images even though I THINK I entered it all right? Is there a more efficient way to write the code then what I am currently doing and how compatible is it on cross-browser (This is mostly experimental so I dont mind hacking it up and starting again). Thanks in advance for your time and help! I have been experimenting with a new page setup and I've got a problem I just can't figure out. Anyway, I have an image mapped for navigation on the left-hand side of the page/table. It seems to work fine and everything is fine up to this point. Now I am trying to add another navigational map to the image at the top of my page and when I code it, the map seems to work fine, but either the images or the table gets thrown off and I just can't figure out why it's doing it or how to fix it. The code for the top image map is as follows: <body bgcolor="#000000" text="000000" topmargin="0" leftmargin="0"> <div align="center"> <table border="0" cellpadding="0" cellspacing="0" width="600" height="770"> <tr> <td width="600" height="150" colspan="3"> <img src="http://vance.thebams.org/junk/images/new images/topbg.jpg" usemap="#topmap" border="0"></td> <map id="topmap" name="topmap"> <area shape="rect" coords="51,98,107,119" href="index.html"/> <area shape="rect" coords="121,99,218,119" href="bookkeeping.html"/> <area shape="rect" coords="232,99,357,119" href="payroll.html"/> <area shape="rect" coords="371,99,457,119" href="web.html"/> <area shape="rect" coords="474,98,607,119" href="personal.html"/> <area shape="rect" coords="621,98,710,119" href="contact.html"/> </map> </tr> The page that shows exactly how I want the page to look without the map at the top of the page can be seen here. When I add the image map at the top of the page it ends up looking like this. You'll notice that the area around the pen's tip is off. If anyone has any suggestions as to what I did wrong and how to fix it, I would greatly appreciate it. Thanks, Vance This very simple html is showing differently in IE8 and IE7 and FireFox: HTML Code: <img src="" style="border-style: solid;" alt="No Pic" />
<table style="border-style: solid;">
<tr>
<td>
Model Name
</td>
</tr>
</table>
With IE8 and FireFox 3.013 there is no gap between the img and table, but in IE7 there's a gap???? (although someone else I asked can see the gap in IE8 but not FireFox) Hi all I'm new to html... I'he created one Html Page. Which comtains Frames. It is working fine in Firefox but in IE8 size is increased.. (Looking Like Zoom In) and Border of the Frame is not displaying in IE8. (You can see it in Images) so How to Make it look Similar on all Browser? Please help me to solve this.. hi guys ... i m developing a static web-page using HTML . When i run the page in IE, it works well but it is not supported at the same time by Mozilla . So, where might be a bug in the script? I would like this banner to open in a new browser. I have tried placing target"_blank" in several different places with no luck. Any assistance would be appreciated! <a href="http://worldsluxurywatches.com"><img src="http://img843.imageshack.us/img843/1227/91075540858.jpg" border="0" width="274" height="184" alt="BannerFans.com" /></a> Thanks! Terry Goodnight, i don't know why i can't access to this website : www.moroccantrolls.co and other of my friends do !!!! some of them told me to shutdown adblock ??? plzz Help. I have created a web page which is running acquratey on IE8 but not running acqurately on IE7 or other version. I created a website with google pages http://jlandbirk.googlepages.com/cross It works fine in Explorer but some problems in Firefox. In Firefox the banners are spaced further apart. But when I click on them they grow closer together. Keep in mind google pages has some built in code. Any ideas? Hey guys, I have some questions regarding my recent school project. I'm working on a simple video-interface interaction that I'm having trouble with. http://www.autoquicktrade.com/voto/ However, it only works on firefox. If I use safari/google chrome to view it, it will bounce up and down. Also, how can i make sure my mouse cursor stays in the video so when i scroll it won't make the website scroll too? (I tried Iframe but it doesn't work)* Any ideas on how I can solve this? Please help! Thanks Hello! Please ceck: http://htlounge.net/testing Near to logo is a adsense banner.. 468x60. In IE and Opera is displaying ok! But in Firefox not.. It is a white space! What is the problem! Thank you! I am new to HTML coding. I am trying to create a form, which, automatically submits the form contents and finally automatically close the browser window. But I am not able to get the self form submissions and self window closing. The code that I have written is found below. Kindly advice on how to get it working. Thanks in advance. <html> <body> </form> <p><b>This form submits an HTTP POST request to url '/forms_example/post'</b></p> <form name="form1" form method="POST" action="http://localhost/forms_example/post"> <table> <tr> </tr><tr><td>Name</td><td><input type="Text" name="name" VALUE="roger"></td></tr> <tr><td>Address</td><td><input type="Text" name="address" VALUE="smith"></td></tr> <tr><td>Phone</td><td><input type="Text" name="phone" VALUE="25714988"></td></tr> <tr><td>E-Mail</td><td><input type="Text" name="email" VALUE="roger.smithatgmail.com"></td></tr> <tr><td><input type="Submit" VALUE="submit" > </td></tr> </table> </form> </script> function GO(){ setTimeout("subForm()",0) } function subForm(){ document.form1.submit() } t = null; function closeMe(){ t = setTimeout("self.close()",2000); } </script> </body onload="GO()";"closeMe()"> </html> I'm working on a site which requires a art images to be display centred, and I've been using CSS as much as I can. The content is displayed in a centred div of fixed width, with another div inside it to carry the content. Code: #container {
width: 650px;
position: relative;
/*margin: 0 auto;*/
margin:0 auto;
margin-top: -15px;
margin-bottom: -15px;
padding: 0px;
border: 0px;
background-image:url("images/basiclayoutimages/basicbackground.jpg");
background-repeat: repeat-y;
background-color: #b6463a;
display:block;
z-index: 1;
}
#content {
width: 630px;
position: relative;
margin: 20px;
margin-bottom: 10px;
margin-top: 10px;
padding: none;
border: none;
background-image: url('images/basiclayoutimages/Page Top 2.jpg');
background-repeat: no-repeat;
background-color: transparent;
z-index: 0;
display: block;
}
In Firefox, Internet Explorer, Opera and Konqueror on Windows and Linux the images display perfectly. However, in Mac Firefox, the images are shifting well to the right and refusing to be centred at all. Are there any specific Mac issues with image layout? The css for the images is this: Code: img {
border: 2px solid #1D7155;
/*margin-left: 70px;*/
margin: 15px;
}
img.display {
position: relative;
margin: 0 auto;
text-align:center;
display: block;
}
I've tried setting the old html align=center, along with absolute positioning and a number of other things, to no avail. Are there any tricks I can use to get the thing working? Any tips greatly appreciated. [edit] I should mention that there is a fixed banner of menus across the top of page, absolutely positioned, so the art images are not the only objects on any given page. There is a caption and "previous" "next" links beneath the images too. Hey everyone, Hopefully someone can help me. One of the pages on my website goes all wonky when I view it in a browser, but it looks fine in Dreamweaver. I know the code is correct, and what's weird is that when I right click an image and view its properties, the page straightens out. I think it may be because I'm aligning a lot of the pics left or right as opposed to default, but I really don't want to change the look of the page. If you look he www.lovefresh.com/bath.html you'll see what I mean. I can also post the code if that helps...thanks for any help!! Tara Just like everyone else is seeming to have lately, I am apparently one of those lucky people anyways i am having a problem positioning my whole page between browsers. It works just how i want it in firefox (centered kind of), but in ie6, and ie7 its all scrunched to the left. anyways the link to my site is: http://uberwalla.110mb.com It would be greatly appreciated for some help also help on any other browser there might be problems with would be great. If anyone has safari, netscape and opera i mean. to help me format my template. well thanks a bunch! - uberwalla Im in desperate need of some help ASAP , im a graphic designer and have bitten off a little more than i can chew. This was my first flash site and while i found actually making the site in flash wasnt too difficult im having a BIG problem getting it up and online in working order. the site is BodyBronzeTanning.net PROBLEM 1 : if you vist the link in ie or safari youll see nothing comes up . this is my first problem. whats wrong with my code and why isnt it working . dose anyone have a VERY simple html page for full screen flash with no mailware or virus's they wouldnt mind sharing or could someone just help me get my code running? PROBLEM 2 : The site has been flaged for MAILWARE!?!?!?!?! ... i know i dint put anything i meant to be harmful so why is it flagging me ? i have no clue why my site would have anything harmful. PROBLEM 3 : This is the least important of my problems, i have a AS3 CONTACT form that i bought from flashden that advertised . just drag,drop and change the email on the php....i did so and its still not working if anyone would be willing to take a look and help me with this i would even be willing to pay or trade resources in exchange with help . the link to the .fla and .php is http://rapidshare.com/files/26634912...nning.zip.html |
|||||||