выравнивание испорчено в IE10

0

У меня есть код css, с верхним и нижним колонтитулом. И выписать в левой панели, когда я открываю выравнивание IE10, хорошо для выписки, но когда я открываю его в IE9,8,7,6 выравнивание для выпадающего, входящего в центр страницы, когда я исправляю выравнивание для входа в IE9,8, 7,6 он поврежден в IE10. Как исправить проблему, так что выходите на ее место с левой стороны в IE10 и IE9,8,7,6

вы можете видеть мою сеть по адресу: http://jsfiddle.net/hadinetcat/E8jd3/5/

CSS

.container3 {
float:left;
width:100%;
/*background:green;*/
overflow:hidden;
position:relative;
}

.container2 {
float:left;
width:100%;
background:FFA500;
position:relative;
right:45%;
}

.container1 {
float:left;
width:100%;
/*background:red;*/
position:relative;
right:40%;
}

.col1 {
float:left;
width:26%;
position:relative;
left:87%;
overflow:hidden;
height:570px;
}

.col2 {
float:left;
width:50%;
position:relative;
left:90%;
overflow:hidden;
}

.col3 {
float:left;
width:26%;
position:relative;
left:80%;
overflow:hidden;
}


.footer {
        border:1px solid orange;
        position: relative;
        padding:0px;
        margin-top:-5px;
    font-size:15px;
    bottom:36px;

    }


.signout {
 position:       relative;
 width:          200;
 bottom:         150px;
 left:           20px;
 }

HTML

<div id="header" style="background-color:#FFA500;">

<h1 style="margin-bottom:0;">Wellcome To Balhalfe Services Customer Reports</h1>

<div class="container3 ">
<div class="container1 ">
<div class="container2 ">


<div class="col1">

lalalallalalalallala <br />
lllllllllllllllllllll <br />

</div>


<div class="col2">

<div align="center">
        <H2 align="center"> Report Table</H></div> 

<table border="1" align="center"> 
        <tr>
                <td><b>Name</b></td>
                <td><b>Mime</b></td>
                <td><b>Size (bytes)</b></td>
                <td><b>Created</b></td>
                <td><b>Download</b></td>
            </tr>




            <tr>
                <td>1594(HA 10 AL HAALY).pdf</td>
                <td>application/pdf</td>
                <td>60964</td>
                <td>2013-08-29 23:40:07</td>
                <td><a style='text-decoration:none;'href=' get_file_work.php?id=6&company=companya'>Download</a></td>
            </tr>

<tr>
                <td>eu contres.txt</td>
                <td>text/plain</td>
                <td>546</td>
                <td>2013-08-22 00:06:55</td>
                <td><a style='text-decoration:none;'href=' get_file_work.php?id=4&company=companya'>Download</a></td>
            </tr></table>

</div>


<div class="col3">

</div>

</div>

</div>


<div class="signout">

<a  style='text-decoration:none;' href= "index.html">Sign Out </br></a>

</div>


<div class="footer" style="background-color:#FFA500;clear:both;text-align:center;">
Copyright  balhalfe services 20103-2014</div>

</div>
Теги:

2 ответа

0
Лучший ответ

.signout должно быть position:absolute; clear:left; position:absolute; clear:left; не position:relative; , position:absolute; relative последней родительской position:relative; ,

Ниже приведенная информация по-прежнему поможет в будущем:

Так как IE 10 не поддерживает HTML-код IE для управления CSS. Я использую следующий код:

var doc = document, bod = doc.body, IE = parseFloat(navigator.appVersion.split('MSIE')[1]);
function gteIE(version, className){
  if(IE >= version){
    bod.className = className;
  }
}
gteIE(10, 'ie10');

Теперь просто убедитесь, что вы указали .ie10 в своем CSS.

  • 0
    не могли бы вы объяснить для меня шаг за шагом, где я могу добавить это оболочки?
  • 0
    я должен использовать JQuery для этого?
Показать ещё 8 комментариев
0

Добавьте clear: both; на ваш .signout чтобы очистить все столбцы с плавающей .signout.

  • 0
    не работает, я пытался.
  • 0
    это работает с ясно: оба; на IE6 спасибо.

Ещё вопросы

Сообщество Overcoder
Наверх
Меню