Spītīgais IE

[aika]

<div class="dialog" style="width:200;" >
<div class="hd"><div class="c"></div></div>
<div class="bd">
 <div class="c">
  <div class="s"> 
<TABLE width="100%" border="0" cellspacing="0" cellpadding="0" >
...
vai 
<TABLE width="200" border="0" cellspacing="0" cellpadding="0" >

  </div>
 </div>
</div>
<div class="ft"><div class="c"></div></div>

 

Problēma - uz FF viss kārtībā, bet uz IE (8) tabula lien ārā no <div class=dialog>

css:

.dialog {
margin:0px auto;
min-width:20em;
}

.dialog .hd .c,
.dialog .ft .c {
font-size:1px; /* ensure minimum height */
height:11px;
}

.dialog .ft .c {
height:14px;
}

.dialog .hd {
background:transparent url(/css/tl.png) no-repeat 0px 0px;
margin-right:14px; /* space for right corner */
}

.dialog .hd .c {
background:transparent url(/css/tr.png) no-repeat right 0px;
margin-right:-14px; /* pull right corner back over "empty" space (from above margin) */
}

.dialog .bd {
background:transparent url(/css/ml.png) repeat-y 0px 0px;
margin-right:6px;
}

.dialog .bd .c {
background:transparent url(/css/mr.png) repeat-y right 0px;
margin-right:-6px;
}

.dialog .bd .c .s {
margin:0px 8px 0px 4px;
background:transparent url(/css/ms.png) repeat-x 0px 0px;
padding:1em;
}

.dialog .ft {
background:transparent url(/css/bl.png) no-repeat 0px 0px;
margin-right:14px;
position:relative;
}

.dialog .ft .c {
background:transparent url(/css/br.png) no-repeat right 0px;
margin-right:-14px;

[Cibiņš]

1)

 

<div class="dialog" style="width:200;" >

 

Palabo šo. Palūko vai te kautkas netrūkst.

 

2) nepareizi ievietotas tabulas.

 

<table width="0" border="0" cellspacing="0" cellpadding="0">
 <tr>
   <td> </td>
   <td> </td>
   <td> </td>
 </tr>
 <tr>
   <td> </td>
   <td> </td>
   <td> </td>
 </tr>
 <tr>
   <td> </td>
   <td> </td>
   <td> </td>
 </tr>
</table>

 

nevis TIKAI

 

<TABLE width="100%" border="0" cellspacing="0" cellpadding="0" >

 

3) tags atstāts vaļā.

 

Skatos ka tu pa taisno dragā. Pārbaudi uz kādas progas kura pārbauda sourci vai tagi ir vaļā vai ciet.

 

Pārskati vēlreiz visu no sākuma līdz beigām.

Edited October 9, 2009 by MCWeb.lv

[aika]

Tabula bija tikai piemēram - tas taču bija jāsaprot, ka nelikšu iekšā visu tabulu

[aika]

un px aiz cipara jau nu neko nemaina!

[Cibiņš]

Pamēģini min-width, max-width un parasto width. FF ņem min/max width un height, IE ņem width, height vērtības.

Edited October 10, 2009 by MCWeb.lv