выпуск iPhone css - PullRequest
Новая
       10

выпуск iPhone css

0 голосов
/ 04 сентября 2011

На этом сайте , есть проблемы с правым столбцом, перекрывающим левый столбец.Это целевой CSS: 

#content {
    margin: 0 34% 0 7.6%;
    width: 59.4%;
}

.left-sidebar #content {
    margin: 0 7.6% 0 35%;
    width: 65.4%;
}

Есть ли проблема с процентными полями в iphone, которая не нацелена правильно?

1 Ответ

0 голосов
/ 04 сентября 2011

Первое, что приходит на ум, это то, что размеры вашего контейнера превышают 100% -

содержание - 34 + 7,6 + 59,4 = 101

левая боковая панель - 7,6 + 35 + 65,4 = 108

Попробуйте сначала отрегулировать свои проценты.

- Правка -

Хорошо, во-первых, CSS, который вы разместили, предназначен для того же контейнера на странице, на которую вы ссылаетесь. класс левой боковой панели используется только в теге body и является более специфичным селектором, поэтому первый бит CSS игнорируется. Кроме того, эти проценты рассчитываются исходя из размера родительского контейнера, который является #primary. Кажется, ваша проблема между #primary и #secondary. #secondary задается как 27,2%, но это не имеет значения, поскольку его дочерний #bluebox принудительно устанавливает его на 332 пикселя - он имеет ширину 330 пикселей и границу 1 пикселя. Вы должны будете принять это во внимание, потому что #secondary всегда будет иметь ширину не менее 332 пикселей из-за # bluebox.

...