Dreamweaver ve Tarayıcı önizleme farkı

aksoyih · 23 Aralık 2015

Merhaba;
Sizlere, abilerime bi sorum olacak Dreamweaver üzerinden div yapısını kullanarak bir site yapıyorum. Program üzerinde Design görünümünde tam istediğim gibi gözükmesine rağmen Live View veya Chrome vb. tarayıcılarda açtığımda div'ler yukarıya yapışıyor. Aşağıda ekran alıntılarını ve kodları paylaşıyorum. Yardımınızı bekliyorum.

DW Design Görünümü

DW Live View Görünümü

Tarayıcı Görünümü

HTML kodlarım

HTML:

<body>
<div id="container">
  <div id="clearUst">Content for  id "clearUst" Goes Here</div>
  <div id="header">
    <div id="menuler">Content for  id "menuler" Goes Here</div>
  </div>
</div>
</body>

CSS kodlarım

Kod:

#container{
    position: relative;
    width: 1160px;
    margin: 0 auto;
}


#clearUst {
    height: 20px;
    width: 100%;
    margin-top: 0px;
    margin-right: 0px;
    margin-left: 0px;
}
#menuler {
    background-color: #F00;
    margin: 10px;
    height: 50px;
    width: 800px;
}


#header {
    background-color: #0FF;
    height: 100px;
    width: 100%;
    margin-top: 0px;
}

haktanycl · 26 Aralık 2015

CSS'den height width kodlarıyla oynarsan kendi çözünürlüğünü yakalayabilirsin.

Dreamweaver ve Tarayıcı önizleme farkı

aksoyih

Kilopat

haktanycl

Hectopat