[mattik]

merhaba arkadaşlar;

sitemin bir köşesinde giriş formu bulunmakta. formu yatay olarak hizalamak için

#1 {
     float:left;
     width:177px;
    }
#2{
     float:left;
     width:177px;
    }
#3 {
        padding-left:10px;
     float:left;
     width:150px;
    }
<div id="1">
<form>
  <div id="2">
herhangi bir şey
  </div>
  <div id="3">
herhangi bir şey
  <div>
</form>
</div>

şeklinde bir yapı kullanıyorum. Ama 2. div'in içinde başlayıp 3. divin içinde biten form hata veriyor. Geçerli xhtml olması için ne yapmam gerek?


çözüm bu şekildeymiş

#1 {
     float:left;
     width:177px;
    }
#2{
     float:left;
     width:177px;
    }
#3 {
        padding-left:10px;
     float:left;
     width:150px;
    }
<div id="1">
<form>
  <div id="2">
herhangi bir şey
  </div>
  <div id="3">
herhangi bir şey
  <div>
</form>
</div>

[BYK]

Etiketler açıldığı sırayla kapanmalıdır. Yani 2. div'in içinde başlayıp 3. div'in içinde biten bir form olamaz. 2. div'in içinde ya da 3. div'in içinde bir form olabilir