Divy, rozmieszczenie na stronie

pytanie zadane 18 grudnia 2016 w HTML i CSS przez Sanarock Nowicjusz (120 p.)

Mam problem z ułożeniem divów na stronie. Kiedy ustalę szerokość podaną w zadaniu to się rozjeżdżają, a gdy zmniejszę ich szerokość to jest puste miejsce między nimi. Wiem, że gdyby nie border to by było wszystko dobrze, ale z tego co wiem to bez niego nie uznają mi zdania. Byłby w stanie ktoś mi z tym pomóc?

<html lang="pl">
<head>
	<meta charset=utf-8">
	<title>Matematyka</title>
	
	<style type="text/css">
	div {
		border: 1px solid;
	}
	#logo {
		width: 100%;
	}
	
	#lewo {
		float: left;
		width: 40%;
	}
	
	#prawo {
		float: right;
		width: 60%;
	}
	
	</style>
	
</head>

<body>
	<div id="logo"><img src="baner.jpg">
	</div>
	<div id="lewo">
		MENU<br>
		<a href="opis.html">Opis</a><br>
		<a href="liczba.html">Jaka to liczba?</a><br>
		<a href="zakres.html">Liczby całkowite z zakresu</a>
	</div>
	<div id="prawo">
		XXXX
	</div>
</body>

</html>

2	komentarz 18 grudnia 2016 przez xmentor Nałogowiec (49,520 p.) Wiem, że gdyby nie border to by było wszystko dobrze, ale z tego co wiem to bez niego nie uznają mi zdania Jeżeli w zadaniu nie jest nic wspomniane o obramowaniu sekcji, to nie trzeba tego robić.

komentarz 18 grudnia 2016 przez Sanarock Nowicjusz (120 p.)

A jeśli mam zadanie żeby w prawej kolumnie wyświetlały się podstrony, to mogę po prostu robić kolejne identyczne z strony tylko z inną zawartością?

komentarz 19 grudnia 2016 przez xmentor Nałogowiec (49,520 p.)

Nie możesz a musisz

2 odpowiedzi

odpowiedź 18 grudnia 2016 przez imklau Nałogowiec (42,090 p.)

odpowiedź 18 grudnia 2016 przez MyWash Bywalec (2,640 p.)

Tutaj masz link do pełnej dokumentacji, powienieneś tam znaleźć odpowiedzi na większość pytań html/css

http://www.w3schools.com/

<html lang="pl">
<head>
    <meta charset=utf-8">
    <title>Matematyka</title>
     
    <style type="text/css">
    div {
        border: 1px solid;
    }
    #logo {
        width: 100%;
    }
     
    #lewo {
        float: left;
        width: 40%;
		 box-sizing: border-box;
    }
     
    #prawo {
        float: right;
        width: 60%;
		 box-sizing: border-box;
    }
     
    </style>
     
</head>
 
<body>
    <div id="logo"><img src="baner.jpg">
    </div>
	<div></div>
    <div id="lewo">
        MENU<br>
        <a href="opis.html">Opis</a><br>
        <a href="liczba.html">Jaka to liczba?</a><br>
        <a href="zakres.html">Liczby całkowite z zakresu</a>
    </div>
    <div id="prawo">
        XXXX
    </div>
	</div>
</body>
 
</html>