Jump to content
  • 0

Обрезать слой по обоим краям, реально?


weblad
 Share

Question

Есть слой, в нем flash-ролик, ширина ролика - шире окна браузера, нужно избавится от горизонтального скролинга "обрезав" ролик по краям, точнее обрезав слой содержащие этот ролик.

На данный момент слой контейнер такой:

width: 100%;
overflow: hidden;

Ролик обрезается, но только с правой стороны.

Хочется добиться эффекта как при background: center когда фон блока обрезается с обоих сторон.

Осуществимо ли это?

Link to comment
Share on other sites

12 answers to this question

Recommended Posts

  • 0
Может быть свойство clip подойдёт?

Я как понимаю там нужно указывать сколько обрезать по краям в пикселях, т.е. в моем случае только вычислять ширину окна браузера и делать clip на js, вариант конечно, но не самый лучший и не очень понятно как будет работать в реальных условиях.

Link to comment
Share on other sites

  • 0
Предположу, что блоку с оверфлоу может не от куда считать эти самые 100%, то есть, укажите в явном виде все ширины родителей, авось поможет.

Перечитал, но так и не понял, можно на примере?

Покажи код как ты флеш вставляешь.

http://clubkaraokerov.ru/kk/

Link to comment
Share on other sites

  • 0
Перечитал, но так и не понял, можно на примере?

<elem1>
<elem2>
<elem3>Text</elem3>
</elem2>
</elem1>


elem3{
width:100%;
overflow:hodden;
}

Пока не укажите ширину для elem2 и elem1, оверфлоу не заработает. Пhичем сразу для обоих.

Link to comment
Share on other sites

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.
Note: Your post will require moderator approval before it will be visible.

Guest
Answer this question...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

 Share

×
×
  • Create New...

Important Information

We have placed cookies on your device to help make this website better. You can adjust your cookie settings, otherwise we'll assume you're okay to continue. See more about our Guidelines and Privacy Policy