Jump to content
  • 0

Проблема с отображение блоков в EI7


Graf.Vampir
 Share

Question

Вот есть такая структура. Когда в 1м блоке мало текста, то Div и span стоят в одну строку, когда много то span сдвигается вниз. Все работает норм, вот только в IE7 div зажимает span и он не падает ниже, а просто становится уже (так что в строку помещается одно слово) и растягивается в высоту.

что можно сделать?

<div style=" display: block;

float: none;

margin: 0 4px 10px 0;

overflow: hidden;">

<div style="float:left; border: 1px solid">text text text text text text text text text text text text text text texttext text text text </div>

<span style="float:right;border:1px solid">11</span>

</div>

white-space - не помогает

при добавлении параметра white-space просто все слова блока <span> ставятся в одну строку и видно только кусок блока, остальное скрывается за границами страницы...

подскажите что можно сделать...

Link to comment
Share on other sites

1 answer to this question

Recommended Posts

  • 0

Вот вырезал код именно этого элемента, может более информативно будет.

<style>
.panel_socl_region {
display: block;
float: none;
margin: 0 4px 10px 0;
overflow: hidden;
}

form, div, ul, li, img {
border: 0 none;
margin: 0;
padding: 0;
}
.panel_socl_region div.div_breadcast {
padding: 0;
}

div.div_breadcast {
height: 1%;
overflow: hidden;
padding: 0 4px 10px 0;
}

.title-social, .other_region {
display: inline-block;
}
.other_region {
float: right;
overflow: hidden;
padding: 0;
}
.title-social div.fl_l {
width: 100%;
}

div.fl_l {
float: left;
}
.title-social h1 {
display: inline-block;
font: bold 18pt/30pt arial;
width: 100%;
}

h1 {
color: #313131;
font: bold 18pt/32pt arial;
letter-spacing: 0;
margin: 0;
padding: 0;
text-align: left;
}
.other_region a {
font: 9pt/30pt arial;
}
style.css (строка 1)
a {
color: #003366;
font-family: arial;
text-decoration: none;
}

</style>


<div class="panel_socl_region">
<div class="div_breadcast title-social">
<div class="fl_l">
<h1><a onclick="seoSheet('');" href="java script:void(0);">Недвижимость Киева</a></h1>
</div>
<div class="seoSheetDiv title-description" id="seoSheetDiv">Абырвалг
</div>
<div class="clear"></div>
</div>
<span class="other_region">
<a onclick="globalChangeRegion();" href="java script:void(0);" id="globalChangeRegionLink">Изменить регион - Киев</a>
</span>
</div>

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