singlepost

помогите разобраться с css << На главную или назад  


«
»

вот html:
<html>
<head>
<title></title>
<link href="App_Themes/DefaultTheme/StyleSheet.css" rel="stylesheet" type="text/css" />
</head>
<body>
<form id="form1" runat="server">
<div="mainContent">
<!–=====================HEADER=================–>
<div id="header">
</div>
<!–=====================CENTER=================–>
<div id="center">
<asp:ContentPlaceHolder id="ContentPlaceHolder1" runat="server">

</asp:ContentPlaceHolder>
</div><!–=====================FOOTER=====================–>
<div id="footer">

</form></div>
</div>
</body>
</html>

вот css:
body
{
margin: 0px;
}
div
{
border: 1px solid #FF0000;
}
#mainContent
{
margin: 0px;
}
#header
{
height: 100px;
}
#center
{
margin: 0px 0px 100px 0;
}
#footer
{
position:absolute;
bottom: 0px;
height: 100px;
}

должно получится так:

//s53.radikal.ru/i141/1003/3b/2d3a12affe2b.jpg

т.е. во всю страницу, чтобы footer, был снизу. Но получается не во всю страницу.

86 ответов в теме “помогите разобраться с css”

  1. 18
    Женя Глебов ответил:
    27 марта 2010 в 9:04

    я ведь поставил вместо них margin

  2. 17
    Сергей Сопов ответил:
    26 марта 2010 в 18:05

    ну так ты убрал width и height, вот он и не растягивается

  3. 16
    Женя Глебов ответил:
    26 марта 2010 в 13:01

    почему, когда ставлю
    #centerDiv
    {
    position:inherit;
    background-color: Blue;
    height: 100%;
    width: 100%;
    }
    то у меня centerDiv во весть экран стал(полсле хедера).
    затем я захотел, чтобы был отступ снизу:
    #centerDiv
    {
    position:inherit;
    background-color: Blue;
    margin: 0px 0px 100px 0px;
    }
    но получается вот что:
    //s005.radikal.ru/i210/1003/60/cd8f9cea29e6.bmp

  4. 15
    Дмитрий Дорогин ответил:
    26 марта 2010 в 12:05

    Да вот 10 раз перепроверял
    <link rel="stylesheet" href="css/style.css" type="text/css" />

  5. 14
    Сергей Сопов ответил:
    26 марта 2010 в 12:02

    а адрес к внешнему фаилу правильно прописал?

  6. 13
    Дмитрий Дорогин ответил:
    26 марта 2010 в 11:04

    Ребят помогите когда код в хеде вот этот он работает но я его убрал во внешний файл и он перестал работать почему??
    сам код рабочий на странице а на внешнем нет почему?

    body { background-color: black;color: #dcdcdc; padding: 20px;}
    td.menu:hover {background-color: #B1B1B1;}
    a {color: 33CC00;}
    a:hover {color: #dcdcdc;background-color: darkgray; border: 2px solid gray;}

  7. 12
    Сергей Сопов ответил:
    26 марта 2010 в 0:00

    может быть такой косяк если ты в начале css не поставил сброса… или если ты для всех тегов див задал общий стиль…

  8. 11
    Женя Глебов ответил:
    25 марта 2010 в 19:04

    Ещё такой вопрос: в каких случаях, при вложенный div, внутренний div самопроизвольно имеет отступ сверху, и margin не работает на нет.

  9. 10
    Сергей Сопов ответил:
    25 марта 2010 в 18:00

    мой пост выше посмотри я там подставил id к maincontent'у :)

  10. 9
    Женя Глебов ответил:
    25 марта 2010 в 17:05

    ппц, вот где ошибка была: <div="mainContent"> =)))

  11. 8
    Женя Глебов ответил:
    25 марта 2010 в 17:01

    не помогает ( Попробуйте проделать это у себя.

  12. 7
    Дмитрий Козловцев ответил:
    25 марта 2010 в 16:01

    во первых не просто background а backgroun-color. я думаю они не работают изза позиционирования на странице. пробуй всёже прописать значение атрибута position.

  13. 6
    Женя Глебов ответил:
    25 марта 2010 в 15:03

    не получается( Ладно, тогда такая ситуация:надо растянуть mainContent на всю страницу, и заполнить черным цветом
    <html xmlns="//www.w3.org/1999/xhtml">
    <head runat="server">
    <title></title>
    <asp:ContentPlaceHolder id="head" runat="server">
    </asp:ContentPlaceHolder>
    <link href="App_Themes/DefaultTheme/StyleSheet.css" rel="stylesheet" type="text/css" />
    </head>
    <body>
    <form id="form1" runat="server">
    <div="mainContent">

    </div>
    </form>
    </body>
    </html>

    css:
    body
    {
    margin: 0px;
    }
    div
    {
    border: 1px solid #FF0000;
    }
    #mainContent
    {
    background:black;
    margin:0px;
    }

    делаю так, но ничего не получается( Подскажите пожалуйста.

  14. 5
    Александр Ларин ответил:
    25 марта 2010 в 12:04

    body
    {
    margin: 0px;
    }
    div
    {
    position:relative;
    border: 1px solid #FF0000;
    }
    #mainContent
    {
    margin:0px;
    height:100%;
    }
    #header
    {
    height: 100px;
    }
    #footer
    {
    position:absolute;
    bottom: 0px;
    height: 100px;
    width:100%;
    }

  15. 4
    Александр Ларин ответил:
    25 марта 2010 в 12:04

    попробуй так

  16. 3
    Дмитрий Козловцев ответил:
    25 марта 2010 в 0:00

    и я думаю стоит убрать стиль для div. или у тя ещё где то слои будут?

  17. 2
    Сергей Сопов ответил:
    24 марта 2010 в 23:05

    у тебя тут путаница какаято…
    попробуй так:

    <html>
    <head>
    <title></title>
    <link href="App_Themes/DefaultTheme/StyleSheet.css" rel="stylesheet" type="text/css" />
    </head>
    <body>
    <div id="mainContent">
    <!–=====================HEADER=================–>
    <div id="header">
    здесь хедер
    </div>
    <!–=====================CENTER=================–>

    здесь center
    <asp:ContentPlaceHolder id="ContentPlaceHolder1" runat="server">

    </asp:ContentPlaceHolder>

    <form id="form1" runat="server">
    form
    </form>

    </div>
    <!–=====================FOOTER=====================–>
    <div id="footer">
    здесь футер
    </div>
    </body>
    </html>

    КОД CSS:————————————————————-

    body
    {
    margin: 0px;
    }
    div
    {
    border: 1px solid #FF0000;
    }
    #mainContent
    {
    margin:0px;
    height:100%;
    }
    #header
    {
    height: 100px;
    }
    #footer
    {
    position:absolute;
    bottom: 0px;
    height: 100px;
    width:100%;
    }

  18. 1
    Дмитрий Козловцев ответил:
    24 марта 2010 в 23:03

    пробуй ширину прописать равную 100%

Клуб программистов работает уже ой-ой-ой сколько, а если поточнее, то с 2007 года.