Размещение содержимого блока по центру при owerflow

Nil · October 25, 2007

Задача: Содержимое сайта должно выравниваться по центру при любом рарешении.

Фон шириной 1500 пикселей вставляетсся и выравнивается стилем:

position:absolute;top:0;width:100%;height:500;background: url('/img/pro/tbg.jpg') center middle repeat-x;z-index:1;

Потом идет флэшка, шириной 1200 пикселей.

Я создаю блок шириной 100%.

Вставляю туда свою флэшку.

Горизонтальный скролл убираю owerflow:hidden

При этом флэшка выравнивается по левому краю и обрезается правый.

Вопрос: Как сделать чтобы флэшка (картинка) выравнивалась по центру и обрезалась с права и слева?

Заранее спасибо за комментарии.

maddogrts · October 26, 2007

Слушай давай код рабочий я так понимаю дело не во флешки замени картинкой, давай посмотрим. Что т оменя сомения мучают http://www.vektorzone.narod.ru/css2/visufx...ropdef-overflow

rmaksim · November 2, 2007

вариант для картинки, на флэшке не проверял, но мот тож прокатит

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
 <meta http-equiv="Content-Type" content="text/html; charset=windows-1251" />
 <title></title>
 <style type="text/css">
 .box{
 position: relative;
 width: 50%;
 height: 100px;
 background-color: #fcc;
 overflow: hidden;
 }
 .box img{
 position: absolute;
 left: 50%;
 margin-left: -250px;/* half image width */
 }
 </style>
</head>
<body>
 <div class="box">
 <img src="img.jpg" width="500" alt="" />
 </div>
</body>
</html>

Sign In

Размещение содержимого блока по центру при owerflow

Question

Nil

Link to comment

Share on other sites

2 answers to this question

Recommended Posts

maddogrts

Link to comment

Share on other sites

rmaksim

Link to comment

Share on other sites

Join the conversation

Обсуждения

Forums

Important Information