嗨 StackOverflow 用户,
我正在为自己开发一个新的个人网站,并且发现 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;
}