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

float:left w divach... Coś tu jest nie halo :(

VPS Starter Arubacloud
0 głosów
209 wizyt
pytanie zadane 22 sierpnia 2017 w HTML i CSS przez HeroGames Początkujący (380 p.)

Jak widać na obrazku, pomimo tego, iż w CSS jest ustawiony float:left;, nie za bardzo strona chce ze mną współpracować :D Liczę na pomoc!

<!DOCTYPE HTML>
<html lang="pl">
    <head>
        <meta charset="utf-8" />
        <title>Co nieco o mnie :D</title>
        <meta name="description" content="NNa tej stronie po prostu ćwiczę do tej pory zdobytą wiedzę. Nie należy się przejmować jej zawartością :D" />
        <meta name="keywords" content="nauka programowania, strony internetowe, ćwiczenia, wszystko i nic">
        <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
       
    <link rel="stylesheet" href="style.css" type="text/css" />
       
    </head>
 
    <body>
        <div id="container">
       
            <div id="logo">
                HTML jest fajny ale czasem coś nie działa :/
            </div>
       
            <div id="nav">
                Strona główna<br />
                Mój życiorys<br />
                Czym się zajmuję?<br />
                FAQ<br />
                Kontakt<br />
               
            </div>
           
            <div id="content">
                Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam semper sapien ut ipsum blandit luctus. Aliquam a ipsum gravida, suscipit dui at, venenatis enim. Duis sagittis aliquam tempus. Phasellus rutrum ligula a eros condimentum, sed lacinia lectus cursus. Orci varius natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Sed fringilla, enim ac imperdiet bibendum, est sem mollis risus, sit amet volutpat nunc velit vel nisi. Ut augue lectus, viverra non odio non, commodo suscipit nunc. Quisque ullamcorper dictum risus, nec viverra erat dignissim sed. Pellentesque vestibulum lacus nec tincidunt imperdiet.
            </div>
           
            <div id="ad">
                <img src="reklama.jpg" width="160" height="600">
            </div>
           
            <div id="footer">
                Co nieco o mnie. Strona istnieje od 2017 roku. &copy; Wszystkie prawa zastrzeżone
            </div>
       
        </div>
    </body>
</html>
 
body
{
    font-family: Verdana;
    font-size: 18px;
}
 
#container
{
    width: 1000px;
    margin-left: auto;
    margin-right: auto;
}
 
#nav
{
    float: left;
    background-color: lightgray;
    min-height: 600px;
    width: 160px;
    text-align: center;
}
 
#content
{
    float: left;
}
 
#ad
{
    float: left;
}
 
#footer
{
    clear: both;
}

 

1 odpowiedź

0 głosów
odpowiedź 22 sierpnia 2017 przez sc4rface Dyskutant (7,710 p.)
Ustaw divowi #content width na 680px
komentarz 22 sierpnia 2017 przez HeroGames Początkujący (380 p.)
Ooooo! Dzieki wielkie! Ustawilem jeszcze szerokosc #ad i #nav i wszystko jest ok :D
komentarz 22 sierpnia 2017 przez sc4rface Dyskutant (7,710 p.)
Z tego co widziałem, szerokość tych divów miałeś ustawioną.
komentarz 22 sierpnia 2017 przez HeroGames Początkujący (380 p.)
nope :D

Podobne pytania

0 głosów
2 odpowiedzi 130 wizyt
pytanie zadane 8 września 2016 w HTML i CSS przez Filip31411 Dyskutant (8,820 p.)
0 głosów
3 odpowiedzi 350 wizyt
0 głosów
1 odpowiedź 226 wizyt
pytanie zadane 11 czerwca 2016 w HTML i CSS przez TestowanieTak Nowicjusz (120 p.)

92,455 zapytań

141,263 odpowiedzi

319,100 komentarzy

61,854 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.

Akademia Sekuraka

Akademia Sekuraka 2024 zapewnia dostęp do minimum 15 szkoleń online z bezpieczeństwa IT oraz dostęp także do materiałów z edycji Sekurak Academy z roku 2023!

Przy zakupie możecie skorzystać z kodu: pasja-akademia - użyjcie go w koszyku, a uzyskacie rabat -30% na bilety w wersji "Standard"! Więcej informacji na temat akademii 2024 znajdziecie tutaj. Dziękujemy ekipie Sekuraka za taką fajną zniżkę dla wszystkich Pasjonatów!

Akademia Sekuraka

Niedawno wystartował dodruk tej świetnej, rozchwytywanej książki (około 940 stron). Mamy dla Was kod: pasja (wpiszcie go w koszyku), dzięki któremu otrzymujemy 10% zniżki - dziękujemy zaprzyjaźnionej ekipie Sekuraka za taki bonus dla Pasjonatów! Książka to pierwszy tom z serii o ITsec, który łagodnie wprowadzi w świat bezpieczeństwa IT każdą osobę - warto, polecamy!

...