Problem dotyczy wyświetlania elementów div opatrzonych stylem float. Mam kilka elementów div w każdym jest inny div z stylem float. Problem jest taki ze we wszystki przegladarkach poprawnie oblewane sa elementy a w operze nie, Wyglada to tak że tylko drugie powtórzenie jest przessunięte a reszta z powrotem poprawnie... moze nie zbyt jasno to opisłaem ale screenshot może pomoże....
Z góry dziekuje za pomoc
1screen.png
Bez jakiegoś kawałka kodu html i css, który jest za to odpowiedzialny, chyba nikt nie będzie w stanie pomóc.
Ok
sie robi
ta część jest powtarzana kilkakrotnie przez Smarty:
<div class='com_item'>
<div class='com_info'>
<img alt='' class='com_avatar' src="/avatars/{$comment.user.avatar}" /> <span class='com_author'>{$comment.user.name}</span>
</div>
<div class='com_content'>
<span class='com_title'>{$comment.title}</span>
<span class='com_text'>{$comment.text}</span>
</div>
.com_info
{
float:left;
min-width:110px;
min-height:100px;
margin-top:10px;
}
.com_content
{
margin-left:120px;
text-align:left;
margin-top:10px;
}
.com_item
{
min-height:100px;
border-bottom:2px solid #666666;
}
problem polega na tym iz wszystkie powtórznia wyświetlają sie ok tylko drugie nie... Jak na załączonym screen'ie
Rzeczywiście nie działa.
22Clipboard01.png 
Masz ustawione min-height:100px
A co jeśli element jest wyższy? Nie masz tam - o ile widzę - żadnego elementu z clear:both.
to on sam go zwieksza bynajmniej powinien bo nie jest to height tylko min wiec dolny limit...
ale w dalszych elementach działa poprawnie wiec to raczej nie tego wina
hmmm.... jezeli daje clear:both; to opera ale tez reszta przeglądarek całkowicie nie radzi sobie i wyrównuje ten element do innego w drugiej kolumnie i wychzodzi duza luka... i nie o to mnie chodzi....
Nie mam idei...
Jakiś test on-line?
clear:both nie powinien zmieniać jako tako układu, chyba. Może spróbuj ustawić clear:both; line-height:0, font-size:0, height:0 dla tego elementu?
Originally posted by webik:
to on sam go zwieksza bynajmniej powinien bo nie jest to height tylko min wiec dolny limit...
Element, który ma ustawiony min-heigh: tak, ale com_item już nie.
O ile mi wiadomo pływający element nie ma prawa zmieniać wielkości elementu nadrzędnego, stąd właśnie potrzeba stosowania clear:both.Dobrze mi świta, że w nazwach klas nie można stosować znaków innych niż litery (plus cyfry?)?
daroc: przyjemniejsze od używania clear (w celu dostosowywania wysokości do floatowanych dzieci) jest użycie overflow: auto; na rodzicu.
Dzięki, nigdy tego nie stosowałem, następnym razem spróbuję.