HTML - Ie Vs. Ff Display Issues
Firefox looks fine. Internet Explorer looks rather dumb.
1. Alignment is off 2. One of the links doesn't work 3. Within the site, the main content box adjusts itself according to text (please click reddish image to see) Does anyone know how I can fix this? (I'm sure many people have had this problem. I suppose I could use image map on the main page- that would solve #1 & 2. But I'm at a loss about #3.) Thank you very, very much! http://www.geocities.com/rk.grant/ Similar TutorialsSo I'm not completely new to html website design, but I am building a site and was just going to throw up a banner and some text saying coming soon. So the text displays fine. But I cannot for the life of me figure out how to get the images to display. I have checked and double checked the source code and it should be fine. I manually logged into my ftp and the file is in the directory so it shouldn't be an issue of not being able to find it. Can I get any help at all? Here is the link: http://www.huntlink.net my code is as follows: <!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" /> <title>Untitled Document</title> </head> <body> <table width="800" border="0" align="center"> <tr> <td><img src="images/mainbanner.png" width="800" height="150" /></td> </tr> <tr> <td align="center"><h2>Coming Soon!</h2></td> </tr> </table> </body> </html> Any help would be great. I don't know why the image isn't displaying. It works when I preview it in dreamweaver also. I modified text on a web page yesterday for a client and added an image to it as well. I simply copied existing code that was to be commented out, modified the text and image file name, commented out the previous code and then uploaded the file, via FTP, to the server. On my machine it looks terrible when I go to the client website and access the page via their link. All of the horizontal lines are at the top instead of between sections as it should be. However, if I just double click the HTML file directly it opens fine. It also opens fine on a co-workers machine regardless of how he does it. The client sees it fine too. I have not been able to find a reason why this is happening and I went back through the code twice more, redoing my work, to make sure I was not commenting something out that shouldn't be. I use I/E 8 and my co-worked uses I/E 6. I don't know about the client but since I can see it fine when I double-click the file itself I don't think that is the issue. Any assistance would be greatly appreciated as we do updates for this client pretty regularly. Thanks, Doug Hey guys. Having some issues on both my website and one I did for my Brother, the images not aligning properly. Both are fine in Firefox, but not in IE. www.michaelsingleton.co.uk www.ucba.co.uk If anyone would be so kind as to have a look over the code, it would be much appreciated! Thanks Mike. One of the pages on my website shows up differently in Firefox than it does in other web browsers. Here is what it looks like in the following browsers. Google Chrome, Safari: Firefox: One of the most noticeable problems is that in Firefox, the form's submit button is missing. If you would like to look at the html code, the url is Nmacro.com/Contact.html. Also, I used iWeb to create my website. Thanks so much. Hi guys, I've been working on a website for a friend for a while now and thought I had it complete. That was until I opened it with IE! Things don't look right in IE - and also IE crashes when some pages are loaded. Any chance you could look at this page: http://www.flatvision.name/de/index.php in both IE & Firefox and offer some advice as to why it does what it does? Thanks very much - help and advice much appreciated. ! Leigh Hi guyz, i have a query Mouse over the datagrid cell display tooltip or panel to display information but only using HTML and CSS not using javascript. can anyone help me. because im gonna use it on htmleditor on c# desktop application thax before Alright, so I have this site on which I need a certain part of the site (the content part where the main text bit is) to extend down to the bottom (and preferably no longer), so that if the window is smaller or bigger the text will still just go all the way down to the bottom of the page, and when the text is further down that div will have a scrollbar so you can scroll through the text. The main issue is making it so the end of the div is always on the bottom of the page. (I've tried height=100% on that div but then it just goes below the bottom for some reason.) This is the site. And here's the code: Code: CSS: div.main { position: absolute; top: 181px; left: 110px; width: 510px; height: 1500px; background: url("images/Content Box Bit.png"); } div.news { position: absolute; top: 25px; left: 15px; width: 494px; height: 372px; overflow-x: hidden; overflow-y: auto; } Code: HTML: <div class="main"> <img src="images/News and Updates.png"><div class="news"> <span class="f4"><?php include('sitemapbase.php'); ?></span></div> </div> The reason the height of main=1500px is that that's not gonna be scrollable anyway, and I just added a random value to assure that went to the bottom no matter what. Thanks for any help. Wasn't really sure where to put this, sorry if it's the wrong place.. EDIT: Just encountered an additional issue, being that the navigation menus (to the left) look off in IE. The background seems not to start where the div starts. Suggestions? http://www.farewell-travel.com/newsl...rch2012_2.html Why does this look like crap in Internet Explorer? (Specifically talking about the "Highlights" box) It looks fine in firefox but not on IE. I've tried everything to fix it, I don't know what to do! The width dimensions for some reason are way off. It bloats up to 272px when it should be 200px! Please help! Thanks -Please note this is an e-mail newsletter, that is the reason I'm using tables! Right then... Problem is, uploaded website, thought that it was ok, checked in Firefox, Safari and even icab... did not check IE (rookie) and did IE have problems? Of course. Basically Some of pics are not showing up - mainly in the shop and one or two on the main pages. I cannot work out how to fix, def not broken links, really boring I know, but can anyone help? Link to site: http://www.thefrenchpantry.co.uk much appreciated... I have a page I created in dream weaver. It displays fine in IE7, but in IE6 it does not. Here is a link to the page: Problem Page If anyone has any ideas, I'd really appreciate it. I'm experiencing an issue when using DIVs in DIVs.. I have a container-DIV and a content-DIV, and I would like the container-DIV to stretch vertically as necessary based on how much content is in the content-DIV. Code: <html> <header> <style type="text/css"> #divContainer{ position:absolute; top:10px; left:10px; height:100%; width:200px; background-color:#CCC; } #divContent{ position:absolute; top:10px; left:10px width:180px; background:color:#BBB; } </style> </header> <body> <div id="divContainer"> <div id="divContent"> <!-- Fill me with content --> </div> </div> </body> </html> This is basically the code I'm using... whenever the content amount pushes the divContent lower than the bottom of the divContainer, it just overflows out and down the page. What am I doing wrong? Edit: OOPS I set height to 100px on the divContainer, it was supposed to be 100% Arg... IE is bugging me as usual.... Now I've been working on the fantasy football site the past few days getting ready for the fantasy season... but when I look at the site on IE we have a few issues going on... here they a 1. text rendering on the image switcher... why does the text look bold? The info there is using the default font-size of 13px which I set... I'm assuming that probably has something to do with it. 2. The poll part 1 Why on earth is the question indented 6px? The links in the "newest articles" section are set to indent 6px... but I set that on the list... the question of the poll isn't even in a list and it somehow got indented... 3. More crappy text rendering on the poll answers... now I'm seeing the results because I voted and the text looks absolutely horrendous... no idea why either. Any help with these IE crazy things would be greatly appreciated... thanks! Hello! I'm having quite a problem implementing multiple backgrounds into my website. Simply put I want to have a top bar, that will function as header, and a bottom bar, that will function as a footer. I've tried the following solution but it just doesn't seem to work. The div id "bgBottomDiv" just won't show. I was hoping someone could help me out. HTML: HTML Code: <body> <div id="wrapper"> <div id="bgBottomDiv"> "Content goes here " </div> </div> CSS: Code: #wrapper{ position:relative; margin:0 auto; width:1100px; } body { background-image:url(/images/Styler_top.png); background-attachment: scroll; background-repeat: repeat-x; background-position: top; font-family: arial; color: #111111; font-size: 0.75em; /* 12px/16=0.75 em */ word-spacing: 2px; line-height: 175%; } #bgBottomDiv{ background-image: url(images/Styler_top.png); background-repeat: repeat-x; background-position: bottom; } Thanks in advance! Hi all, A website I've been working on seems to be having some issues... Here is the website: www.codenamekingdom.com My issues is that my meta tags do not seem to be being read. For example I tried registering for google webmasters which requires you to add a meta tag and verify it. However it has been over two days and it is still not being able to be verified. Therefore I must assuming there is a problem with the meta tag. However it looks fine to me. Also I registered my url with google yesterday and it showed up for only about 6 hours and then disappeared, but it had been using the information provided with the url NOT the information I provided for search engines in my meta tags. Anyone have any idea why this might be? Appreciate the help hey, thanks for opening this thread im having a few issues with my website, for some reason in IE the tables/pics are not aligned in the same way they are in dreamweaver, firefox or safari... anyone help curing this problem so its fine in firefox or safari, but silly in IE. heres the page http://www.spawellingborough.co.uk thanks in advance Nim I've been working on this simple single column layout for a while, and it was working just fine until the end, and for some reason, the top of the table is giving a problem, and the header isn't showing properly. http://akito.clavis-sama.com/ Any clue how to get rid of that portion right at the top? Recently made a post concerning tables versus divs, and now I have a site where I think I need to do divs, but not sure how to approach using percentages for the sizing. http://www.pigseldesign.com/cravings.jpg This is the layout. Ideally, I'd like for the middle strip to be vertically centered no matter the browser window height. My guess is to have 3 divs (top, middle, bottom) with 100% and if possible, set the percentages for height so that the top and bottom remain the same ratio of size. If it affects anything, the middle strip is going to be a slideshow Flash object. Any hints for sizing? I dont understand why the wrapper won't stretch around the content... could someone please help me here... im baffled, as usual... http://pzpff.pzproductions.com === I'm on a Mac and I'm noticing that the site I'm developing is having major <TABLE> issues on IE for the PC -- like seen in this Screen Shot he http://sample.studiopresence.com What it should look like is seen on this Screen Shot he http://sample.studiopresence.com/site_v2B.htm Here's the actual HTML version of the site: http://australianwellnesscentre.studiopresence.com Any help on this is GREATLY APPRECIATED!!! Thanks in advance! === 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 |