css драма #1
Докато безгрижно си конструирах лейаута за сегашното скромно произведение налетях на следния проблем (не съм сигурен дали е проблем, но все пак…)
Накратко - идеята е в лявата част да имам колонка с новините, а в дясната няколко блокчета с връзки от всякакъв характер (Представете си го де!). И като прилежен фанатик реших да го конструирам с два дива, всеки с float:left;
Приятната изненада - див с float:left; не разпъва родителския си див (Firebird 0.61). Започнах леко да пускам брада, след което ми дойде на акъла да нахакам float:left и на родителския див (справка - отвори сорса на тази страница - родителския див с id=”Content”).
Ок, прекрасно… Само че кретенията тръгна застрашително да бяга в ляво под IE 6.0.
Ето го и решението (можете да видите целия код в цссто ми
)
/*mozilla hack for sure*/
body>#Content
{
float:left;
}
/*the whole content is here*/
#Content
{
width:752px;
background-color:white;
border:4px solid #900;
padding:10px;
text-align:left;
/**
* kinda cool to have a better browser than IE 6.0
*/
-moz-border-radius : 16px;
}