Georgios
A.
Product Director at
Adquesto
Temat: floaty z width:auto pod IE6
Męczę się z floatami pod IE6. Wygląda to tak jak na poniższym obrazku. Jak osiągnąć taki sam wygląd jak pod Firefoxem? Dodam, że nie mam możliwości ustawienia szerokości na sztywno. Ustawienie jakiejkolwiek wysokości nic nie daje.Kod jest taki:
Georgios A. edytował(a) ten post dnia 24.09.09 o godzinie 18:54
<!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>
<title>TEST</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<style type="text/css">
#wraper{
background: #FAFAFA;
border: 1px solid #333;
margin: 0 auto;
overflow: hidden;
padding: 20px;
width: 500px;
}
.draggable{
background: #F1F7FF;
border: 1px solid #CAE1FF;
display: inline;
float: left;
margin: 0 5px 5px 0;
padding: 3px;
width: auto;
}
.draggable p{
margin: 0;
padding: 0;
}
</style>
</head>
<body>
<div id="wraper">
<div class="draggable">
<p>a main road with fast-travelling traffic</p>
</div>
<div class="draggable">
<p>a very large bird, not able to fly</p>
</div>
<div class="draggable">
<p>very important</p>
</div>
<div class="draggable">
<p>a plant with white berries that feeds on trees</p>
</div>
<div class="draggable">
<p>breakfast and lunch combined in one meal</p>
</div>
<div class="draggable">
<p>a part of a room used for cooking</p>
</div>
</div>
</body>
</html>