|
HTML - Html Help Chrome To Ie Fail
I am a beginner and I used blogger in Chrome to create a blog. When I checked how it looked in IE it was horrible. The banners and some images did not move over correctly which I have hosted on photobucket. Can somebody look at my code and help me format it to IE.
Similar TutorialsHi Everyone, Please refer to attached test.zip. Open a.htm, tested under IE, Safari, Firefox no problem, but ONLY google chrome fail, seems cannot use call parent javascript function under the child iframe. Please advice. Thanks Greetings, If you access the following website http://www.chrisnieratko.com/ in IE / Firefox, you can view the site perfectly. However, with Chrome / Safari, you can't. You just see a bunch of code with ascii question marks. I know it's missing the doctype declaration, but is it the question marks that make it not visible for those browsers? (Chrome / Safari) When the site's pages are opened in notepad, textpad and notepad++, the question marks aren't there... so how do you eliminate them? Does anybody know of another editor that will view / edit these? Does anybody know if that's even the problem? How did they just appear out of nowhere? Most importantly; How would YOU fix this problem in the easiest way possible? (I'm guessing a certain type of text editor with a search function, then search / eliminate them and re-save the file?) Any help is MUCH appreciated! Thank you so much in advance for your time! Hi everyone, I have been working on a website here www.ds-installations.co.uk/examples.html. I am nearing the end of design/development but I have a weird display bug in Chrome and Safari. For some reason, the content displays off to the right of the main page? I have checked all the code through the W3C CSS and HTML validators and it all seems fine. I have tested in IE6+, FF and Opera which seem to work fine? I would really appreciate any help on this, I have been looking and tweaking for hours to try and fix it and I can't see anything obvious? Thanks very much in advance for any help! Dan Hello guys, I really need your help in sorting this out. This html file, http://www.koicolors.net/check-this-out/learn.html is damaged when viewed using Mozilla Firefox but not in Google Chrome and Internet Explorer. If anyone has managed to conquer this one, I would appreciate some instructions and suggestions. Thanks, magiclouie Hi, can someone please help me with this? In preview in dreamweaver it looks ok but in some browsers its horrible. When I turn the compatibility View on its not ok, bur if I turn it on its fine. Hi Folks, Before I submit code, of which there is a great deal, I was wondering if someone could help me understand a little problem with buttons. My setup is this: 1) A drop-down menu triggers the creation of the form associated with the selection. 2) On that form are three radio buttons which open another form depending on the selection. Sounds simple enough but once the form is opened via radio button you can't click on them until you re-select the same option from the drop-down menu. My objects are set up as follows: Main document - Main form - DD menu - Text field - Sub-form - 3 radio buttons - Sub-form MK2 - Buttons, text fields and labels oh my My thought process is I have a main form object which has a child (Sub-form) and its child has a child (Sub-form MK2). What's even more confusing is when I print out the status of any of the radio buttons it says they are enabled... I just can't interact with them. If you need code I can provide but it is somewhat long. Thanks for your help! i run a couple of norwegian webshops, and they all use the same backend, developed by myself. however im not using any kind of subversion system, and this sucks right now. check this link to one of my product-pages in your regular browser (not IE. i presume you use chrome or firefox) http://iphonedeksler.no/iphone-og-ip...0mah-sort.html then test it in IE, it looks like a complete mess, and its not possible to use the site at all. i recently made it W3C validated, but i think this error came after that. can anyone see what in the name of the lord is wrong in internet explorer?! I have a parent div=body, and four child div's=sidebar (dark gray), spacer1, content (white), and spacer2. Those are not the backgrounds of the individual div's. I'm using a faux columns method of taking the parent's bg and y-repeating it. You can see the problem below. This works in IE6, but not in Firefox. This would lead me to assume there's a problem in my coding, but the way FF is displaying it...it's like firefox is placing it in a different column just to peeve me off. In IE6 (perfect): In FF (looks like script was placed in spacer1 column--padding:10 for content div) I noticed it repeated correctly for the first div, but it's like it started over with the spacer1 div and doesn't even repeat down: Here is the code: Code: <!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=iso-8859-1" />
<title>DCS College Football Ratings and College Football News</title>
<link rel="stylesheet" href="css/jd.gallery.css" type="text/css" media="screen" />
<script src="scripts/mootools.v1.11.js" type="text/javascript"></script>
<script src="scripts/jd.gallery.js" type="text/javascript"></script>
</head>
<body background="images/bg.png">
<div id="container" style=" width:785px; background:inherit; height:auto; margin:0 auto;">
<div id="header" style="background:url('images/layout_01.png'); width:785px; height:121px;"></div>
<div id="navbar" style="background:url('images/layout_02.png'); width:758px; height:26px; padding-top:9px; padding-left:27px; clear:both;">
<font color="#cecece" face="Verdana" size="2"><b>»Home »The D-Report »DCS Ratings »Custom Helmets »About the DCS</b></font></div>
<div id="subheader" style="background:url('images/layout_03.png'); width:785px; height:49px; clear:both;"></div>
<div id="body" style="background:url('images/contentbg.png'); width:785px; height:auto; float:left;">
<div id="sidebar" style="background:inherit; width:260px; padding:10px; height:auto; float:left; ">
<font face="verdana" color="#cecece" size="3"><b>The D-Report</b></font><br><font face="verdana" color="white" size="1"><b>Info about the most current DCS news article here. More typing going on to fill up some more space, ya know what I mean?</b></font><br><br><br><br><font face="verdana" color="#cecece" size="3"><b>DCS Ratings</b></font><br><font face="verdana" color="white" size="1"><b>Info about the most current DCS ratings update here. More typing going on to fill up some more space, ya know what I mean?</b></font><br><br><br><br><font face="verdana" color="#cecece" size="3"><b>Custom Helmets</b></font><br><font face="verdana" color="white" size="1"><b>Info about the most current custom helmet here. More typing going on to fill up some more space, ya know what I mean?</b></font></div>
<div id="spacer1" style="background:inherit; width:17px; height:auto; float:left; "></div>
<div id="content" style="background:inherit; width:440px; padding:10px; height:auto; float:left;">
<div id="myGallery" style="width: 438px !important;
height: 250px !important;" ><script type="text/javascript">
function startGallery() {
var myGallery = new gallery($('myGallery'), {
timed: true,
showArrows: false,
showCarousel: false
});
}
window.addEvent('domready', startGallery);
</script>
<div class="imageElement">
<h3>Item 1 Title</h3>
<p>Item 1 Description</p>
<a href="mypage1.html" title="open image" class="open"></a>
<img src="images/brugges2006/1.jpg" class="full" />
<img src="images/brugges2006/1-mini.jpg" class="thumbnail" />
</div>
<div class="imageElement">
<h3>Item 2 Title</h3>
<p>Item 2 Description</p>
<a href="mypage2.html" title="open image" class="open"></a>
<img src="images/brugges2006/2.jpg" class="full" />
<img src="images/brugges2006/2-mini.jpg" class="thumbnail" />
</div>
</div></div>
<div id="spacer2" style="background:inherit; width:28px; height:auto; float:left; "></div>
</div>
<div id="footer" style="background:black; width:785px; height:86px; clear:both">
<div id="contentfooter" style="background:url('images/layout_10.png'); width:460px; height:52px; margin-left:297px;"></div>
</div>
</div>
</body>
</html>
Could it have something to do with the image scripting? My website used to work properly but now, the portion that lets people travel into the different portion of the site does not appear anymore on Internet Explorer 8.0.7600? When editing with my PHP tool, it works. When using Google Chrome it works also. Therefore, I would say it is a technicality between the version of Explorer. Where or how can I check this. www.automatisationajp.com Thank you in advance for your help. stay1001 Hello everyone, I need some knowledge, and if possible some code(!) which will enable my website to function correctly in Google Chrome. I already have code in place for IE browsers but upon inspection of our customers most used browsers Chrome has come up in second place (35%) and I need to make sure it works as it should! The problem, and its just a little one, is that ONE of my pictures floats over my search bar (floats left when it should be middle) If you have google chrome, take a look: http://www.alternativeroutefinance.co.uk/vehicles - naturally you can view the source and see if you can come up with something to help me out! Does anyone have any advice to offer? many thanks hi, my site logodepot.co.uk has a javascript slideshow at the top right of the page, this does not show in google chrome however? any ideas? thanks I have made the usual searches but none of the information I found about Chrome positioning bugs seems to apply to this problem. I am using an absolutely defined div within a relatively defined div to position a marker box over sequential navigation bar graphics. The divs are defined in the CSS file, and then a single style line defines the box top margin in each page file. This works perfectly in FF and IE, but under Chrome the box position slowly creeps downward, by about 2 percent of the top distance, until the lowest instance is well off center. Can I fix this without going to browser-specific code? The page is temporarily he http://www.nitropress.com/CLIENT_TES...Pono/index.php And the relevant code is: Code: #navbar {
float: left;
width: 200px;
max-width: 200px;
position: relative;
padding: 9px 0 0 0;
}
#navbar img {
margin: 0 0 20px 0;
padding: 0;
}
#navbar .markbox {
position: absolute;
min-width: 200px;
max-width: 200px;
height: 30px;
border-top: 2px solid #c99;
border-bottom: 2px solid #c99;
z-index: -5;
}
...with lines like this in each page file to position the marker box vertically: Code: <style>.markbox {top: 3px;}</style>
Hi! this is really weird. I build a simple page with a table with a background picture. In Explorer it's all good but in Chrome & Firefox, you cant see the background picture of the table. help please? thanks Jeni What's wrong? When you look at the main page, everything looks fine in all browsers. But when you go to one of the pages where the main page is longer than the menu, like this page, the menu gets "stretched" in IE... But not in FF or Chrome. I've searched and searched in my HTML codes, and tried all I can think of, but nothing solves the problem. I just can't find the error. I hope someone can look at the HTML codes and help me Hello my name is hency m new to html and css i just made one website and its working fine in IE and firefox. but when i tried in opera and chrome , it didnt work all margins were messed up. here is my website add: http://hencyparmar.byethost8.com/ i hope to get reply soon u can mail me at hencyp@gmail.com thanks Hi, I've spoiled my eyes searching what's wrong with my code: IE 8 works ok with links, Chrome and Firefox shows links only as text. Can someone with brighter eyes & brains tell me what went wrong? Here is the code: _____________________________________________________ HTML Code: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
_____________________________________________________
CSS:
_________________________________________________
a, a:link { text-decoration: none; color: #fff; }
a:visited { text-decoration: none }
a:active { text-decoration: none }
a:hover { font-size: 24px }
#navigation ul {
padding: 24px 0px;
}
#navigation ul li {
margin: 0;
list-style-type: none;
}
#navigation {
font-size: 20px;
font-weight: bold;
float: left;
text-align: center;
width: 199px;
}
#navigation .center {
background: url('images/navi-backgr.png') repeat-y top left;
}
____________________________________________________________
xHTML:
____________________________________________
<div id="navigation">
<div class="center">
<ul>
<li style="color: #feffd8; font-size: 5">Thispage</li>
<li> <a href="another.html">Anotherpage</a></li>
<li> <a href="third.html">Thirdpage</a></li>
<li> <a href="fourth.html">Fourthpage</a></li>
<li> <a href="last.html">Lastpage</a></li>
</ul>
</div>
</div> <!-- /navigation -->
____________________ tnx, Lug. Hello All, My site is loading everything correctly with IE but in Firefox and Google Chrome it looks like butt. I have a checker and it says there are a bunch of errors but I have no idea how to fix them. Can anyone help me? Thank you. www.canapictures.com So im on my way in building this gallery. Pleas look at it here. The problem is with IE (big suprise) In some weird way it wont place the pictures inside the designated place. AND .. i REALLY cant explain this one error, the first picture of the gallery.. and only the first one, IE displays is in a TILTED way?? I was like, huh??? Chrome and FF displaythe page in exactly the same way. The page isnt finished yet but on its way, I would like to see IE respond in a normal way for once.. thanks for reading! Hi, I made a sliced up header in Photoshop and then created rollovers in dreamweaver. It works great on IE and on Firefox, but at the top of Chrome the top few pixels are shifted way to the left. Why would this happen just in Chrome and how can I fix it? The site is http://www.socalstandup.com/ Thanks a lot! |
|||||||