Do tego taki oto css:
#infobox { width:950px; height:200px; margin:0px; padding:0px; } #c1, #c2, #c3, #c4 { width:7px; height:7px; float:left; margin:0px; } .blackbar { width:936px; float:left; background:#000; padding:0px; margin:0px; height:7px; } #c1 { background:url(img/c1.png) no-repeat; } #c2 { background:url(img/c2.png) no-repeat; } #c3 { background:url(img/c4.png) no-repeat; clear:both; } #c4 { background:url(img/c3.png) no-repeat; } #mainnews { clear:both; width:600px; height:186px; background:#000; float:left; } #othernews { width:350px; height:186px; background:#000; float:right; }
Nie zważajcie, ze c3 ma obrazek c4 i odwrotnie, bo mi sie nazwy pomysliły zapisując grafikę.
Problem polega na tym, że pięknie mi sie div z rogami zaokrąglonymi robi pod wszystkimi przegladarkami prócz: IE 6.
Czy ktoś mi wyjaśni, czemu to chol.erstwo zwiększa wysokość diva "blackbar"? Jak ustawie go na 1px to nic nie daje.
edit: oczywiscie moglbym to na absolutach zrobić, ale tego nie lubię, także jesli ktos ma pomysł to prosze o radę.