爲什麼這個幻燈片不會集中在我的頁面上？

以下是我正在處理的網站的鏈接：http://students.bcitwebdev.com/jlandon/geordieirving/index.php。爲什麼這個幻燈片不會集中在我的頁面上？

我遇到了一個問題......邊距是以汽車爲中心的...但它只是有點關閉。其他人能看到這個嗎？這真的很困擾我。

這裏是我的html：

<!DOCTYPE html> 
<html lang="en"> 

<head> 
<link rel="stylesheet" type="text/css" href="geordie.css" /> 
<script type="text/javascript" src="geordie.js"></script> 

<title>Home</title> 
<meta charset="UTF-8"/> 

<script src="http://code.jquery.com/jquery-1.8.3.min.js"></script> 
<script type="text/javascript" src="./galleria/galleria-1.2.8.min.js"></script> 
<script type="text/javascript" src="./galleria/plugins/flickr/galleria.flickr.min.js"> </script> 

<script type="text/javascript"> 
$(document).ready(function(){ 

Galleria.loadTheme('./galleria/themes/classic/galleria.classic.min.js'); 
$("#galleria").galleria({ 
    autoplay: 5000, 
    responsive: true, 
    height: .57, 
    imageCrop: false, 
    thumbCrop: 'height', 
    carousel: true, 
    showInfo: true, 
    swipe: true, 
    easing: 'galleriaOut', 
    transition: 'pulse', 
    flickr: 'search:Vancouver Whitecaps FC vs. San Jose Earthquakes', 
    flickrOptions: { 
     max: 30 
    } 
}); 

}); 
</script> 

</head> 

<body> 
<?php 
//header 
include("header.php"); 
?> 

<div id="content"> 

<div id="galleria"></div> 

</div> 

<div id="footer"></div> 

</body> 

</html>

這是我的CSS：

@font-face   { font-family:"sketchscala"; 
        src:url('sketchscalasans-webfont.ttf'); 
       } 

@font-face   { font-family:"gudearegular"; 
        src:url('gudea_regular.ttf'); 
       } 

*     { margin:0; 
        padding:0; 
       } 

html, body   { background-color:#1A1A1A; 
        height:100%; 
       } 

h1     { font-size:300%; 
       } 

h2     { color:#6EB89F; 
       } 

h3     { color:#7DB4B6; 
       } 

h4     { color:#76BCAE; 
       } 

p     { font-size:50%; 
       } 

hr     { height:22px; 
        background-image:url('hrimage2.png'); 
        background-repeat:repeat-x; 
        border:none; 
       } 

ul     { list-style-type:none; 
       } 

li     { display:inline; 
       } 

#galleria   { width:900px; 
        margin-left: auto; 
        margin-right:auto; 
        height:auto; 
        background:#000000; 
       }     

#container   { min-height:100%; 
       } 

#header    { background-image:url('debut_dark.png'); 
        background-color:#333333; 
        height:100px; 
        width:100%; 
       } 

#title    { color:#FFFFFF; 
        font-family:"sketchscala"; 
        width:723px; 
        position:relative; 
        margin-left:auto; 
        margin-right:auto; 
        top:10px;  
       } 

#nav    { font-family:"sketchscala"; 
        color:#FFFFFF; 
        width:480px; 
        position:relative; 
        margin-left:auto; 
        margin-right:auto; 
        top:10px; 
       } 

#nav a:link   { color:#FFFFFF; 
        text-decoration:none; 
       } 

#nav a:hover   { color:#999999; 
        text-decoration:underline; 
       } 

#nav a:visited  { color:#FFFFFF; 
        text-decoration:none; 
       } 

#content   { font-family:"gudearegular"; 
        color:#333333; 
        overflow:auto; 
        padding-bottom:271px; 
        padding-left:100px; 
        padding-top:10px; 
       } 

#content a:link  { color:#333333; 
        text-decoration:underline; 
       } 

#content a:hover  { color:#000000; 
        text-decoration:none; 
       } 

#content a:visited { color:#333333; 
        text-decoration:underline; 
       } 

#footer    { position:relative; 
        margin-top:-271px; 
        height:271px; 
        width:100%; 
        clear:both; 
        background-image:url('bottom_border.png'); 
       }

HAAAALP

來源

2012-12-12 isolatedhowl

有上#content一個padding-left: 100px;，刪除和所有看起來不錯！

來源

2012-12-12 06:15:35

Ahhhhg謝謝！我爲另一個有文字的頁面做了這個。當，必須爲該頁面做一個單獨的CSS。 – isolatedhowl

只是一個建議：如果你意識到'母版頁'的概念，請嘗試在CSS中做同樣的事情，將常見樣式保存在全局'.css'中。並將頁面特定的css命名空間保存在單獨的文件中。 :) –

您#contentID

#content { 
    color: #333333; 
    font-family: "gudearegular"; 
    overflow: auto; 
    padding-bottom: 271px; 
    padding-left: 100px; //remove this line 
    padding-top: 10px; 
}

來源

2012-12-12 06:16:45

圍棋在geordie.css刪除padding-left你的＃內容風格，並禁用「填充左：100px的;」。這應該看起來很好。

來源

2012-12-12 06:18:25

爲什麼downvote？這正是問題所在。 –

爲什麼這個幻燈片不會集中在我的頁面上？

回答

相關問題