hi, im creating my web 2.0 portfolio site. I have completed the PSD And converted it into CSS/HTML. I have used CSS3, which works only on Firefox 3.5+ & Chrome browser. Thats why i wana know the code for "if any IE6 or IE7 user visits my site a popup should appear, containing a message to force user to Download the required browser." Please help me. I will share that same code here if i found it on google. cya
1) It should also work in Opera 10.5 2) It also will NOT work in IE8, so that's ALL IE users you want to target 3) CSS3 is still in DRAFT, so much like HTML5 you should not be using it to produce production websites. This means you have already screwed the pooch before you even got out of the hangar. Though I'd say the same thing about starting out drawing a goofy picture in photoshop since it probably means non-semantic markup, styling of elements in a manner that's an accessibility /FAIL/, etc, etc... For what you want to do, the COMMON answer is javascript and browser sniffing - two things you shouldn't be resorting to especially since it's nothing more than bloat for other browser users. A better solution, though just as bloated, would be to use IE conditional comments around the element you want shown to legacy browser users. <!--[if lte IE 7]> Upgrade your browser message here <![endif]--> Though that too is a fat bloated half-assed way of doing things. My advice would be fix the damned site by writing it in the actually real world deployable HTML 4/XHTML 1.0/CSS 2.1 instead of telling a third of the Internet to get buggered (or more than half in the case of CSS3) - especially when for some people it's not even an option to upgrade. Though ALL of that is wild guesses; You want real advice that would be useful, a link to a live copy would help a lot.
i only wana use CSS3 from nw on. its for e.g. liek we all shifted from winXP to windows 7. i wana make css3 kinda more habitation for every users. untill den i will be keep on trying for that popup. i will post my site link once i finish wit HTML to wordpress process, will complete tmrw.
ok im finished with PSD to HTML/CSS to Wordpress conversion, you can view my final output here > ajwebdesigner.in But now there is one more new problem. I have set DIV maincontainer to Height AUTO but its not gettting automatically streched in height. Thats why at bottom you can see its getting sticked to height of 860px, which min-height:860px Please chk in my CSS > ajwebdesigner.in/wp-content/themes/LightGrung_aj/style.css
Auto means automatically SHRINK to fit the content, NOT expand... at least on height. It's the default behavior. Pretty much you have an excellent example there of how not to design a website. The leaf overlapping the content from lack of min-width, the fixed height containers breaking on large font/120dpi systems, inconsistent paddings, menu alignment issues, fixed size backgrounds behind dynamic content elements... and worse There's NO CSS3 on your site. NONE. Instead, you have the browser specific versions ONLY. Here's a tip, if you're going to say -moz and -webkit, you might actually want to include the NON prefixed version from the ACTUAL specification, instead of the half assed "shouldn't be used on production websites" browser specific code. It's made worse by using that stupid malfing adobe/macromedia mm_ javascripted bull for hover effects (that's CSS' job!) non-semantic markup, excess DIV's for no reason... You've got more of 1997 to this than 2010 - even with the 'pretend' vendor specific implementations of what someday MIGHT actually be CSS3... Even the simple *** like having five paragraphs for what is grammatically only ONE, inlining a floated image after it's content INSIDE the last paragraph (serious whiskey tango foxtrot)... or that leaf image all by itself being TWICE the size I allow for the upper LIMIT of a site's size... mostly that can be blamed on the use of images that frankly, are not designed for Internet use. It's entirely typical of the art *** bull we usually come across with the people who draw pretty pictures in photoshop without knowing enough about how the Internet works to be doing so... as evidenced by the train wreck all that transparency over a FIXED background results in when trying to scroll. Much less if you are going to be embracing moving forward with CSS3, what the **** are you doing using a doctype meant to support old/outdated/half-assed methodologies from the 90's? Do yourself a huge favor, throw that all away, and try writing SEMANTIC markup, with a STRICT doctype and the DEPLOYABLE CSS standard, 2.1, and not try to use something that is NOT ready for real-word deployment... This is really funny - there is no CSS3 in your stylesheet... at all!
i will take ur reply as tips tou. the i hv used moz border radius(rounded corners & opacity) from CSS3. im working wit 29inch monitor. thats y i cudnt see the problem of font, but will Note it thanks for mentioning.
-moz-border-radius is NOT CSS3. Neither is -webkit-border-radius. Those are browser specific implementations and you will NOT find them ANYWHERE in the CSS3 specification. The CSS3 property is just called "border-radius" - which amusingly NEITHER webkit or gecko actually support yet... Though Opera does. Just PART of why CSS3 is NOT real world deployable - yet. I don't expect it to be for another five to six years, though that won't stop people from jumping the gun with it JUST like they did when IE5 implemented more CSS2 than anyone else... and why it's going to be a riot when we have a bunch of things from CSS3 not working as the specification says because of backwards support for the people deploying it before it was ready. See the IE "broken" box model.
Do you one better - try and find any -moz or -webkit properties in: http://www.w3.org/TR/css3-background/ Just because some retard website suggesting using 10k of CSS to do the job of a 1k image file calls it CSS3, doesn't mean it is or is anywhere in the specification. Wow, that css3.info site is some real trash too. Somebody needs to tell them to go read the WCAG - and the CSS3 working draft specifications while at it. I'm sorry if you took offense, but I'm trying to explain that your REASON for wanting the popup is invalid/improper and really just not a good idea. It's like going back to that "best viewed in netscape" and "best viewed in IE" asshattery of a decade ago... Though I am surprised nobody else has chimed in... Our resident stooges fan would probably applaud the idea of telling IE users to shove it... While I can think of two or three other frequent posters who'd agree with me on it not only being a bad idea, but your reason for wanting it being bad web design and jumping the gun on technologies not ready for primetime. Again, it's called DRAFT for a reason.
lol deathshadow, i would have just let him do whatever he wants. Clearly he is stubborn, and he will do whatever he can to drive away potential clients by making his site break in their browsers.
pls lock this tread, All i asked is for a javascript pop up that will only shwo to IE users.. rather than ur Geek usless fight... showing ss we know more than u... etc...