|
HTML - Browsers Displaying It All Wrong!
Im losing it over a minor error that I dont know how to resolve,
If you compare chrome with IE and FF you will see that the button on the bottom/ left is being displayed too much to the right on chrome! (the entire section that appears when hovered on that button also!!) Any suggestions? Problem number 2 is a problem with IE, the section that appears when hovering over the button on the bottomleft is cut off if you look closely. The entire right area is cut off. Both FF and even chrome dont cutt off the part.. IE does. Im stuck, advice needed, thank you. Have a look at the situation here . The button is called "OVER MIJ", thanks Similar TutorialsHello everybody, I hope you can help me before I pull my hair out! I was about to create a site in Dreamweaver CS3 and decided to add a background image to it via CSS. But whenever I try to preview the index page, I do not see the background image. I have tried to preview it on Firefox, Internet Explorer 7, and Safari. But I cannot see the image at all. What's more frustrating is that the background image displays just fine on the Dreamweaver design preview. I feel like it is taunting me. I have also tried to upload the specific files to a webserver and it still does not display. I have tried to change the image from a jpeg to a png to a gif and still no luck. Before I go on about what else I have tried let me give you some information about my site. I have 3 files: index.html layout.css bg.png Site layout as follows: /index.html /css/layout.css /images/bg.png index.html contains - -------------------------- <!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> <link href="css/layout.css" rel="stylesheet" type="text/css" /> </head> <body> asdf </body> </html> ------------------------ layout.css contains- ------------------------ @charset "utf-8"; /* CSS Document */ body { background: url("/images/bg.png"); margin-left: 0px; margin-top: 0px; margin-right: 0px; margin-bottom: 0px; } and bg.png is the background image in question. and heres a link to an online upload: http://www.geocities.com/cssnoob69/ What I don't understand is that another site I have built in Dreamweaver with the same CSS background-image declaration works just fine. I have even tried to use the background for that site on the new site but even that does not work. I have tried to find help on google but nothing I found helped. Any help is appreciated and thanks to all who tries to help me out! I have this login on a website i'm doing, in Firefox, Opera & Safari the two text fields and the login button are aligned to the very left of the page but in IE the text boxes only stay about 15px further to the right. This means they are out of line with other elements on the page Can anyone tell from this code below what i'm doing wrong or do you need more code to go on. <form name=login> <table width=200 border=0 align="left" cellpadding=3> <td><input type=text name=username></td></tr> <td><input type=text name=password></td></tr> <tr><td colspan=2 align=left><input type=button value="Login!" onClick="Login()"></td></tr> </table> </form> cheers What would the script be to check which browser you are using. I want a script to check if the webpage is being viewed by iPhone safari, not sure how to code it but I want it to do this: website/index.php: If iPhone Safari. go to;"mobile.website.com" And in mobile.website.com I will have a CSS for mobiles. I have recent designed a website inAdobe fireworks then slices then exported it. (So it is in tables). I slice a 1 pixel image of the right side of the image to set as my background (repeat x). So I also set the top margin of the whole layout to 0 pixels. But it seems different browsers have a difference view of what 0 pixels is. Does anyone no away arround this? First I want to thank you for letting me be a part of this great forum. Now about the problem. My site looks good on IE browser but with firefox it looks strange, if you look at http://www.akuttpost.no/psykoseschizofreni.htm you may notice that the menu is lower than the middle page. How do I fix this? Is there a way to adjust this so that what looks on IE will be the same with all sorts of browsers? I use dreamweaver and claris 3.0 I just read a link from a web mag, and found a pretty smart service: 1. Go to http://browsershots.org/ 2. Select the OS/Browsers you want to check against 3. Select the "user" options 4. Submit your site 5. Get a set of images for each browser to see what it looks like Pretty cool, huh? Now you don't have to install every browser known to man I am having some problems. I am redesigning a site and It looks good in firefox, but when viewed in IE the spacing is off. I like the way it is looking in firefox, but not in IE. Any ideas?? http:// www .integratedpeaksolutions.com/New/Site/ I built this page and I'm noticing it works fine in Dreamweaver browser but not in opera and safari and IE? What am I doing wrong? http://www.rendemolition.com/patio1.html I cant figure out why my website footer looks different in internet explorer compared to all the other browsers. IE makes the footer look off. Can someone please help me with this. www.pricedrightcleaningequipment.com thanks so much Ok, its a pretty simple explanation. Basicaly, i want to know how to have two different webpages up at the samer time, but in the same broswer. Is there some kind of code that will contain the page to the box, so i can have two or three boxes on one page, each with a different site. If you dont understand then i will go into more detail. I play a game called runescape (www.runescape.com), but i want to watch online movies (www.filmhill.com) while i train on the game. Normaly i have to screens up, and it gets really confusing. Is there a way where i can make a custom page, where i can have both the movie and the game on the same screen? Thanks, Nathan When checking if a site shows correctly, which browsers should I try? I usually check on IE5 and NETSCAPE similar version... Thanks Hi, Im new around here. Well, 5 minutes . I have been designing and coding a website for Football Manager, and have got pretty far. I have now got a problem. This is how I want it to look. And it does in IE. but in Firefox It doesnt Thanks. Mainly IE. I've created my first site using HTML and it displays fine for now using Firefox, Chrome and Safari, however I can't get it right with IE. I'm testing it with IE8. I've done a ton of googling and have tried Transitional and Strict doctypes, but regardless I can't seem to get my page to look the same in all the browsers. I've done the site in Transitional but when I open it in IE a few graphics are out of place. So I then tried changing the doctype to strict and the graphics matched the out-of-placeness in IE with the other browsers, but then something else in IE gets messed up that isn't in the others. So basically, whether I use strict or transitional I can't get all the browsers to work. Any thoughts would be greatly appreciated. Thanks. Hello, I created this Wordpress theme http://www.ilmondodeidoppiatori.it/news/ It's perfect with Firefox but if I open it with Safari, the whole central column goes below the rest of the content: how can I fix it? Thanks in advance Hi guys, I have been workin on a web page for a few weeks now and I was checking how it looks like in Mozilla Firefox 2. Well, it seems that the same code appears differently in other browsers (opera and internet explorer, for example). So, I have two questions: a) What is the problem that is causing the same page to appear differently when displayed by different browsers? b) How can I fix it? Thanks. P.S.: If this question is answered in another thread please inform me and accept my apology for not searching out myself. Sup bro's Jow checkit, me and my homies 'r like building this website fo the rappin we do. But when us is like checkin it on the firefox browser its like all messed know what im sayin. On The other one its like real tight, but this is some weird stuff goin on. I is not into the webstuff man, too complicated. But I was just thinkin you bro's could tell me wassup with this browser stuff. peace out man, Lil' B Hello Everyone, I am new to web design and i designed a website which is good with all browsers except the new Internet explorer 7. Can anyone advise me on what do to so that it will be compatible with the explorer 7. What happened is " The menu of my web pages should be showing only when you click it but because it is not compatible with the new explorer, it open up and display all hidden menu. Can you help pls. 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- |
|||||||