Wątek przeniesiony 2015-12-02 18:38 z Webmastering przez dzek69.

Div nie reaguje na CSS.

0

Witam. Otóż mam pewien problem z divami, a mianowicie nie mogę ich ustawić za pomocą "float: left", nie reagują na to.

<html lang="pl">
<head>
    <title>.</title>
    <!--<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.4/jquery.min.js"></script>-->
    <link rel="stylesheet" href="style.css" type="text/css">
</head>
<body>
    <div id="con">
        <div id="menu">
            <a href="a.html">MENU</a>
        </div>
        <div id="img_con">
            <div class="img">
                AAAA
            </div>
            <div class="img">
                BBBB
            </div>
            <div class="img">
                CCCC
            </div>
            <div class="img">
                DDDD
            </div>
            <div class="img">
                EEEE
            </div>
        </div>
    </div>
</body>
</html>
body {
    font-size: 13px;
    color: #919191; 
    background-color: #232323;
    float: left;
}

a, a.visited, a.href {
    border: none;
    color: #919191;
    text-decoration: none;
}

#con {
    margin-left: auto;
    margin-right: auto;
    width: 1000px;
    float: left;
}

#img_con {
    width: 850px;
    margin: 5px;
    float: left;
}

#menu {
    width: 150px;
    float: left;
}

#footer {
    height: 15px;
    width: 100%;
    clear: both;
}

.img {
    height: 315px;
    width: 215px;
    margin: 15px;
    outline: 2px solid #086D99;
    background-color: #FFFFFF;
}

img {
    height: 315px;
    width: 215px;
}

Ktoś wie może gdzie jest błąd

0

Nie uwzględniłeś marginesu w szerokości diva o id img_con:

#img_con {
    width: 840px; /*tutaj zmniejszyłem szerokość diva o 10*/
    margin: 5px;
    float: left;
}
0

Nadal nic. Divy ciągle nie reagują na "float: left".

0

Jeśli chcesz by wszystko było obok siebie to usuń "float: left" z #img_con i daj dla klasy img

0

To ciekawe, sprawdź tutaj: http://cssdeck.com/labs/fyw38rav
Jak widać zmieniłem tylko szerokość diva img_con i float: left; działa.
No chyba, że coś źle zrozumiałem.

0

Napisałeś, że masz problem z divami i że nie możesz ich ustawić, ale nie napisałeś, o które konkretnie divy Ci chodzi i jak je chcesz ustawić.
Daj więcej szczegółów, co chcesz osiągnąć, a na pewno się znajdzie rozwiązanie :)

[Adam]

0

Elemeny
#img_con
oraz
.img
muszą mieć ustawione display: inline-block
Div'y są blockami i zajmują całą przestrzeń w linii dlatego nie działa Tobie float: left, bo nie mają się jak ułożyć jeden obok drugiego.
Tutaj masz przykład: https://jsfiddle.net/5a67h5pw/

1 użytkowników online, w tym zalogowanych: 0, gości: 1, botów: 0