Div&Html

<center>
<table border="0">
<tr><td>
<table border="0">
<tr><td>
A
</td></tr></table>
</td>
<td>
B
</td></tr></table>
</center>


<center>
<table border="0"><tr>
<td>
<table border="0">
<tr><td valign="top">
C
</td><td valign="top">
D
</td></tr>
<tr><td colspan="2">
E
</td></tr></table>
</td><td>
F
</td></tr></table>
</center>

Her kutu kendi içinde bir "div". Yukarıdaki kod ile bunları birbirine bağladığım zaman C ve D 1px vs. sağ kayıyor, tam oturmuyor. Nasıl yapabilirim sizce ?

c ve d'ye margin-left: -1px; vererek hizalayabilirsiniz.

Doğru aklıma bu gelmemişti. Yaptım ancak Firefox ve IE'de farklı oluyor. Firefox'da 1 iken IE'de 2 değerini vermem lazım ki aynı olsun. Bunu nasıl çözebiliriz ? Ya da başka yol var mıdır ?

Teşekkürler

960 Grid Systems (960.gs) 'yi kullanmanızı öneririm.

Yok onlarla uğraşamam ayrıca şimdi.

Arkadaşlar IE ve Firefox daki bu sorunu nasıl çözebiliriz ?

Sorunlu divlere bir class verip, IE için ayrı bir CSS dosyası oluşturabilirsin, veya head tagına şu kodları yazabilirsin:
<!--[if IE]>
<style type="text/css">
.class1 {
margin-left: -2px;
}
<![endif]-->

KeLKuN'unda dediği gibi IE Hack ile bu sorunu halledebilirsiniz.

Onu yaptım ancak hep sorun çıkıyor


HIZLI BAĞLANTILAR, DUYURULAR başlıklarının altında çizgi var img olarak. Ancak IE de tam yazının altında ike Firefox'da aşağılara kayıyor. Anlamadım gitti, sinir oldum.

Bir bakabilirseniz sevinirim.

Bende ikisinde de çizgi yok