Помогите плиз с версткой в IE - везде все гуд только IE((( Нельзя использовать js

Select · January 25, 2013

Вот html


<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta charset="utf-8" />

<title></title>
<meta name="keywords" content="" />
<meta name="description" content="" />
<link rel="stylesheet" href="style.css" type="text/css" media="screen, projection" />
<link rel="stylesheet" href="reset.css" type="text/css" media="screen, projection" />
</head>
<body>
<div id="wrapper">
<header id="header">
	 <div id="logo">
    <a href="#A1_logo"> <img style="float:left;"  src="images/A1_logo.png" /> </a>
		  <a href="#Netwheels_logo"> <img style="float:left; margin-left:50px;" src="images/Nordea_logo.png" /> </a>
		  <a href="#Nordea_logo"> <img style="float:right;"  src="images/Netwheels_logo.png" /> </a>
	    </div>
</header><!-- #header-->
<section id="middle">
  <div id="container">
   <div id="content_large">
    <strong>Content</strong> 
   </div><!-- #content-->
		    <div id="content_small">
    <strong>Content</strong>
   </div><!-- #content-->
		    <div id="content_small" style="float:right">
    <strong>Content</strong>
   </div><!-- #content-->
  </div><!-- #container-->
</section><!-- #middle-->
</div><!-- #wrapper -->
<footer id="footer">
<strong>Footer</strong>
</footer><!-- #footer -->
</body>
</html>

А вот CSS


* {
margin: 0;
padding: 0;
}
html {
height: 100%;
}
header, nav, section, article, aside, footer {
display: block;
}
body {
font: 12px/18px Arial, Tahoma, Verdana, sans-serif;
background-image:url(images/body_bg.png);
background:bottom;
background-repeat:repeat-x;
width: 100%;
height: 100%;
}
a {
color: blue;
outline: none;
text-decoration: underline;
}
a:hover {
text-decoration: none;
}
p {
margin: 0 0 18px
}
img {
border: none;
}
input {
vertical-align: middle;
}
#logo {
padding-top:25px;
width:940px;
margin:0 auto;
}
#wrapper {
width: 1010px;
margin: 0 auto;
background-image: url(images/bg_shadow.png);
min-height: 100%;
height: auto !important;
height: 100%;
}

#header {
height: 300px;
background-image:url(images/header_bg.png);
margin: 0 auto;
width: 980px;
}

#middle {
margin: 0 auto;
width: 980px;
padding: 0 0 100px;
height: 1%;
position: relative;
}
#middle:after {
content: '';
clear: both;
display: table;
}
#container {
width: 930px;
margin:0 auto;
overflow: hidden;
padding-bottom:50px;
}
#content_large {
width:930px;
margin-top:25px;
height:211px;
margin:0 auto;
border:none;
background-image:url(images/large_box_bg.png);
}
#content_small {
width:453px;
margin-top:25px;
float:left;
height:211px;
border:none;
background-image:url(images/small_box_bg.png);
}
#footer {
width: 980px;
margin: -100px auto 0;
height: 100px;
position: relative;
}

Если добавить

в html сверху то все ОК

Но к сожалению нельзя использовать js ((

Помогите плиз!

Вот что в IE

А надо

Cryolite · January 25, 2013

Тогда нужно использовать div, вместо html5 тегов

Select · January 25, 2013

Спасибо - помогло)))

Sign In

Помогите плиз с версткой в IE - везде все гуд только IE((( Нельзя использовать js

Question

Select

Link to comment

Share on other sites

2 answers to this question

Recommended Posts

Cryolite

Link to comment

Share on other sites

Select

Link to comment

Share on other sites

Join the conversation

Similar Content

Обсуждения

Forums

Important Information