iyi akşamlar, bi web sitesi var ama site ekrana geniş olarak yayılmıyor ortalanmış kenarda boşluk kalıyo hep boyutlandırmasını nasıl değiştirebilirim? css kodları byle; @import url(https://fonts.googleapis.com/css?family=Josefin+Sans:400,700,600italic&subset=latin, latin-ext); html, body body . main-container @media (max-width: 767px) { body . container } / Titles and Headings / h1, h2, h3, h4, h5, h6 h1 small, h2 small, h3 small, h4 small, h5 small, h6 small h2 small h5 small h6 small h5. title-bg button / Links / a, a:hover / Misc / i p blockquote blockquote. pull-right / / Header / . logo . logo img . logo h5 . headline / Landscape phones and down / @media (max-width: 480px) { . logo, . navigation . row. header . logo h5 } / Portrait tablet to landscape and desktop / @media (min-width: 768px) and (max-width: 1199px) { . headline. lead } . navigation . navigation. navbar . navbar. nav > li > a / Portrait tablet / @media (min-width: 768px) and (max-width: 979px) { . navbar. nav > li > a } . navbar. nav > . active > a, . navbar. nav > . active > a:hover, . navbar. nav > . active > a:focus . navbar. nav li. dropdown. open > . dropdown-toggle, . navbar. nav li. dropdown. active > . dropdown-toggle, . navbar. nav li. dropdown. open. active > . dropdown-toggle ul. nav li. dropdown:hover ul. dropdown-menu . dropdown-menu . navbar. nav > li > . dropdown-menu:before . dropdown-menu a . dropdown-menu li > a:hover, . dropdown-menu li > a:focus, . dropdown-submenu:hover > a . navbar. nav li. dropdown. open > . dropdown-toggle. caret, . navbar. nav li. dropdown. active > . dropdown-toggle. caret, . navbar. nav li. dropdown. open. active > . dropdown-toggle. caret . navbar. nav > li > . dropdown-menu:before, . navbar. nav > li > . dropdown-menu:after / / Slider / . carousel-caption h4 . carousel-caption . carousel-control / / Gallery / . gallery-title . gallery-item . gallery-hover-6col, . gallery-hover-4col, . gallery-hover-3col, . gallery-hover-4col-cir . gallery-hover-4col-cir / Large Desktop Size / @media (min-width: 1200px) { . gallery-hover-6col . gallery-hover-4col . gallery-hover-3col . gallery-hover-4col-cir . gallery-hover-4col-cir. gallery-icons } / Small Desktop Size / @media (min-width: 980px) and (max-width: 1199px) { . gallery-hover-6col . gallery-hover-4col . gallery-hover-3col . gallery-hover-4col-cir . gallery-hover-4col-cir. gallery-icons / Clip descriptions / li. span4. project-details li. span3. project-details li. span2. project-details } / Portrait tablet to landscape / @media (min-width: 768px) and (max-width: 979px) { / Clip descriptions / li. span2. project-details li. span3. project-details li. span4. project-details } / Landscape phones and down / @media (max-width: 480px) { . project-details . gallery-post-grid . project-details . gallery . gallery-cats li. span2. project-details } / Mobile Landscape Size / @media only screen and (min-width: 480px) and (max-width: 767px) { li. span4. project-details } / Mobile Portrait Size / @media only screen and (max-width: 479px) { li. span4. project-details } . project-details . project-details a . project-details . project-details a . project-details a:hover . project-info . project-info li . project-info li h6 . gallery-icons a. item-zoom-link a. item-details-link a. item-zoom-link:hover a. item-details-link:hover . gallery-post-grid . gallery-post-grid li . gallery-cats . gallery-cats li . gallery-cats li:first-child / / Blog / / Blog on Home Page / . blog-summary . post-info-shade . post-info . post-info h4 . post-info h4 a, . post-info h4 a:hover . post-info ul li . post-preview / All Sizes up to Large Desktop / @media only screen and (max-width: 1199px) { . post-info h4 . blog-details-preview } / Blog List Page / . blog article, . blog section . blog article h3 . blog article h3 a, . blog article h4 a, . blog article h3 a:hover, . blog article h4 a:hover . blog h4 / Mobile Landscape Size / @media only screen and (max-width: 479px) { . blog h4 } . post-summary . post-summary p . post-summary-footer . post-summary-footer button ul. post-data ul. post-data-3 ul. post-data li, ul. post-data-3 li ul. post-data li:first-child, ul. post-data-3 li:first-child ul. post-data li:last-child / Small Desktop Size / @media (min-width: 980px) and (max-width: 1199px) { ul. post-data-3 li:last-child } / Portrait tablet / @media (min-width: 768px) and (max-width: 979px) { . post-summary-footer button . blog article button ul. post-data-3 ul. post-data ul. post-data li:last-child } . blog-style-2 h4 . blog-style-2 ul. post-data . blog-style-2 ul. post-data li . blog-post-grid . blog-post-grid li . blog-post-hover . blog-post-hover p . blog-post-hover a . blog-post-hover a:hover @media (min-width: 768px) and (max-width: 1199px) { . blog-post-hover . blog-post-hover a } / All Mobile Sizes / @media only screen and (max-width: 767px) { . post-summary-footer . post-summary . blog-style-2 } / Blog Full Page / . post-content . post-body . about-author img / Comments / .comments ul .comments ul li .comments ul li ul .comments ul li ul li .comments ul li ul li:last-child .comments ul li img .comment-name .comment-date .comment-content .comment-form-container input, #contact-form input .comment-form-container textarea, #contact-form textarea .comment-form-container. btn, #contact-form. btn / / Sidebar / . sidebar input . sidebar h5 . sidebar ul. post-category-list, . sidebar. tab-content. tab-pane ul . sidebar ul. post-category-list li, . sidebar. tab-content. tab-pane ul li . sidebar ul. post-category-list li a . sidebar ul. post-category-list li:first-child, . sidebar. tab-content. tab-pane ul li:first-child . sidebar ul. post-category-list li:last-child . sidebar ul. post-category-list li i . sidebar. tab-content. tab-pane ul li i . popular-posts . popular-posts li . popular-posts li a, . popular-posts li a:hover . popular-posts li img . popular-posts li em p. side / Mobile Portrait and Landscape Size / @media only screen and (max-width: 479px) { iframe } / Tablet / @media (min-width: 768px) and (max-width: 979px) { iframe } / Small Desktop Size / @media (min-width: 980px) and (max-width: 1199px) { iframe } / / Footer / . footer-container . footer-row . footer-col . footer-col a . footer-col a:hover . footer-col h5, . footer-col strong . footer-col h5 . footer-col ul . footer-col ul li . footer-col ul. post-list li / All Mobile Sizes / @media only screen and (max-width: 767px) { . footer-col . footer-sub. right } ul. img-feed li / Portrait tablet / @media (min-width: 768px) and (max-width: 979px) { ul. img-feed li:nth-last-child(-n+4) } / Social Icons / . social-icons . social-icons li / Small Monitor / @media (min-width: 980px) and (max-width: 1199px) { . social-icons li:last-child } a. social-icon a. facebook a. facebook:hover a. twitter a. twitter:hover a. dribble a. dribble:hover a. rss a. rss:hover a. forrst a. forrst:hover / Sub Footer / . footer-sub . footer-sub div div span / / MISC / . row . sub-row30 . sub-row20 . no-margin a. accordion-toggle . nav-tabs li. active a @media only screen and (max-width: 767px) { . btn } . left . right . align-left . align-right . color-bg . color . color-bar-1, . color-bar-2 . color-bar-1 . color-bar-2 . page-header . lead #toTop / Lightbox / #lightbox-image-details-caption #lightbox-secNav-btnClose #lightbox-image-details-currentNumber / Testimonials / . quote-text . quote-text cite #clientCarousel. carousel. item #clientCarousel. carousel. next. left, . carousel. prev. right #clientCarousel. carousel. active. left, . carousel. active. right / Client Logos / . client-link . client-mask . client-logos . client-logos li / Small Monitor / @media (min-width: 980px) and (max-width: 1199px) { . client-logos li:first-child } / Portrait tablet / @media (min-width: 768px) and (max-width: 979px) { . client-logos li:nth-last-child(-n+2) } / Features Page / . the-grid div . form-examples input . the-icons . the-icons li / Mobile Portrait Size to Tablet Portrait Size / @media only screen and (max-width: 767px) { . the-icons li }

Bu gnderdiğin direk CSS. Aşağıdaki ana blümde herşey normal gibi grünüyor. Bu stilleri kullandığın div blümlerini grmek için kullandığın sayfayı da incelemek gerekir. index. asp, php, html her ne ise...html, body body . main-container PLaXToR tarafından 23/Ağu/16 06:05 tarihinde düzenlenmiştir If there are two or more ways to do something, and one of those ways can result in a catastrophe, then someone will do it.