• Najnowsze pytania
  • Bez odpowiedzi
  • Zadaj pytanie
  • Kategorie
  • Tagi
  • Zdobyte punkty
  • Ekipa ninja
  • IRC
  • FAQ
  • Regulamin
  • Książki warte uwagi

[HTML+CSS] Stopka na srodku ekranu, co robic?

Aruba Cloud - Virtual Private Server VPS
–1 głos
530 wizyt
pytanie zadane 4 marca 2017 w HTML i CSS przez sprytny22 Obywatel (1,130 p.)

Witam, mam problem z kodem, chcę aby stopka była na samym dole ekranu, zauważyłem ze zostaje w jednym miejscu ciągle:

Link do obrazka strony

 

Kod HTML:


@{
    Layout = null;
}

<!DOCTYPE html>

<html>
<head>
    <meta charset="utf-8" />
    <meta name="viewport" content="width=device-width" />
    <title>_Layout</title>
    <link rel="stylesheet" href="~/Style/Style.css" type="text/css" />
    <link rel="stylesheet" href="~/Style/StyleContact.css" type="text/css" />
    <link href="http://fonts.googleapis.com/css?family=Amatic+SC|Indie+Flower" rel="stylesheet">
   
</head>
<body>
    <div id="Containter">
        <div id="Head">
            <div id="exHead">
                ANGIELSKI NA PLUS
            </div>
            <div id="Menu">
                <ol>
                    <li><a href="#">Najpopularniejsze slowka</a></li>
                    <li><a href="#">Nauka</a></li>
                    <li><a href="#">O nas</a></li>
                    <li><a href="#">Opinie</a></li>
                    <li><a href="/home/Kontakt">Kontakt</a></li>
                </ol>
                <div style="clear:both;"></div>
            </div>
        </div>
        <hr size="1" />
        <div id="exBody">
            <div id="renBody">
              @RenderBody()
            </div>
        </div>
        <div id="Bottom">
            <div id="botBody">
                <a href="#"><b>Przedmiot prawa autorskiego</b></a>
                <br />
                <a>Zgodnie z ustawą, przedmiotem prawa autorskiego jest każdy przejaw działalności twórczej o indywidualnym charakterze,
                 ustalony w jakiejkolwiek postaci, niezależnie od wartości, przeznaczenia i sposobu wyrażenia (utwór). Prawo autorskie działa automatycznie
                 – ochrona praw autorskich rozpoczyna się z chwilą ustalenia utworu, bez konieczności spełnienia jakichkolwiek formalności przez jego twórcę.
                 Utwór nie musi przy tym być skończony. W szczególności przedmiotem prawa autorskiego są utwory</a>
            </div>
            <div id="Footer">
                a tu sama stopka
            </div>
        </div>
    </div>
</body>
</html>

 

KOD CSS:

body {
    margin: 0 !important;
    padding:0 !important;
    background-image: url("../img/backg.png");
    font-family: 'Indie Flower', cursive;
    font-size:18px;
    height:100%
}
#Container
{
    width: 100%;
    min-height:100%;
    position:relative;
    border-bottom:none;
}
/*----------------------------------------HEAD------------------------------------*/
#Head
{
    height:150px;
}

#exHead
{
    font-family: 'Amatic SC', cursive;
    background-image:url("../img/head.jpg");
    background-position: 60% 34%;
    height:100px;
    width:1200px;
    margin-right:auto;
    margin-left:auto;
    font-size:80px;
}

#Menu
{
    height:50px;
    text-align:center;
    width:1200px;
    margin-right:auto;
    margin-left:auto;
}

ol
{
    list-style-type:none;
    display:inline-block;
    height:50px;
}

ol > li
{
    height:50px;
    margin:0 25px;
    float:left;
    text-align:center;

}

ol a
{
    font-size:26px;
    margin:0 25px;
    color:black;
    text-decoration:none;
}

/*----------------------------------------BODY------------------------------------*/
#exBody
{
 /**/
}

#renBody
{
    width:1200px;
    margin-right:auto;
    margin-left:auto;
}
/*----------------------------------------BOTTOM----------------------------------*/
#Bottom
{
    font-family: "Times New Roman" cursive;
    height:300px;
    background-color:black;
    position:absolute;
	bottom:0;
    padding:0;
    margin:0;
    width:100%;
}

#botBody
{
    color:azure;
    opacity:0.5;
    margin-left:360px;
    width:300px;
    height:280px;
    font-size:13px;
}

#Footer
{
    height:21px;
    background-color:Highlight;
}
/*---------------------------------------------------------*/
textarea{
    resize:none;
}
.cs_text_for
{
    width: 250px;
    height: 100px;
    background-color:aquamarine;
}

w RenderBody() jest tylko lorem ipsum.

2 odpowiedzi

0 głosów
odpowiedź 4 marca 2017 przez Mati Gaduła (3,390 p.)
wybrane 4 marca 2017 przez sprytny22
 
Najlepsza
Masz literówke w html masz: <div id="Containter"> a klase zdefiniowaną masz jako .Container. Powinno być div id="Container">. Popraw to i wtedy stopka będzie na dole nie w miejscu cały czas.
komentarz 4 marca 2017 przez sprytny22 Obywatel (1,130 p.)
Dziekuje faktycznie, problem rozwiazany :)
0 głosów
odpowiedź 4 marca 2017 przez Mateusz Bogumił Obywatel (1,380 p.)
Na codepenie stopka jest na dole chyba.

Podobne pytania

0 głosów
3 odpowiedzi 526 wizyt
pytanie zadane 18 września 2017 w HTML i CSS przez Liryk Użytkownik (650 p.)
0 głosów
2 odpowiedzi 832 wizyt
pytanie zadane 4 stycznia 2017 w HTML i CSS przez Latajace_kolano Nowicjusz (120 p.)
0 głosów
0 odpowiedzi 162 wizyt
pytanie zadane 27 sierpnia 2020 w HTML i CSS przez Hansik Nowicjusz (170 p.)

93,332 zapytań

142,326 odpowiedzi

322,405 komentarzy

62,669 pasjonatów

Motyw:

Akcja Pajacyk

Pajacyk od wielu lat dożywia dzieci. Pomóż klikając w zielony brzuszek na stronie. Dziękujemy! ♡

Oto polecana książka warta uwagi.
Pełną listę książek znajdziesz tutaj

Wprowadzenie do ITsec, tom 1 Wprowadzenie do ITsec, tom 2

Można już zamawiać dwa tomy książek o ITsec pt. "Wprowadzenie do bezpieczeństwa IT" - mamy dla Was kod: pasja (użyjcie go w koszyku), dzięki któremu uzyskamy aż 15% zniżki! Dziękujemy ekipie Sekuraka za fajny rabat dla naszej Społeczności!

...