HTML-коды, работающие в I.E, но не Firefox - PullRequest
Новая
       6

HTML-коды, работающие в I.E, но не Firefox

0 голосов
/ 29 ноября 2011 
<tr>
<td style="width:33.33333%;background:url(images/box1.png) top left no-repeat; background-size:100%; height:155px;position:relative">
         <!----><img src="images/pic1.png" style="position:absolute; z-index:12; left:227px; top:20px"/>
          <div style="position:absolute; vertical-align:top; z-index:11; left:12px; top:20px">
           <font size="+2" color="#FFFFFF">sometext<br/>
    sometext
           </font>
                <br/><br style="line-height:40px"/>
            <a href="page1.html"style=" font-size: small;color:#FFFFFF;" >
                somemoretext
            </a> 
          </div> 

</td>
<td style="width:33.33333%; background:url(images/box2.png) left top no-repeat; background-size:100%;position:relative">
<img src="images/pic2.png" height="122" width="76" style="position:absolute; z-index:12; left:227px; top:20px"/>
          <div style="position:absolute; vertical-align:top; z-index:11; left:12px; top:20px">
           <font size="+2" color="#FFFFFF">sometext<br/>
    sometext</font><br/><br style="line-height:40px"/>
    <a href="page2.html"style=" font-size: small;color:#FFFFFF;" >
      somemoretext</a> 
        </div> 
    </td>
<td style="width:33.33333%; background:url(images/box3.png) left top no-repeat; background-size:100%; position:relative">
<img src="images/pic3.png" height="122" width="76" style="position:absolute; z-index:12; left:227px; top:20px"/>
          <div style="position:absolute; vertical-align:top; z-index:11; left:12px; top:20px">
           <font size="+2" color="#FFFFFF">sometext<br/> sometext
           </font>
                <br/><br style="line-height:40px"/>
            <a href="page3.html"style=" font-size: small;color:#FFFFFF;" >
                somemoretext
            </a> 
          </div>

Я использую эти коды, чтобы выровнять 3 изображения (цветные прямоугольники) внизу с небольшим текстом, небольшим изображением и ссылкой сверху. Это прекрасно работает, когда я открываю его в Internet Explorer. Но когда я открываю его в Firefox, цветные прямоугольники по-прежнему появляются в нужном месте, в то время как тексты, маленькие картинки и ссылка появляются в левом верхнем углу (чуть ниже баннера моей веб-страницы).

Могу ли я знать, что не так с моими кодами HTML?

...