Эй, ребята, у меня проблема. Я пытаюсь сделать сайт с 3 колонками, похожий на флаер.
В Firefox выглядит нормально, но в Internet Explorer (7 - версия на моем компьютере) ширина средней колонки игнорируется.
Вот код,
</html>
<head>
<link rel="stylesheet" type="text/css" href="standards.css">
</head>
<body>
</div>
<div id="main">
<div id="row">
<div id ="column" style="float:left;">
</div>
<div id ="column" style="float:right;">
</div>
<div id ="column" style="margin: 0% 0% 0% 35%;">
</div>
<div id="row">
<div id ="column" style="float:left;">
</div>
<div id ="column" style="float:right;">
</div>
<div id ="column" style="margin: 0% 0% 0% 35%;">
</div>
</div>
</div>
</body>
</html>
и css,
div#column {
border-style:solid;
border-width:5px;
float: top;
text-align: justify;
padding: 2em;
min-width: 16em; /* Mindestbreite (der Ueberschrift) verhindert Anzeigefehler in modernen Browsern */
height:97%;
width:25%;
background-color: #ffefd5;
}
div#row {
border-style:solid;
border-width:5px;
margin: 5% 5% 5% 5%;
text-align: justify;
padding: 2em;
min-width: 16em; /* Mindestbreite (der Ueberschrift) verhindert Anzeigefehler in modernen Browsern */
height:200em;
background-color: #ffefd5;
}
div#main {
float: top;
text-align: justify;
padding: 2em;
min-width: 16em; /* Mindestbreite (der Ueberschrift) verhindert Anzeigefehler in modernen Browsern */
}