Верстка контентной части со своим бордером

[rus]

есть какие-нибудь идеи по поводу верстки сего чуда?

свой код приводить не буду, ибо он ужасен

[Xenia Wanger]

Такое проще картинками, я думаю

[rus]

вот что у меня получилось: http://jsfiddle.net/rus333/eW3YR/

все бы вроде ничего, но, левый и правый бордер наезъжают на закругления (спрайт картинку), да и код громоздкий получился, может есть более елегантное работающее решение?

[npofopr]

Если блок не большой будет, то я бы так делал http://chikuyonok.ru/2009/10/homework2/

Только там надо все комментарии почитать.

А можно еще таблицей сделать. Тогда понадобятся только уголки и боковинки. Проще будет даже так)

[rus]

посмотрел, почитал.

нет, не то, там и в самом деле ограниченный размер блока, и хоть здесь он тоже шириной не более 1000px, все-равно, использовать такие длиннющие картинки, которые еще и весить будут больше положеного не очень хотелось бы.

[Xenia Wanger]

посмотрел, почитал.

нет, не то, там и в самом деле ограниченный размер блока, и хоть здесь он тоже шириной не более 1000px, все-равно, использовать такие длиннющие картинки, которые еще и весить будут больше положеного не очень хотелось бы.

 

А зачем использовать длиннющие картинки? Достаточно вырезать уголки и два маленьких кусочка с верхней части (фоном потом поставить и repeat-x задать) и нижней части (аналогично, repeat-y)

[Great Rash]

Вот что CSS3 с людьми делает, совсем уже картинками верстать разучились...

[rus]

Вот что CSS3 с людьми делает, совсем уже картинками верстать разучились...

да я бы и картинками рад, но вот что-то на ум ничего не приходит...

ну а вообще, почему бы и нет (на счет css3)?

 

посмотрел, почитал.

нет, не то, там и в самом деле ограниченный размер блока, и хоть здесь он тоже шириной не более 1000px, все-равно, использовать такие длиннющие картинки, которые еще и весить будут больше положеного не очень хотелось бы.

 

А зачем использовать длиннющие картинки? Достаточно вырезать уголки и два маленьких кусочка с верхней части (фоном потом поставить и repeat-x задать) и нижней части (аналогично, repeat-y)

 

если перейти по ссылке выше, то вы увидите, что там именно так и сделано, в чем проблема - там тоже описано.

[Xenia Wanger]

 

Вот что CSS3 с людьми делает, совсем уже картинками верстать разучились...

да я бы и картинками рад, но вот что-то на ум ничего не приходит...

ну а вообще, почему бы и нет (на счет css3)?

 

посмотрел, почитал.

нет, не то, там и в самом деле ограниченный размер блока, и хоть здесь он тоже шириной не более 1000px, все-равно, использовать такие длиннющие картинки, которые еще и весить будут больше положеного не очень хотелось бы.

 

А зачем использовать длиннющие картинки? Достаточно вырезать уголки и два маленьких кусочка с верхней части (фоном потом поставить и repeat-x задать) и нижней части (аналогично, repeat-y)

 

если перейти по ссылке выше, то вы увидите, что там именно так и сделано, в чем проблема - там тоже описано.

 

 

ширина блока фиксированная?

[rus]

фиксированная, в коде это видно, ограничивается родителем:

.wrapper {
     width: 1000px;

[Great Rash]

ну а вообще, почему бы и нет (на счет css3)?

Ну тогда вообще всё просто.

[rus]

Great Rash, думал уже в эту сторону (border-image), но он ведь в поддержке идет только аж от 11IE!

[Great Rash]

Ну ты сам просил CSS3

[rus]

кхм..., говоря так (выше), я имел ввиду вообще, типа почему бы и не пользоваться тем, что упрощает код?

а так, конечно на css3 можно и border-image воспользоваться, но тогда IE в пролете будет.

а картинками вот, как сделать код изящнее и рабочим?

[Great Rash]

Ну вот картинками.

[rus]

Ну вот картинками.

ээх... картинками без css3

это для того, что бы кросс было.

[Great Rash]

Ну тебе и так не нравится и сяк не нравится, тебе не угодишь прям.

[rus]

хе-хе, я вроде ничего не просил , я только СПРОсил, а есть ли какое-нибудь изящное решение с картинками (ну типа того что я сделал, только у меня плюс ко всему еще и код до конца не рабочий, проблему описал выше.).

просто может кто уже верстал нечто подобное и есть уже что-то готовое от которого можно в крайнем случае оттолкнуться, ну или заюзать

в любом случае, спасибо за участие.

[Great Rash]

Моё решение тебе не кажется изящным? Оно с успехом используется на боевом сайте.

[rus]

не так может выразился я, твое решение конечно же мега-гипер-супер-пупер изящное, но в ие ведь работать не будет!

и ладно бы если бы от 8-9 версии, так там аж от 11 IE!

вот поэтому и ищу кросс решение.