0

我试图让这个网页看起来更静态。
在较小的分辨率上,文本将无法正确放入 div 元素中。
该网站在这里: http: //www.vidimortem.info/
这是我的 CSS:

body {
   width: auto;
   background-color: #FFFFFF;
}
div  {
   border-radius: 0px 5px 5px 5px;
}

/* class identifiers */
.alignmentDiv {
   width: inherit;
   font-family: sans-serif;
   text-align: center;
   color: #000000;
 }

.headerDiv {
   background-color: #318B7C; 
   width: inherit;
   height: 40px;
   margin: auto auto; 
   border-radius: 15px; /* i'm currently hating how css3 hasn't fully been implemented to all themes so it doesn't colorize. */ 
   opacity: 0.8;
}
.sidebarDiv   {
   background-color: #748B31; 
   width: 40%;
   height: 220px; 
   padding: 1% 1% 1% 1%;
   display: inline-block;
   box-shadow: 3px 3px 3px 3px #ccc;
}
.linksDiv {
   background-color: #ACACAC; 
   width: 40%;
   height: 200px; 
   padding: 1% 1% 1% 1%;
   font-size: 14px;
   display: block;
   float: right;
   text-align: justify;
   box-shadow: 3px 3px 3px 3px #ccc;
}
.aboutDiv     {
   background-color: #468B31;
   box-shadow: 3px 3px 3px 3px #ccc;
   width: 50%; 
   height: 130px;
   padding: 1% 1% 1% 1%;
   margin: auto auto;
   margin-top: 3%;
   font-size: 11px;
   display: block; 
   text-align: justify;
}

a {
   color: #F92672;
   text-decoration: none;
   font-weight: bold;
}
a:hover {
   color: #FC689D;
   text-decoration: underline;
}

我想让它尽可能地静态,而不会大幅改变外观。HTML 可以在这里找到:http
://pastebin.com/raw.php?i= L0xBLau2 提前致谢。

4

2 回答 2

0

以这种方式更改 CSS:

body {
   width: 1070px;
   margin: auto;
   background-color: #FFFFFF;
}
于 2013-01-01T16:46:26.300 回答
0

只需删除盒子的高度。

于 2013-01-01T16:47:58.497 回答