|
HTML - Browser Problems
Hey guys, haven't built a website for a while and when I did build them I didn't really have a clue.
I've built this page which comes up great in safari but Firefox and Ie show jack. What could be the problem? Check: www.goldensparrowstudios.co.uk thanks so much. Similar TutorialsHey guys, today I look on my website on one of my school computers and found that the navigation bar is off alignment again. Please reply to this someone. My website is: northwindappaloosas.com I'm almost done with my new website's main template. Now, the only thing that remains is that my website looks exactly how I want it in IE and total crap in Firefox. I was wondering if anyone could help me out/figure out what's going on. The URL is www.smbmovie.com... Hello, Well ive been having this problem with my website: http://www.ngrock.com When i visit the website using Firefox it looks just perfect but when i use IExploer, the sidebar doesn't seem to work, instead of it being on the LEFT side of the website, parallel to the content. It displays Below the content, aligned left. What can i do to get the sidebar in its place on all browsers. Thank You. Claudio- Often when I need to test a page in a browser the changes I made to the page dont happen because of th browser caching the page. With Chrome I'm able to hit ctrl F5 but with firefox its hit and miss. Regardless I would like to not have to worry about it at all. Is there some sort of solution to this problem? thanks I've been designing this site on a mac, and have tested it on several mac compatible browsers without much trouble. I just tried it on IE and a some things are messed up. http://www.jonniedredge.com First, all my images look really grainy and gross in IE (not just the ones on the home page). Anyone know why that is? Next, on the home page is a .swf file that has a black background, but the background appears white in IE. Also that .swf is in a table cell that should make up just the top corner of that main div, with a height of 50 pixels. But in IE, and FF, this cell takes up about 2/3 the height of the div. Here's my CSS in case that helps: Code: /***************Body, etc.*****************/
body {
background-color: #000000;
font-family: times, serif;
}
#container {
margin: 0 auto;
width: 750px;
padding-bottom: 5px;
/***** for layout development background-color:#FFEEEE; *******/
}
a {
text-decoration: none;
color: inherit;
}
a:visited {
color: #b0b0b5;
}
a:hover {
color: #475890;
}
.blank {
height: 100px;
}
.blank2 {
height: 50px;
}
/***************Bottom Links*****************/
.linksBot {
border: 0px;
background-color: transparent;
color: #c0c0c8;
/***background-color: #CCFF66;****/
}
p.linksBot {
text-align: center;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
}
a.linksBot {
color: #c0c0c8;
text-decoration: underline;
}
a.linksBot:hover {
color: #475890;
}
/***************Banner*****************/
.banner {
padding: 0px;
margin: 0px;
margin-bottom: 75px;
background-color: black;
color: #b0b0b5;
font-size: 20px;
font-family: copperplate, times, serif;
}
td.current {
text-decoration: underline;
}
/***************Home*****************/
#home {
border: 0px;
font-family: copperplate, times, serif;
}
#main {
color: #c0c0c8;
width: 750px;
font-size: 20px;
text-align: center;
outline: 3px solid #222530;
border: 0px;
}
#pno {}
#welccell {
background-color: #444550;
width: 250px;
}
#welcome {
margin: 18px;
color: #d0d0d5;
font-family: times, serif;
font-size: 17px;
text-align: left;
vertical-align: top;
}
/**************Bio*****************/
#headshot {
float: left;
margin-right: 30px;
margin-bottom: 10px;
border: 5px solid #d8d8e0;
}
#bioContainer {
background-color: #6080a2;
color: #d8d8e0;
padding: 20px;
height: 300px;
}
p.bio:first-line {
text-indent: 2em;
}
/***************Audio*****************/
#audioContainer {
margin: auto;
width: 650px;
background-color: #6080a2;
color: #d8d8e0;
padding-bottom: 7px;
padding-top: 7px;
margin-bottom: 75px;
}
.audioClips {
background-color:transparent;
margin:auto;
width: 620px;
}
caption {
font-size: 46px;
line-height: 1;
text-align: left;
font-family: copperplate, serif;
}
.sngDesc {
font-size:13px;
}
.sngDesc:first-line {
font-weight: bold;
width: 300px;
font-size:15px;
}
.sng {
text-align: right;
}
/***************Video*****************/
#vidLeft {
float: left;
width: 225px;
height: 350px;
background-color: #6080a2;
color: #d8d8e0;
margin-bottom: 75px;
}
#vidOutCont {
float: right;
width: 525px;
height: 350px;
background-color: #6080a2;
margin-bottom: 75px;
}
.vidDesc {
font-size: 12px;
margin: 15px;
margin-top: 50px;
}
p.vidDesc:first-line {
font-size: 20px;
}
embed.vid {
margin-left: 22px;
margin-right: 23px;
margin-top: 32px;
}
#vidContainer {
background-color: #333333;
margin:auto;
margin-top: 32px;
width: 480px;
height: 286px;
}
/************Contact*************/
#contactPic {
float: right;
padding: 20px;
}
#contact {
padding: 30px;
height: 280px;
background-color: #6080a2;
color: #d8d8e0;
}
Ideas? This is my first site, so sorry if I'm a little slow with it. Hi Everyone, hoping someone can help me here, i'm totally new to html. i work in digital advertising and project manage web development, but i don't know how to troubleshoot html problems, particularly across browsers. The website in question is www.forbetterorpurse.com I built it using the sitebuilder provided by the hosting company. I have two problems (that i know of anyway haha!) 1. The table to the left has somehow increased in width. I don't think I altered anything but no doubt it's something small 2. if you compare the site from IE to Firefox, the background of part of the content area is yellow compared with grey. It's supposed to be grey. if anyone has any ideas or can point me in the right direction, it'd be greatly appreciated! Thanks I have a music blog on blogger (http://mildtowild.blogspot.com) and I recently found out using browser shots that my site does not look right in IE. (CURSE YOU IE!). I have a lot of code and css, and am not quite sure where to start looking. I do not believe my page is html or xhtml compliant, but I'm pretty sure it's impossible to make any blog from blogspot 100% compliant. I'm pretty sure I have closed all my tags properly and my css is correctly structured. I am just puzzled as to how it can look so perfect in firefox and safari, and then be radically different in all IE versions. I have included screenshots of what it looks like in both browsers, also feel free to view the source on my page, and if any of you have any suggestions as to what to check or try, please be my guest. Thanks for looking! IE: http://img360.imageshack.us/img360/9...be72325hn9.png Firefox & Safari: http://img370.imageshack.us/img370/8250/ffkl6.jpg hi, i've designed a website mainly in photoshop and sliced up and exported the finished images. However after adding headers(<H1>etc) in the main column, when testing the site in Firefox the graphics, flashmovies etc are pushed down the page and now unaligned with the background images by the header text because it is also now starting lower down the page than it did before in Explorer, which basically makes it look crap. The whole thing is working perfectly in Explorer but when opened in Firefox becomes unaligned and unusable. any help most appreciated many thanks this is my page http://web.vtc.edu/users/cjb06271/CI...nal/order.html there are several things I would like to happen. 1. the right collumn background to be where the right collumn should be(so other links in navbar) 2.The test between the roach pictures to be alligned with the top rather than bottom of pictures (so smaller windows can see) 3. When you size the window smaller than the text, a scroll bar appears, and when you scroll the background no longer exists. If I put it on auto the background will only go as far as the text does. 4. (nice but not required)The cocroachs to be alligned to the left and right of the top bar respectively, and the text in the middle. 5. (nice but not required) the right column background image is being cut in half (as does the top one if you size small enough). any way to make the images ignore the collumns? don't worry about the colors I will be changing them soon Hey guys should I be worried about coding my site for the IE 5.x series or should I just concentrate on IE6 and IE7 does anyone know a browser that will only parse and evaluate valid HTML/XHTML based on what the doctype is and ignore invalid HTML/XHTML or generate errors. So if I had a XHTML doctype and my code was: Code: this is a XHTML document <br> this should be a new line I don't want the <br> to parse because I want something to trigger that is it not a valid XHTML tag since it is not closed. Any browser won't really care and just show the new line. I would have to validate it on the w3c website to find my error. So I want a browser that would give me these results based on my example code: Code: this is a XHTML documentthis should be a new line and then some sort of error saying "<br>" on line x is invalid. Hi, I work on a Mac, and have Safari, Internet Explorer 5 and Firefox. 1. What do you think I should be building my sites to? What do you use? 2. Also why do some sites work in all browsers? CSS hacks? Microsoft are no longer letting you download Internet Explorer for the Mac, from microsoft.com. Therefore all new mac users from February last year will not be using Explorer. Please help! Thankyou Tom Hello to everyone, I don't know if this is the appropriate section for sucn an answer...but I didn't know where to put. My question is this: Can anyone provide to me a way so that I will check what browser the user has and load a page according to that information? I want to have Firefox, Opera and Internet Explorer checked. Could someoine help me please? Thanks. Working on it now. Thanks. Hi, started making a website today. And since I'd like every one to see it properly I check both in MIE and FF. For the first time, I see MIE do something better then Mozilla -.- I built my frontpage in table-layout with sliced images. But I get a gap in FF. This does not occur in MIE. Here is my code: Code: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Rebits :: Welcome</title>
<style type="text/css">
<!--
body {text-align:center;}
#nav {list-style:none; word-spacing: 50px; font-family:verdana; text-align:left;}
a:link {text-decoration:none; color:black;}
a:visited {text-decoration:none; color:black;}
a:hover {text-decoration: underline; color:white; background-color:black; }
li {display:inline;}
#copyright {text-align: right;}
#bigkonijn {position: absolute; top:200px; left:240px;}
-->
</style></head>
<body>
<img id="bigkonijn" src="rebit-big.gif" width="300" height="500" alt="rebit-big (15K)" />
<table width="200" border="0" cellspacing="0" cellpadding="0" >
<tr>
<td colspan="2" style="margin:0px; padding:0px;"><img src="header.gif" width="800" height="155" alt="Header" /></td>
</tr>
<tr>
<td colspan="2" style="background-image:url(nav.gif);padding-top:0px; margin-top:0px;">
<ul id="nav">
<li><a href="index.html">Home</a></li>
<li><a href="begin.htm">How-it-started</a></li>
<li><a href="commov.htm">Comics&Movies</a></li>
<li><a href="contact.htm">Contact</a></li>
</ul>
</td>
</tr>
<tr>
<td><img src="left-front.gif" width="414" height="408" /></td>
<td><img src="welcome-right.gif" width="386" height="408" /></td>
</tr>
<tr>
<td colspan="2" id="copyright"><small>(c) Artem</small></td>
</tr>
</table>
</body>
</html>
Any ideas how to fix this in FF. Ps. I think this might be a problem of FF to make own margin-padding, but I don't know where exactly to put 0-values. Hey HTML Forum!! So im gettingr really frustrated with this problem I'm having with this HTML issue. I did all of the coding in dream weaver(Yea by coding I mean drag and drop )Everything looks great opened up in dream weaver. Then when I open it in a browser (IE and Firefox) everything is all chopped up. check this out. First shot is in DW, second shot is opened in IE: What do you guys think? This is only the second website I have done and havnt had much formal training so im kind of flying by the seat of my pants. Thanks in advance!!! EDIT: You can actually go to the home page and see how bad it looks. www.miattconstruction.com the home page isnt AS bad but go to project or contacts and the pages get worse. I was wondering if it was possible to set us a code so that when someone is looking at my site in say Internet Explorer is would direct them to a site that displays the page how I have it set up for IE for them and one say for firefox and say safari. Thank you in advance, I appreciate it! Hi there, I am currently in the process of re-designing my girlfriends dads companies website and he has requested that customers can fill in a form, and when submitted the form gets emailed to his inbox. At the moment his website opens up outlook express, when the form is submitted, using the mailto: function, but he really doesn't like this. Is there any other way of emailing from a browser without any programs popping up? I am open to suggestions on other ideas that may work here if anyone can think of anything. Thanks in advance. Tom Can someone please offer advice related to http://www.telfordsteamrailway.co.uk...dale/index.php the 'Visit our website' link works in IE & Opera but not SAfari / FF/ Google the page validates - I just cant see why it doesnt work Hi - can someone please have a look at this site for me from a PC (pref IE8). My site is pretty basic in respect to xhtml (although I have just converted it into a WP site) but it uses a little jquery - however, all was fine, FF/Safari/Opera - no problem but in IE8 a lot of the styles seemed to have gone a bit mental - I am praying that my parallels on my Mac is being odd but perhaps I need to make some CSS fixes??? Unfortunately I cannot get to a PC in the immediate time... Here is the link ... Thanks Y (also here is a screen shot of the what my mac is showing - the correct styles ) |
|||||||