Wrapper Width 100% Tidak Bisa Full, Mentok 1349 Piksel

Beranda
Komunitas
Tech
Website, Webmaster, Webdeveloper
Wrapper Width 100% Tidak Bisa Full, Mentok 1349 Piksel

akhatam

10-10-2014 02:06

Wrapper Width 100% Tidak Bisa Full, Mentok 1349 Piksel

Pagi gan para webmaster, mau nanya nih soal css untuk web responsive. Nah, ada yang mau saya tanyakan, pas saya set untuk wrapper 100%, bisa full tapi tidak bisa penuh gan. Udah set body, html 100% juga tidak ada efeknya gan.

ini screenshotnya

Spoiler for "Screenshot":

Kemudian background yang warna kuning bisa full width gan emoticon-Bingung (S)

Kemudian ini sebagian kode CSSnya

Spoiler for "media.css":

CSS Responsive (Media.css)

@media screen and (min-width: 980px) {
html, body {
width:100%;
}
#wrapper_sec {
width:100%;
margin:0px;
box-shadow:none;
height:100%;
}
#masthead {
width:100%;
}
#menuatas {
width:100%;
}
.programslide {
width:100%;
}
#content_sec {
width:100%;
}
.heading {
background-size:94%;
}
.upcoming_events {
width:31%;
}
.upcoming_events ul, .upcoming_events ul li {
width:99%;
}
.upcoming_events ul li .conts{
width:85%;
}
.upcoming_events ul li h3 {
margin:10px 0px 0px 5px;
}
.location {
width:31%;
}
.location ul {
width:99%;
}
.location ul li {
width:98%;
}
.gallery {
width:31%;
}
#footer {
width:100%;
}
}

Spoiler for "style.css':

body {
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
color:#666666;
width:100%;
height: 100%;
background:#321D0E;
}
.....
#wrapper_sec {
width:980px;
margin:0px auto 0px auto;
box-shadow:0px 0px 7px 4px #150B04;
}

Kira-kira pengaruhnya dimana ya gan?
Bagi agan2 tahu, mohon bantuannya ya gan emoticon-Big Grin

Thanks Kaskus!

Diubah oleh akhatam 10-10-2014 02:33

846

Kutip

Balasan

Guest

Tulis komentar menarik atau mention replykgpt untuk ngobrol seru

Urutan

Terbaru

Terlama

Guest

Tulis komentar menarik atau mention replykgpt untuk ngobrol seru

Komunitas Pilihan