HTML TEMELLERİ
HTML5
İLERİ SEVİYE
CSS TEMELİ
css div yerleşimi
css layout examples
css layout align
css layout code
css layout div
css layout display
css layout element
css layout examples div
css layout examples with code
css layout help
css layout kullanımı
css layout models
css layout menu
css layout nedir
css layout options
css layouts examples
css layout tips
layout css kod
css login layout
css width
css width height
css width full
css width kullanımı
css width max
css width and max-width
css width and height
css width div
css width max-width
css width of element
max width css

CSS Layout - Width and Max-width(Yerleşim - Genişlik ve Max Genişlik)

CSS Layout - Width and Max-width(Yerleşim - Genişlik ve Max Genişlik)

Yerleştirdiğiniz web site elemanına maximum genişlik atamaz iseniz tarayıcının boyutları değiştiği zaman bozuk bir görünüm elde edersiniz. Tarayıcının boyutlarını kullanıcı el ile değiştirebilir yada mobil cihazlardan farklı ekranlardan web sitenize girer ise tarayıcı ona göre şekil alacaktır.

Kullanımı:

Css
div.kutu1 {
width:500px;
margin: auto;
border: 3px solid #73AD21;
}
div.kutu2 {
max-width:500px;
margin: auto;
border: 3px solid #73AD21;
}
Html
<div class="kutu1">Bu div elementi 500px boyutundadır.</div>
<br>
<div class="kutu2">Bu div elementi maximum 500px boyutundadır</div>
<p><strong>Not:</strong> Tarayıcınızın boyutları ile oynayarak aradaki farkı görebilirsiniz.</p>


Paylaş:

Enes KILIÇ
Webmaster