Попытка сделать веб-страницу, где содержимое не течет друг друга - PullRequest
Новая
       14

Попытка сделать веб-страницу, где содержимое не течет друг друга

1 голос
/ 29 марта 2011

Мне нужна веб-страница, поэтому при разных разрешениях экрана содержимое веб-страницы имеет полосу прокрутки сбоку вместо перекрывающихся друг с другом. Это то, что у меня есть для CSS 

 @charset "utf-8";
/* CSS Document */

body {
    overflow:auto;
    font-weight:light;
    font-family:Andale Mono, "Trebuchet MS", Arial, Helvetica, sans-serif;
    font-size:.875em;
    font-weight:lighter;
    text-align:center;
}

a:link {        /* unvisited link */
    color:#000;
    text-decoration:none;
}     
a:visited {     /*  visited link  */
    color:#333;
    text-decoration:none;
} 
a:hover {       /* mouse over link */
    color:#C60;
    text-decoration:none;
}  

div.mainbody {
    margin-top:3%;
    font-size:1em;
    margin-left:auto;
    margin-right:auto;

}

div.textbody {
    height:100%;
    overflow:hidden;
    font-size:.875em;
    margin-top:1%;
    position:absolute;
    margin-left:10%;
    margin-right:10%;
}

div.arrowleft {
    position:absolute;
    top:40%;
    margin-left:25%;
}

div.arrowright {
    position:absolute;
    top:40%;
    margin-right:30%;
    margin-left:70%;
}

div.Footerbar {
    background:#ffffff;
    border-style:dashed;
    border-width:1px;
    border-left-style:none;
    border-right-style:none;
    position:absolute;
    bottom:1%;
    left:0%;
    right:0%;
    padding-bottom:;
    padding-top:;
    font-size:.70em;
    font-weight:lighter;
    text-align:center;
    letter-spacing:.2em;
}

div.footer {
    z-index:2;
    background:#ffffff;
    position:absolute;
    bottom:0px;
    left:0px;
    right:0px;
    font-size:9px;
    font-weight:lighter;
    text-align:center;
    letter-spacing:2px; 
}

div.ads {
    position:absolute;
    left:0px;
    right:0px;
    bottom:4%;
    width:728px;
    height:100px;
    margin:auto;
    text-align:center;
}

и когда я помещаю одну из своих страниц в стандартное разрешение монитора (1024x768), это приводит к тому, что элементы перекрываются вместо создания панели поиска. Пожалуйста, помогите meeee

1 Ответ

0 голосов
/ 29 марта 2011

Не так много деталей, приведенных в вашем вопросе.Вот пример, который я сделал, где div не перекрываются.Когда вы расширяете окно, содержимое начинает плавать горизонтально рядом друг с другом, когда размер окна меньше, они выпадают вертикально. Проверьте пример http://jsfiddle.net/5zcge/

...