Os pongo, es este template, pero no se poque en internet explorer, se hace mas grande el fondo y toda la web en general. No se como poder solucionarlo :S.
Esta es la web completa sin modificar nada, un template:
http://css-free-templates.com/download/?id=1578
os pongo aqui el codigo.
Cita:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html lang="en-US" xmlns="http://www.w3.org/1999/xhtml" dir="ltr">
<head>
<title>CSS Free Templates with jQuery Slider</title>
<meta http-equiv="Content-type" content="text/html; charset=utf-8" />
<link rel="shortcut icon" href="css/images/favicon.ico" />
<link rel="stylesheet" href="css/style.css" type="text/css" media="all" />
<link rel="stylesheet" href="css/flexslider.css" type="text/css" media="all" />
<!--[if IE 6]>
<link rel="stylesheet" href="css/ie6.css" type="text/css" media="all" />
<![endif]-->
<link href='http://fonts.googleapis.com/css?family=Play:400,700&subset=latin,cyrillic-ext,greek,greek-ext,latin-ext,cyrillic' rel='stylesheet' type='text/css' />
<script src="js/jquery-1.7.1.min.js" type="text/javascript" charset="utf-8"></script>
<script src="js/jquery.jcarousel.js" type="text/javascript"></script>
<script src="js/jquery.flexslider.js" type="text/javascript"></script>
<script src="js/DD_belatedPNG-min.js" type="text/javascript"></script>
<script src="js/functions.js" type="text/javascript" charset="utf-8"></script>
</head>
<body>
<!-- Wrapper -->
<div id="wrapper">
<!-- Shell -->
<div class="shell">
<div class="socials">
<a title="Facebook" class="facebook" href="#">facebook</a>
<a title="Twitter" class="twitter" href="#">twitter</a>
<a title="RSS" class="rss" href="#">rss</a>
</div>
<p id="top-navigation"><a title="Sitemap" href="#">sitemap</a><span>|</span><a title="Search" href="#">search</a><span>|</span><a title="User area" href="#">user area</a></p>
<div class="cl"></div>
<!-- Header -->
<div id="header">
<!-- Logo -->
<div id="logo">
<h1><a href="#" title="home">CSS Free Tempalte</a></h1>
<p class="slogan">FREE CSS TEMPLATES</p>
</div>
<!-- END Logo -->
<!-- Search -->
<div id="search">
<form action="" method="post">
<input type="text" class="field" value="Search here ..." title="Search here ..." />
<input type="submit" value="" class="submit-button" />
</form>
</div>
<!-- END Search -->
<div class="cl"></div>
</div>
<!-- END Header -->
<!-- Navigation -->
<div id="navigation">
<ul>
<li class="first"><a title="Home" href="#">Home</a></li>
<li><a title="About" href="#">About </a></li>
<li><a title="Services" href="#">Services</a></li>
<li><a title="Projects" href="#">PROJECTS</a></li>
<li><a title="Solutions" href="#">SOLUTIONS</a></li>
<li><a title="Jobs" href="#">JOBS</a></li>
<li><a title="Blog" href="#">BLOG</a></li>
<li><a title="Contacts" href="#">Contacts</a></li>
</ul>
<div class="cl"></div>
</div>
<!-- END Navigation -->
<!-- Slider -->
<div id="slider" class="flexslider">
<ul class="slides">
<li>
<img src="css/images/slide.png" alt="Character from the The Crysis 2 shooting a machine gun" />
<div class="caption">
<p>Crysis 2 - Be The Weapon Trailer<span>XBOX 360, RATED MATURE</span><a class="watch-now" title="Watch Now!" href="#">Watch Now!</a></p>
</div>
</li>
<li>
<img src="css/images/slide2.png" alt="Character from the The Crysis 2 shooting a machine gun" />
<div class="caption">
<p>Game Name<span>platform</span><a class="watch-now" title="Watch Now!" href="#">Watch Now!</a></p>
</div>
</li>
<li>
<img src="css/images/slide3.png" alt="Character from the The Crysis 2 shooting a machine gun" />
<div class="caption">
<p>Name of a game<span>additional info</span><a class="watch-now" title="Watch Now!" href="#">Watch Now!</a></p>
</div>
</li>
</ul>
</div>
<!-- END Slider -->
<!-- Main -->
<div id="main">
<div id="main-top"></div>
<div id="main-middle">
<!-- Content -->
<div id="content">
<div class="post">
<h2>Hello Stranger!</h2>
<p><strong>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras id molestie enim. Suspendisse consequat urna non ante gravida euismod. In in nibh vestibulum at tellus viverra nulla.</strong></p>
<p>Aliquam pulvinar. Maecenas nulla arcu, venenatis et ultrices id, tincidunt ut nisl. Etiam augue lectus,Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras id molestie enim. Suspendisse consequat urna non ante gravida euismod. In in nibh nulla. Stibulum at tellus viverra nulla aliquam pulvinar. Maecenas nulla arcu, venenatis et ultrices id, tincidunt ut nisl. Maecenas nulla arcu, venenatis et ultrices id, tincidunt ut nisl. Etiam augue lectus,Lorem ipsum dolor sit amet, consect dolor sit amet adipising ultrices id, tincidunt ut nisl. </p>
<a title="Learn More" class="learn-more" href="#">Learn More</a>
</div>
<div class="post games">
<h2>Featured Games</h2>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras id molestie enim. Suspendisse consequat urna non ante gravida euismod. In in nibh vestibulum at tellus viverra nulla.</p>
<div class="games-slider">
<ul>
<li>
<a title="" href="#"><img src="css/images/g1.jpg" alt="Character from a video game" /></a>
<p class="small-caption">XBOX 360, MATURE</p>
<p class="title">TITLE 1 GOES HERE</p>
</li>
<li>
<a title="" href="#"><img src="css/images/g2.jpg" alt="Character from a video game" /></a>
<p class="small-caption">XBOX 360, MATURE</p>
<p class="title">TITLE 2 GOES HERE</p>
</li>
<li>
<a title="" href="#"><img src="css/images/g3.jpg" alt="Character from a video game" /></a>
<p class="small-caption">XBOX 360, MATURE</p>
<p class="title">TITLE 3 GOES HERE</p>
</li>
<li>
<a title="" href="#"><img src="css/images/g4.jpg" alt="Character from a video game" /></a>
<p class="small-caption">XBOX 360, MATURE</p>
<p class="title">TITLE 4 GOES HERE</p>
</li>
<li>
<a title="" href="#"><img src="css/images/g1.jpg" alt="Character from a video game" /></a>
<p class="small-caption">XBOX 360, MATURE</p>
<p class="title">TITLE 1 GOES HERE</p>
</li>
<li>
<a title="" href="#"><img src="css/images/g2.jpg" alt="Character from a video game" /></a>
<p class="small-caption">XBOX 360, MATURE</p>
<p class="title">TITLE 2 GOES HERE</p>
</li>
</ul>
<div class="games-nav">
<a title="Previous slide" class="prev-arrow" href="#">prev</a>
<a title="Next slide" class="next-arrow" href="#">next</a>
</div>
</div>
</div>
</div>
<!-- END Content -->
<!-- Sidebar -->
<div id="sidebar">
<div class="widget services">
<h2>Our Services</h2>
<ul>
<li><a title="" href="#">Maecenas elementum tortor id massa lobortis</a></li>
<li><a title="" href="#">Lipsum amet accumsan ultricies mi, et adipin</a></li>
<li><a title="" href="#">Mauris id nibh condimentum tortor sodales feugiat</a></li>
<li><a title="" href="#">Suspendisse quis ipsum non tortor pretium</a></li>
<li><a title="" href="#">Maecenas elementum tortor id massa lobortis</a></li>
<li><a title="" href="#">Lipsum amet accumsan ultricies mi, et adipin</a></li>
<li><a title="" href="#">Mauris id nibh condimentum tortor sodales feugiat</a></li>
</ul>
</div>
<div class="widget contact">
<h2>Contact Us</h2>
<p><strong>Email: </strong><a title="Contact us" href="#">[email protected]</a></p>
<p><strong>Phone: </strong>+1 755-606-605</p>
<p><strong>Address: </strong>East Pixel Bld. 99, Creative City, USA</p>
<div class="img-frame">
<img src="css/images/map.jpg" alt="Map" />
</div>
</div>
</div>
<!-- END Sidebar -->
<div class="cl"></div>
</div>
<div id="main-bottom"></div>
</div>
<!-- END Main -->
<!-- Footer -->
<div id="footer">
<p class="copy">Copyright 2011<span>|</span>Sitename. Design by <a title="CSS Free Templates with jQuery Slider" href="http://css-free-templates.com/">CSS-Free-Templates.com</a></p>
<p id="bottom-nav"><a title="Home" href="#">Home</a><span>|</span><a title="About" href="#">About</a><span>|</span><a title="Services" href="#">Services</a><span>|</span><a title="Projects" href="#">Projects</a><span>|</span><a title="Solutions" href="#">Solutions</a><span>|</span><a title="Jobs" href="#">Jobs</a><span>|</span><a title="Contacts" href="#">Contacts</a></p>
<div class="cl"></div>
</div>
<!-- END Footer -->
</div>
<!-- END Shell -->
</div>
<!-- END Wrapper -->
</body>
</html>
<html lang="en-US" xmlns="http://www.w3.org/1999/xhtml" dir="ltr">
<head>
<title>CSS Free Templates with jQuery Slider</title>
<meta http-equiv="Content-type" content="text/html; charset=utf-8" />
<link rel="shortcut icon" href="css/images/favicon.ico" />
<link rel="stylesheet" href="css/style.css" type="text/css" media="all" />
<link rel="stylesheet" href="css/flexslider.css" type="text/css" media="all" />
<!--[if IE 6]>
<link rel="stylesheet" href="css/ie6.css" type="text/css" media="all" />
<![endif]-->
<link href='http://fonts.googleapis.com/css?family=Play:400,700&subset=latin,cyrillic-ext,greek,greek-ext,latin-ext,cyrillic' rel='stylesheet' type='text/css' />
<script src="js/jquery-1.7.1.min.js" type="text/javascript" charset="utf-8"></script>
<script src="js/jquery.jcarousel.js" type="text/javascript"></script>
<script src="js/jquery.flexslider.js" type="text/javascript"></script>
<script src="js/DD_belatedPNG-min.js" type="text/javascript"></script>
<script src="js/functions.js" type="text/javascript" charset="utf-8"></script>
</head>
<body>
<!-- Wrapper -->
<div id="wrapper">
<!-- Shell -->
<div class="shell">
<div class="socials">
<a title="Facebook" class="facebook" href="#">facebook</a>
<a title="Twitter" class="twitter" href="#">twitter</a>
<a title="RSS" class="rss" href="#">rss</a>
</div>
<p id="top-navigation"><a title="Sitemap" href="#">sitemap</a><span>|</span><a title="Search" href="#">search</a><span>|</span><a title="User area" href="#">user area</a></p>
<div class="cl"></div>
<!-- Header -->
<div id="header">
<!-- Logo -->
<div id="logo">
<h1><a href="#" title="home">CSS Free Tempalte</a></h1>
<p class="slogan">FREE CSS TEMPLATES</p>
</div>
<!-- END Logo -->
<!-- Search -->
<div id="search">
<form action="" method="post">
<input type="text" class="field" value="Search here ..." title="Search here ..." />
<input type="submit" value="" class="submit-button" />
</form>
</div>
<!-- END Search -->
<div class="cl"></div>
</div>
<!-- END Header -->
<!-- Navigation -->
<div id="navigation">
<ul>
<li class="first"><a title="Home" href="#">Home</a></li>
<li><a title="About" href="#">About </a></li>
<li><a title="Services" href="#">Services</a></li>
<li><a title="Projects" href="#">PROJECTS</a></li>
<li><a title="Solutions" href="#">SOLUTIONS</a></li>
<li><a title="Jobs" href="#">JOBS</a></li>
<li><a title="Blog" href="#">BLOG</a></li>
<li><a title="Contacts" href="#">Contacts</a></li>
</ul>
<div class="cl"></div>
</div>
<!-- END Navigation -->
<!-- Slider -->
<div id="slider" class="flexslider">
<ul class="slides">
<li>
<img src="css/images/slide.png" alt="Character from the The Crysis 2 shooting a machine gun" />
<div class="caption">
<p>Crysis 2 - Be The Weapon Trailer<span>XBOX 360, RATED MATURE</span><a class="watch-now" title="Watch Now!" href="#">Watch Now!</a></p>
</div>
</li>
<li>
<img src="css/images/slide2.png" alt="Character from the The Crysis 2 shooting a machine gun" />
<div class="caption">
<p>Game Name<span>platform</span><a class="watch-now" title="Watch Now!" href="#">Watch Now!</a></p>
</div>
</li>
<li>
<img src="css/images/slide3.png" alt="Character from the The Crysis 2 shooting a machine gun" />
<div class="caption">
<p>Name of a game<span>additional info</span><a class="watch-now" title="Watch Now!" href="#">Watch Now!</a></p>
</div>
</li>
</ul>
</div>
<!-- END Slider -->
<!-- Main -->
<div id="main">
<div id="main-top"></div>
<div id="main-middle">
<!-- Content -->
<div id="content">
<div class="post">
<h2>Hello Stranger!</h2>
<p><strong>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras id molestie enim. Suspendisse consequat urna non ante gravida euismod. In in nibh vestibulum at tellus viverra nulla.</strong></p>
<p>Aliquam pulvinar. Maecenas nulla arcu, venenatis et ultrices id, tincidunt ut nisl. Etiam augue lectus,Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras id molestie enim. Suspendisse consequat urna non ante gravida euismod. In in nibh nulla. Stibulum at tellus viverra nulla aliquam pulvinar. Maecenas nulla arcu, venenatis et ultrices id, tincidunt ut nisl. Maecenas nulla arcu, venenatis et ultrices id, tincidunt ut nisl. Etiam augue lectus,Lorem ipsum dolor sit amet, consect dolor sit amet adipising ultrices id, tincidunt ut nisl. </p>
<a title="Learn More" class="learn-more" href="#">Learn More</a>
</div>
<div class="post games">
<h2>Featured Games</h2>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras id molestie enim. Suspendisse consequat urna non ante gravida euismod. In in nibh vestibulum at tellus viverra nulla.</p>
<div class="games-slider">
<ul>
<li>
<a title="" href="#"><img src="css/images/g1.jpg" alt="Character from a video game" /></a>
<p class="small-caption">XBOX 360, MATURE</p>
<p class="title">TITLE 1 GOES HERE</p>
</li>
<li>
<a title="" href="#"><img src="css/images/g2.jpg" alt="Character from a video game" /></a>
<p class="small-caption">XBOX 360, MATURE</p>
<p class="title">TITLE 2 GOES HERE</p>
</li>
<li>
<a title="" href="#"><img src="css/images/g3.jpg" alt="Character from a video game" /></a>
<p class="small-caption">XBOX 360, MATURE</p>
<p class="title">TITLE 3 GOES HERE</p>
</li>
<li>
<a title="" href="#"><img src="css/images/g4.jpg" alt="Character from a video game" /></a>
<p class="small-caption">XBOX 360, MATURE</p>
<p class="title">TITLE 4 GOES HERE</p>
</li>
<li>
<a title="" href="#"><img src="css/images/g1.jpg" alt="Character from a video game" /></a>
<p class="small-caption">XBOX 360, MATURE</p>
<p class="title">TITLE 1 GOES HERE</p>
</li>
<li>
<a title="" href="#"><img src="css/images/g2.jpg" alt="Character from a video game" /></a>
<p class="small-caption">XBOX 360, MATURE</p>
<p class="title">TITLE 2 GOES HERE</p>
</li>
</ul>
<div class="games-nav">
<a title="Previous slide" class="prev-arrow" href="#">prev</a>
<a title="Next slide" class="next-arrow" href="#">next</a>
</div>
</div>
</div>
</div>
<!-- END Content -->
<!-- Sidebar -->
<div id="sidebar">
<div class="widget services">
<h2>Our Services</h2>
<ul>
<li><a title="" href="#">Maecenas elementum tortor id massa lobortis</a></li>
<li><a title="" href="#">Lipsum amet accumsan ultricies mi, et adipin</a></li>
<li><a title="" href="#">Mauris id nibh condimentum tortor sodales feugiat</a></li>
<li><a title="" href="#">Suspendisse quis ipsum non tortor pretium</a></li>
<li><a title="" href="#">Maecenas elementum tortor id massa lobortis</a></li>
<li><a title="" href="#">Lipsum amet accumsan ultricies mi, et adipin</a></li>
<li><a title="" href="#">Mauris id nibh condimentum tortor sodales feugiat</a></li>
</ul>
</div>
<div class="widget contact">
<h2>Contact Us</h2>
<p><strong>Email: </strong><a title="Contact us" href="#">[email protected]</a></p>
<p><strong>Phone: </strong>+1 755-606-605</p>
<p><strong>Address: </strong>East Pixel Bld. 99, Creative City, USA</p>
<div class="img-frame">
<img src="css/images/map.jpg" alt="Map" />
</div>
</div>
</div>
<!-- END Sidebar -->
<div class="cl"></div>
</div>
<div id="main-bottom"></div>
</div>
<!-- END Main -->
<!-- Footer -->
<div id="footer">
<p class="copy">Copyright 2011<span>|</span>Sitename. Design by <a title="CSS Free Templates with jQuery Slider" href="http://css-free-templates.com/">CSS-Free-Templates.com</a></p>
<p id="bottom-nav"><a title="Home" href="#">Home</a><span>|</span><a title="About" href="#">About</a><span>|</span><a title="Services" href="#">Services</a><span>|</span><a title="Projects" href="#">Projects</a><span>|</span><a title="Solutions" href="#">Solutions</a><span>|</span><a title="Jobs" href="#">Jobs</a><span>|</span><a title="Contacts" href="#">Contacts</a></p>
<div class="cl"></div>
</div>
<!-- END Footer -->
</div>
<!-- END Shell -->
</div>
<!-- END Wrapper -->
</body>
</html>
Un saludo, gracias!
