Wątek przeniesiony 2016-11-19 21:16 z Webmastering przez dzek69.

float left nie działa

2016-11-19 20:49
0
<!DOCTYPE html>
<html>
<head>
    <title></title>
    <link rel=stylesheet href="css/menu.css"/>
</head>
<body>
    <header>
        <h1>Własności propagacji fali elektromagnetycznej</h1>
    </header>
    <nav>
        <ul>
            <li>Odbicie fali</li>
            <li>Załamanie fali</li>
            <li>Rozproszenie fali</li>
        </ul>
    </nav>
    <div id="content">
        <p>
            Z falami elektromagnetycznymi spotykamy się na codzień. Są one współczesnym nośnikiem informacji. Bez nich nie mielibyśmy telefonii, Internetu, telewizji.
        </p>
        <p>
            Ważnym pojęciem w teorii elektromagnetyzmu jest pojęcie fali płaskiej.
            Falą płaską nazywamy taką falę, w której wszystkie jej powierzchnie o jednakowej fazie są do siebie równoległe. Spójrzmy na poniższy rysunek.
        </p>
        <div id="planeImg">
        </div>
    </div>
    <footer>
        Mikołaj Waśniewski
    </footer>
</body>
</html>
html,body {
    width: 100%;
    margin: 0px;
    font-size: 20px;
}

header {
    border: 1px solid red;
    text-align: center;
}

nav {
    border: 1px solid red;
    position: relative;
    float: left;
}

#content {
    position: relative;
    border: 1px solid red;
    float: left;
}

#planeImg {
    width: 606px;
    height: 451px;
    background-image: url('../img/plane.png');
}

footer {
    clear: both;
    border: 1px solid red;
}

https://jsfiddle.net/dys9jsa2/#&togetherjs=64esl8x4zh

Nie wiem dlaczego ale float left dla mojego nav i contentu oraz clear both dla stopki w ogóle nie działa. Chciałbym aby te 2 elementy wyświetlały się w jednej linii.

edytowany 2x, ostatnio: Mikilll, 2016-11-19 20:50

Pozostało 580 znaków

2016-11-19 21:16

jeżeli chcesz te elementy mieć koło siebie to musisz nadać im wymiar (szerokość). one będą koło siebie pod warunkiem, że się zmieszczą, nie mając ustawionego wymiaru dążą do 100% szerokości.


Pozostało 580 znaków

Liczba odpowiedzi na stronę

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