-
Итак изображения у нас по кончикам div-ов соответственно, круглые. Причем! Однописельной ширины.
Пихаю 8 (может я не прав?) фоновых изображений для них. 4 - закругления + еще 4 линейные (прямые) продолжения - это на картинке они со всех сторон для простоты однотипно-тонюсенькие, что можно было бы сделать через border, на практике иначе, они со всех сторон иного цвета.
То была теория, а то практика:
Помещаю "в" div-ы, а далее Плохо, очень ПЛОХО:
Из-за помещения во внутренний блок какого-либо содержимого, правая граница и правый верхний и нижний сектор полугружков, да ребята, уплывают тоже на право... и смещаются примерно всего на 1-2 тех самых необходимых пикселя! Что делать голову поломал.
Аттач прикрепляю, зеленое - однопиксельные линии, красное - допустим ГРУБЫЕ фрагменты резки, в реале не больше 5х5px. Cерая обводка - та часть которая уплывает при помещении содержимого (внутри)
-
Ничего не понял, что хотел автор. Посмотрите [Only registered and activated users can see links. Click Here To Register...] там блоки красиво сверстаны. Может поможет ...
-
Ты страничку свою где нибудь выложил, тебе бы сказали, что к чему.
-
mymind, за пример спасибо. Но там так или иначе таблицы в дивах, я же, конкретно веду речь о полность блочной верстке. Может они так сий нюянс обошли... пробуем...
-
Я до сих пор нипонимаю в чем дело! [Only registered and activated users can see links. Click Here To Register...]
[Only registered and activated users can see links. Click Here To Register...]
[Only registered and activated users can see links. Click Here To Register...]
[Only registered and activated users can see links. Click Here To Register...]
-
Можете глянуть - [Only registered and activated users can see links. Click Here To Register...]
Или вот куча примеров - [Only registered and activated users can see links. Click Here To Register...]
-
Вся сложность данно примера, в том, что блок должен быть 100% по высоте окна браузера. А, в css2 нету чёткого понятия высоты в 100%, ну, то есть она есть. Но, при появлении скролла она становиться больше чем 100%.
В принципе overflow: visible; должно было решить эту проблему, но не решает почему то [Only registered and activated users can see links. Click Here To Register...]
[Only registered and activated users can see links. Click Here To Register...]
В Осле как рат тот резуьлтат, к которому стремимся...
-
Проблема успешно решена, между прочим самостоятельно!
Блок с правым вертикальным фоном поджали на margin = 1
+ min-height: 400px; // height: 400px; или персентаж, как угодно.
-
И от меня спасибки за тему.
