|
HTML - Help Making Website Fit With Different Browsers
I'm programming my first website for a friend who makes comics and in order to make the border around his comics fit I had to mess with the margins.
The website looks great on Mozilla and Chrome, and perfect on Safari, but on IE and Opera the border ends up very skinny and goes through the comic, it also makes the page look enormous. Does anyone know how to remedy this? I think it has to do with the border being around the paragraph rather than the image, but I'm not sure. Any help is greatly appreciated. Similar TutorialsHi i was wondering if anyone can help me with making my page compatible with older browsers IE7+. My page is www.marksbodyshop.org The css is: Code: html,body {
height:100%;
margin:0;
background-color:#000;
background-image:url(../images/firstpage.gif),
url(../images/firstpage-backup-for-safari.gif); /* required by Safari */
background-size:100% 100%;
}
#container {
height:73%;
background-image:url(../images/update.png);
background-size:100% 100%;
}
#nav {
position:absolute;
padding:0;
margin:0;
list-style-type:none;
height:7%;
width:57%;
top:20%;
left:20%;
z-index:1;
}
#nav li {
width:16%;
margin:1%;
height:100%;
}
#nav a {
display:block;
width:100%;
height:100%;
outline:none;
text-indent:-9999px;
background-size:100% 300%;
}
#about {background-image:url(../images/aboutus.png);}
#about1 {background-image:url(../images/contactus.png);}
#about2 {background-image:url(../images/freelunch.png);}
#about3 {background-image:url(../images/map.png);}
#about4 {background-image:url(../images/meettheteambutton.png);}
#nav a:hover {background-position:0 -100%;}
#nav a:active {background-position:0 -200%;}
Hi - hope someone can help. I have built a website for a business which I am starting up and I know its very basic! THe problem is that I can view the website fine and so can loads of people, but quite a few can't view it and when they load the index page it just shows a blank screen with the address at the bottom. The website address is www.lagganoutdoor.co.uk - The people who couldn't view it are on pretty recent versions of Explorer. Have I done something completely stupid?! Hope you can help. Thanks, Duncan. My website looks like I want it to in Chrome, Firefox and my Android phone (including the flash banner at the top working properly) - however, in IE the layout is wrong. Also there is no consistency. Sometimes a page will look right then if you load another page and go back to the original one it now looks wrong. The compatibility mode makes it look a bit better but still not correct. It appears that it looked right until I updated flash (because the new flash banner at the top required this) and now the whole site layout is wrong. Any ideas? The website is www.nodj.co.uk if you need to take a look. Thanks in advance! Dear all, i've designed a small web page, where it is well viewed in windows IE and not in other browsers like fire fox and net scape navigator. Can you please suggest a solution for this..... thanks in advance.....! Right now, once I upload a webpage designed with Netscape composer 7.2 (since it is free) and my own html code inserted occasionally, I verify it looks correct on the following web browsers: IE 8 (32 bit) Firefox Chrome Safari Opera Should I verify it on others, such as IE 7 or IE 6, or is that a waste of time? From my experience, Chrome, Firefox, and Safari usually get it right, and IE 8 and Opera get it right less of the time. How do you verify your website on smart phones and whatever browser they use (Black Berry, iPhone, Palm, Android) without having to buy each one? What about the iPad? Thanks! Hey all, I've been trying to fix up my carpet cleaning website. The bee.png image in the top left of my menu bar is giving me problems with older browsers & most hand-held devices, e.g., iTouch, cellphones, etc. Is there any kind of trick (hack) I could use so that it will properly align with all devices? Website: www.honeydocarpetcare.com Also, please let me know if you are noticing things that are out of place. If so, please tell me what browser and version you are using! Thanks all! My website doesn't render correctly in the WebKit browsers (Apple Safari and Google Chrome). It works as expected in Firefox, Internet Explorer versions 6 and above, and Opera. If you click here to view the site, it is the text on the left-hand side underneath the navigation menu that is proving problematic. This text is supposed to appear directly beneath the navigation menu, but when the site is viewed in Safari or Google Chrome, it appears at the very bottom of the page, where the blue background is. I have run the code through the W3C validator and after a bit of alteration, it came back saying there's no errors. What makes it confusing is that I didn't write the code myself and it is mainly table-based (I inherited it from a previous web developer). I am currently working on a brand new layout for the website which will solve the accessibility problem completely, but for the time being we have to continue using the current layout. Does anyone know if there's a quick fix which will get the text on the left-hand side to display correctly in WebKit browsers? This has been bugging me for a while now and I'd really like to get it fixed. Is there anything obvious that I've missed? Thanks in advance for any help. im just wondering if any1 uses programs other then google adsense... i have seen a few not many that look too promising... does any1 know any CPM (cost per 1000 hits) sites... i would like to have @ least 1 of those if i could find a decent site for them... Thanks... Hey mates, i have a website and want to create a page on there where just registered users have access to and can download from the links on that page. Therefore I believe I need to make a "register" thing on my website, where they get a code to their typed in email addy and have to confirm it by typing it in on my page. I don't even know if it is possible to create that kind of thing with html, but any help would be great, have a nice sunday, DonCanalle Hi, im making a site with an arcade. i was wondering how i could make the arcade have a high score board exclusively for the people who go on my site, (instead of the high scores being sent to a larger database of people scoring 999,999 on a game) can anyone help me? I am trying to make 2 very different websites. first one an auction site. I DONT WANT TO USE EBAY its too expensive i need a cheap auction software that will let multiple users register and be able to upload there own pictures of products they are trying to auction off. second i need to see if there is a program that i can integrate into my website where people login and can make there own website by using templates that are customizable such as colors and pictures and information and letting them be able to upload it themselves. Can anybody help me please. thank you. I know html and the easy stuff what i need is if you know any program like this or a place that will show me step by step how please let me know thank you. Can anyone tell me how to change the header and the look of my wordpress blog to match my site? I am just learning html. I know nothing of php, so I am not sure if I should tackle this or not. Thanks! Hello. I was lurking on web in search for some kind of administration. I have simple web site and i want to add articles to site like in JOOMLA. Can this be done. Thanks in advance! Hi All Quick question for some im sure, Im in the process of designing a site for someone, and ideally i want it to fit the hole screen does any one know of the top of there head the CSS for this? reason i ask this because they have said they wont the page to be 960px width and iv said the majority of sites today fill the hole display of a monitor which they then agreed on Any one know? Or am i right in saying i have to just play around with the page properties in the CSS. Thanks in advance 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 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 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 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 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? |
|||||||