Тоже задам вопрос по CSS.
Untitled_1.css
Код:
.main_pane {
position: relative;
width: 100%;
display: block;
}
.page_content {
border: thick dotted #00FF00;
display: block;
position: static;
left: 0px;
height: auto;
overflow: visible;
float: left;
clear: none;
width: auto;
top: auto;
right: 200px;
}
.post {
border: medium dashed #F2F2F2;
margin-bottom: 20px;
padding-bottom: 15px;
line-height: 200%;
display: block;
width: auto;
height: auto;
}
.byline {
margin: 0 0 20px 0;
}
.title {
margin: 0;
}
HTML
Код:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Language" content="sv" />
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled 1</title>
<link rel="stylesheet" type="text/css" href="Untitled_1.css" />
</head>
<body>
<div class="main_pane">
<div class="sidebar">
<ul>
<li><h2>Manuals</h2>
<ul>
<li><a href="#">link_1</a></li>
<li><a href="#">link_2</a></li>
</ul>
</li>
</ul>
</div>
<div class="page_content">
<div class="post">
<h1 class="title">header 1</h1>
<p class="byline"><small>subtext</small></p>
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor
incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis
nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu
fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in
culpa qui officia deserunt mollit anim id est laborum
</div>
<div class="post">
<h2 class="title">Header 2 example</h2>
<p class="byline"><small>subtext</small></p>
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor
incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis
nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu
fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in
culpa qui officia deserunt mollit anim id est laborum<br />
</div>
</div>
</div>
</body>
</html>
Дает разные результаты в IE и FF. Мне надо чтобы было как в эксплорере, колонка слева (200px) и текст справа (на оставшуюся ширину). FF ставит текст снизу.
Пробовал много чего. Но или там или там не работает.
Где не так думаю?
