0

StackOverflow ユーザーの皆様、こんにちは。

私は自分自身の新しい個人 Web サイトに取り組んでいますが、Opera 12.02 (私は Mac を使用しています) が非常に扱いにくいことがわかりました。なんらかの理由で、すべてがパッケージ化されているコンテナを除いて、ほとんどすべてのポジショニングが完全にオフになっています。したがって、これはパディング/マージン/行の高さの問題であると推測しています。ここにサイトがあります: http://www.tommaxwell.me . 誰かが私を助けることができますか？

CSS:

    body {
padding: 0 auto;
margin: 0 auto;


}

@-moz-document url-prefix() {
* { font-weight: 100; }
h1, h2 
}



#sitecontent {
display: block;
width: 780px;
padding-top: 150px;
margin: 0 auto;
}


#sitecontent .leftsidebar {
float: left;
width: 150px;
}

#profilepic {
-moz-border-radius: 20px;
border-radius: 20px;
}
#sitecontent .leftsidebar ul {
position: relative;
top: -5px;
list-style-type: none;
font-family: 'Cantora One', sans-serif;

 }


#sitecontent a {
text-decoration: none;
color: #3f83ca;
}




#sitecontent .leftsidebar ul li{
margin-bottom: 2px;
}

#sitecontent a:hover {
opacity: 0.9;

}

#sitecontent .rightsidebar {
float: right;
width: 600px;

}

#sitecontent .rightsidebar > h1 {
font-size:60px;
color: #3f83ca;
line-height: 0;
font-family: 'Cantora One', sans-serif;

}

#sitecontent .rightsidebar > h2 {
line-height: 10px;
color: #38414f;
font-family: 'Cantora One', sans-serif;
}

#sitecontent .rightsidebar > p {
padding-top: 16px;
line-height: 20px;
font-family: 'Cantora One', sans-serif;



}

#secondparagraph {
opacity: 0.5;


}

#secondparagraph:hover {
color:#3f83ca;
opacity: 1.0;

}

#secondparagraph a {
text-decoration: none;
color: inherit;
}
4

2 に答える 2

-1

cssに追加しoverflow:hiddenます#sitecontent

このように

#sitecontent{
overflow:hidden;
}
于 2012-10-23T05:53:18.940 に答える
-1

これはうまくいきました。 

x:-o-prefocus, h1 {
padding-top: 22px;
}

x:-o-prefocus, h2 {
margin-top: -24px;
}
于 2012-10-23T07:30:10.233 に答える