Log in

View Full Version : Css not working in ie(css3)



mkmoorthy
02-27-2014, 03:22 PM
i created a html5 page using external style sheet.
below script is working fine in chrome and firefox not in ie

pls help
script below
----------------HTML-----------

<!DOCTYPE HTML>
<html lang="us">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>HTML 5 Responsive Web Site</title>
<link href="style.css" rel="stylesheet" media="screen" type="text/css"/>
</head>
<body class="body1">
<header class="mainheader">
<img src="img.jpg"/>
<nav>
<ul>
<li class="active"><a href="#">Home</a></li>
<li><a href="#">About</a></li>
<li><a href="#">Portfolio</a></li>
<li><a href="#">Contact</a></li>
</ul>
</nav>
</header>
<div class="maincontent">

<div class="content">
<article class="topcontent">
<header>
<h2><a href="#" title="First Post">First Post</a></h2>
</header>
<footer class="post-info">
<p>This Tag is Posted By Madhusudan K</p>
</footer>
<content>
<p>
Abrief overview of Java's string handling was presented in Chapter 7. In this chapter,
it is described in detail. As is the case in most other programming languages, in Java
a string is a sequence of characters. But, unlike many other languages that implement
strings as character arrays, Java implements strings as objects of type String.
Implementing strings as built-in objects allows Java to provide a full complement of
features that make string handling convenient. For example, Java has methods to compare
two strings, search for a substring, concatenate two strings, and change the case of letters
within a string
</p>
</content>
</article>

<article class="bottomcontent">
<header>
<h2><a href="#" title="First Post">Second Post</a></h2>
</header>
<footer class="post-info">
<p>This Tag is Posted By Madhusudan K</p>
</footer>
<content>
<p>
Abrief overview of Java's string handling was presented in Chapter 7. In this chapter,
it is described in detail. As is the case in most other programming languages, in Java
a string is a sequence of characters. But, unlike many other languages that implement
strings as character arrays, Java implements strings as objects of type String.
Implementing strings as built-in objects allows Java to provide a full complement of
features that make string handling convenient. For example, Java has methods to compare
two strings, search for a substring, concatenate two strings, and change the case of letters
within a string
</p>
</content>
</article>
</div>

</div>
<aside class="top-sidebar">
<article>
<h2>Top Side Bar</h2>
<p>character arrays, Java implements strings as objects of type String.
Implementing strd.,</p>
</article>
</aside>

<aside class="middle-sidebar">
<article>
<h2>Middle Side Bar</h2>
<p>character arrays, Java implements strings as objects of type String.
cannot be changed.</p>
</article>
</aside>

<aside class="bottom-sidebar">
<article>
<h2>Middle Side Bar</h2>
<p>character arrays, Java implements strings as objects of type String.
Implementing strings as built-in objects allows Java to provide a full complement of
cannot be changed.</p>
</article>
</aside>

<footer class="main-footer">
<p>&copy; Copyright All Rights Reserved.</p>
</footer>
</body>
</html>
----------------------css--

traq
02-28-2014, 04:52 AM
"not working" has no real meaning—after all, if it were working, you wouldn't be asking for help, right?
Let us know, specifically, what your problem is: describe what you expected to happen, vs. what actually happened.

It is often very helpful to link to a live page in situations like this, instead of providing a "code dump." If your site is not online yet, you can use a service like jsfiddle (http://jsfiddle.net).

Also (I've fixed it for you this time),
Please use the forum's bbcode tags and indent your code to make it more readable:

for php code............
<?php /* code goes here */ ?>
for html...............
<!-- markup goes here -->.....
for js/css/other.......
code goes here................
results in:
<?php /* code goes here */ ?>

<!-- markup goes here -->

code goes here