Видно-не видно?

Yarkaya · February 22, 2012

Подскажите пожалуйста, вот код

<body>

</div>

<div class="top1">Дома на деревьях</div><div class="top2">+7921111111</div>

</div>

Во всех баузерах проверяла, номер телефона виден, только в какой-т оверсии хрома не виден, в чем может быть проблема?

Спасибо

Edited February 22, 2012 by Yarkaya

Switch74 · February 22, 2012

по этому кусочку кода мало что скажешь, какие стили установлены для классов?

Yarkaya · February 22, 2012

по этому кусочку кода мало что скажешь, какие стили установлены для классов?

#container {

width: 1000px;

margin: 0 auto;

min-height:100%;

position:relative;

background-color: #800000;

}

#header {

height:200px;

font-size: 2.2em;

text-align: center;

padding: 5px;

}

#nav {

float: left;

width: 200px;

padding: 5px;

margin: 10px;

font-size: 15px;

}

#content {

margin: 0 230px;

padding: 10px;

}

.top {

float:left;

width:180px;

height:180px;

margin-left:10px;

margin-top:0px;

}

.top1 {

float:left;

height:80px;

font-size:60px;

text-align:right;

font-weight:bold;

padding-top:50px;

margin-left:100px;

}

Switch74 · February 22, 2012

проблема может быть в следующем:

1. вы используете для текста font-size: 2.2em; это значит, что ваш текст масштабируемый - он увеличивает свой размер при изменении масштаба документа и возможно последний блок просто не влез в ограниченные размеры #container width:1000px;

2. блоки в #header у вас выстроены с помощью float:left; а если очередной блок не влазит, то он переносится на следующую строку.

Попробуйте проверить какие размеры блоков у вас в той версии хрома, проинспектируйте элементы, проверьте масштаб, у меня в хроме 18.0 нормально отображается.

Yarkaya · February 22, 2012

проблема может быть в следующем:
1. вы используете для текста font-size: 2.2em; это значит, что ваш текст масштабируемый - он увеличивает свой размер при изменении масштаба документа и возможно последний блок просто не влез в ограниченные размеры #container width:1000px;
2. блоки в #header у вас выстроены с помощью float:left; а если очередной блок не влазит, то он переносится на следующую строку.
Попробуйте проверить какие размеры блоков у вас в той версии хрома, проинспектируйте элементы, проверьте масштаб, у меня в хроме 18.0 нормально отображается.

Спасибо, попробую

Sign In

Видно-не видно?

Question

Yarkaya

Link to comment

Share on other sites

4 answers to this question

Recommended Posts

Switch74

Link to comment

Share on other sites

Yarkaya

Link to comment

Share on other sites

Switch74

Link to comment

Share on other sites

Yarkaya

Link to comment

Share on other sites

Join the conversation

Обсуждения

Forums

Important Information