|
HTML - Nokia Browser Stretches My Div
Hi, thanks for reading.
My website works ok on most smartphones, but not so when I view it on the Nokia 5230. A div called 'topcontent', which features on 3 different pages across the site (and, bafflingly, looks fine on most pages!) stretches thousands of pixels wide on the index page, scattering text miles out of site. Here is the markup for it, it lives in a css stylesheet: #topcontent { -webkit-text-size-adjust: none; position: absolute; width: 550px; left: 175px; top: 166px; padding: 5px; text-align: justify; } (and here's the URL: http://www.shorterhouse.com) As far as I can tell from the Nokia website, the browser for this phone is simply called "Nokia 5230 Default Browser". It's sort of a 'mini' smart phone and handles every other website I've viewed with it fine, so the error must be in my markup. I would love some helpful suggestions please ! (Ps, I am fairly new to all this so if you find the markup a bit shocking, it's because I'm learning as I go!) Similar Tutorialsive put a background in to my html document that stretches to fit the size of the browser window. heres the code: <style type="text/css">html {height:100%;}body {height:100%;margin:0;padding:0;}#bg {position: absolute;top:0;left:0;width:100%;height:100%;}#content { position:absolute;z-index:1; width:100%;}</style> <!--[if IE 6]><style type="text/css">html {overflow-y:hidden;}body {overflow-y:auto;}#bg {position:absolute;z-index:-1;}#content {position:static;}</style><![endif]--> <script type="text/javascript" src="swfobject.js"></script> </head> <body bgcolor="#000000" text="#999999" link="#999999" vlink="#999999" alink="#999999"> <div id="bg"><img src="NJWwallpaper01.jpg" width="100%" height="100%" alt=""></div> <div id="content"> Hey! I'm developing a Windows Sidebar Gadget, which (as you may or may not know) runs on HTML, JavaScript, VBScript... etc. I have a problem. I have two Select objects (ListBox-es) which are supposed to be exactly the same. When some items are "transfered" from 1st to 2nd Select, they are being streched in height (please see: http://c404.net/stanthecaddy/attachments/SS.png). Here's how I'm adding items to 2nd Select (using JS): Code: // ... oFavoriteRestaurants.add(new Option(oRestaurants.options[n].text, oRestaurants.options[n].value), oFavoriteRestaurants.options[oFavoriteRestaurants.options.count]); // ... I hope i posted right. I don't know yet if this is HTML or JS problem Please reffer me to the right direction Thank you! 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. 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 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 Hey 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 have studied my code and for the life of me can't figure out why the header is not showing up in IE7 (windows). It shows up in all other browsers just fine. Can someone help me and take a look at my code and tell my what I may have missed? http://www.kingcrabshack.com/ Thank you for your time. 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.. Hello, Wonder if you can help, i'm very new to coding, and i have an error in Dreamweaver showing as 'error parsing styles'. It effects IE 6. The code flagged is: body { background-color: #EED38D; background-image: url(images/background.gif); background-repeat: repeat-x; a img {border:0; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; color: #333; color: #333; } } Hope you can help! Thanks, Joe Hello all, I have a strange problem I don't know how to fix. My page is showing up just as it should in Firefox, but when I look at the same exact page in Internet Explorer, the buttons below the slideshow don't appear. I figured out, however that when you look at the page in Internet Explorer and hold on to the ctrl key and roll the wheel on the mouse, then the buttons appear all of a sudden as if they have been hiding behind the slideshow, but they aren't there when I move it to check. The page is http://www.idea-palette.com/testfolder/pagetest2.html Can anyone help me figure this out please? -Chris Testing a new structure. I have tried IE6, IE7, Opera, Firefox and would appreciate crosschecks on other browsers for Linux/OSX http://www.telfordsteamrailway.co.uk...e/newindex.php basically all I have done is added the right column with the fundraising links I would like to now if there are any layout issues or issues with the .swf player Thanks in advance Hi, Is there a way I can not show all the url in the browser window. for instance when showing a links page, instead of the address being "http://www.webspace.co.uk/links.htm" could it just be "http://www.webspace.co.uk I have seen this done but not sure how. Thanks Simon 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. Here is what I want to do: Basically there is an mmorpg game I play, and to play it you must download the client and install it. What I want to do is upload the files to a server and make a webpage in HTML that I can launch the game from, or embed it into the website, whichever works best. How would I achieve this? Thank you. Hi all, I notice that on some websites when you minimize and maximize the window, the content on the site displays differently. For example if i reduce the browser window on this website - all content is still displayed as if it were open in a fully maximised window. What is this called? and How do you do it?? Cheers Raggy Hi, am wondering if any one can help me. OK in Netscape I have this in my source: <meta HTTP-EQUIV="Author" CONTENT="Firewalker75.com, http://www.firewalker75.com/index/fw_100.jpg"> to see what I mean go to my site: http://ww.firewalker75.com you will see my logo in the browser with the addy It doesn't work in IE, I have the lastest version, hoe do I edit above so it shows in IE as well. I think it is html or is it script. Sorry a newbie on this Thanks Firewalker 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- I just changed the logo for a site and now because the width and height dimensions are different from the old one the logo will look skewed to old customers coming to the site without refreshing their browsers. How do I solve this problem? |
|||||||