Web Design Help
It's free to register, to post a question or to start / join a discussion
Contents in Browsers
Likes # 0
Posted May 17, 2011 at 9:32AM
Hey, I hav created a website using Php, But wen i open it in Internet explorer some of the CSS part doesn't appear& and wen i open it in Mozilla Firefox, it same as what i have designed...
Can anyone let me know why is this so?
- Tags:
- contents
Likes # 0
Posted May 18, 2011 at 5:44AM
Nopes this site is not live yet. But it may be by June end!
Likes # 0
Posted May 18, 2011 at 5:45AM
But if IE does it by default wen it is not a Live site. But if it is Live are their contents displayed properly??
Likes # 0
Posted May 19, 2011 at 6:24AM
Okay fine. The other thing, I have used a property in CSS called as rounded corners. So the same thing happens ; wen i open it in Mozilla the rounded corners appear properly.
And when i open it in IE it appears in square form only.
So i want to ask that is rounded corner property enabled for all browsers or only for Mozilla. I have mentioned in my CSS this way.
main{
background:#FF6699; width:900px; height:400px; border-radius:10px; }
This code is working properly for Mozilla, not for IE and Opera.
Please suggest something!
Likes # 0
Posted May 23, 2011 at 6:52PM
Vendor prefixes, Nikita.
They are used by browser developers to implement CSS3 properties in development builds before they are confident of meeting the CSS3 spec and/or achieving a reliable bug-free render.
Gradually, each vendor introduces support for the spec property (sans prefix) and, later, eventually removes support for the vendor prefix. This is a gradual process and varies between vendors and rendering engines.
But to implement CSS3 properties reliably, efficiently (only the necessary code), and with maximum compatibility is very easy. If, at any time, you cant recall which browsers and engines support each CSS3 property, use prefixes, or have no support, just check out css3please.com. That always shows the status quo.
Don't sweat the absence of some style elements in some browsers: that's part of graceful degradation, or "do what we can to support the IE community while doing what we really want for everyone else..." Just make 100% certain that no part of your CSS fails in a way that hurts usability, legibility, or accessibility. OK?
(I am amazed, though, that no-one else at this forum has told you this already.)
Likes # 0
Posted May 23, 2011 at 9:29PM
Hi
For local development, you might try adding this tag directly below the doctype:
(with proper comment tags, not possible here)
Not a cure for everything but can help.
On the other issues, as helpfully mentioned, not all browsers treat many things the same. There are ways round most situations e.g. for rounded corners:
http://www.cssplay.co.uk/boxes/four_cornered.html or http://www.html.it/articoli/niftycube/index.html
Or just settle for graceful degradation and the reality of browsers.
Likes # 0
Posted May 23, 2011 at 9:30PM
Even without tags the code disappeared, just search for Mark of the Web on Google.
Likes # 0
Posted May 24, 2011 at 12:25AM
Or just settle for graceful degradation and the reality of browsers.
I might add that to ensure graceful degradation you should be careful with your use of client-side programming such as Javascript, Java, and Shockwave Flash. If you are set on using these, make sure you provide an alternative.
As for Mark Of The Web (MOTW) mentioned by Ansolan take a look at this
Likes # 0
Reply to this topic
This thread has been locked.
Check out PC Advisor's other tech forums
Top 5 Most Popular
-
Samsung Galaxy S4 vs Apple iPhone 5 comparison review
-
Best cases and covers for the new iPad: protect your tablet in style
-
What’s the best mobile OS: iOS, Android, Windows Phone 8 or BlackBerry 10?
-
How to set a song on your iPhone as a ringtone
-
Apple iWatch release date and specs: when will Apple's iWatch launch



