Здраствуйте, сделал я значит футер, в опере и файрвоксе он отображается нормально, а вот в Експлорере плывет до неузнаваемости, помогите, с чего начать кроссбраузерную верстку? Так как верстаю одним для себя знакомым способом другого не знаю.
Вот код футера.
<style>*
.line_verh {background-image:url(img/line_verh.gif);
* width:973px;
* height:4px;}
.line_niz {background-image:url(img/line_niz.gif);
* width:973px;
* height:4px;
* float:left;}
* *
.content {background-color:#9A9A9A;
* padding-top:30px;
* overflow:hidden;
* padding-bottom:20px;}
* *
.content a:active {color:#FFFFFF;
* text-decoration:underline;}
.content a:visited {color:#FFFFFF;
* text-decoration:underline;}
.block1 {margin-left:50px;
* float:left;}
.text_link {font-family:"Trebushet MS";
* font-size:12px;}
* *
.block2 {margin-left:40px;
* float:left;}
* *
.kvadrat {background-image:url(img/cvadrat.gif);
* background-position:left;
* background-repeat:no-repeat;
* padding-left:10px;}
* *
.text_style {color:#6C6C6C;
* font-family:"Trebushet MS";
* font-size:12px;}
* *
.block3 {float:left;
* margin-left:30px;
* width:200px;}
* *
.center {text-align:center;
* font-weight:100;}
.company {margin-left:10px;}
.block4 {float:left;
* width:60px;
* margin-left:50px;}
* *
.block5 {float:left;
* margin-left:30px;
* width:200px;}
* *
.line {background-image:url(img/line.gif);
* width:906px;
* height:2px;
* float:left;
* margin-left:35px;
* margin-top:20px;}
* *
.block6 {float:left;
* width:100px;
* margin-left:30px;}
* *
.text_copyright {float:left;
* margin-top:10px;
* margin-left:50px;
* color:#424240;
* font-family:arial;
* font-size:11px;}
* *
.forma1 {float:left;
* width:350px;
* margin-top:10px;
* margin-left:50px;}
* *
.knopka {background-image:url(img/knopka.gif);
* width:28px;
* height:20px;}
* *
.label1 {width:200px;
* margin:0;
* padding:0;}
* *
input {float:left;}
</style>
*
* <div class="content">
* <div class="block1">
* [Только зарегистрированные пользователи могут видеть ссылки. ]
* [Только зарегистрированные пользователи могут видеть ссылки. ]
* [Только зарегистрированные пользователи могут видеть ссылки. ]
* [Только зарегистрированные пользователи могут видеть ссылки. ]
* </div>
* <div class="block2">
* [Только зарегистрированные пользователи могут видеть ссылки. ]
*
*
*
*
*
* *
* </div>
* <div class="block3">
*
*
* <table width="250">
* <tr>
* <td width="130"></td>
* <td width="120">
*
* </td>
* </tr>
* </table>
* </div>
* <div class="block4">
*
*
*
*
*
* </div>
* <div class="block5">
*
* <table width="200" cellpadding="0" cellspacing="0" border="0">
* <tr>
* <td width="120">
*
*
*
* *
* </td>
* <td width="80">
*
*
*
* </td>
* </tr>
* </table></div>
* <div class="block6">
* [Только зарегистрированные пользователи могут видеть ссылки. ]
*
*
*
*
*
* </div>
* *
*
* *
* <div class="text_copyright">Copyright © 2008-2009, NewsCafe. Все права защищены.
Использование материалов NewsCafe.com.ua разрешается при условии ссылки (для интернет-изданий - гиперссылки) на NewsCafe.com.ua
Материалы, отмеченные знаком "Реклама" публикуются на правах рекламы. </div>
* *
* *
* <div class="forma1">
* <form name="form1" method="post" action="">
* <label class="label1">
* <input name="textfield" type="text" id="textfield" size="40">
* </label>
* <input class="submit" type="image" value="ok" src="img/knopka.gif" name="send"/>
* </form>
* </div>
* *
* *
* </div>
* *
* *
*
если у вас после span div идет, то это реально печально.