float left teoretycznie działa ale treść wychodzi z bloku ?

pytanie zadane 4 stycznia 2018 w HTML i CSS przez szatko Nowicjusz (190 p.)

Określiłem parametry - tzn. container szerokość 1000 więc dałem na nav (szare) 200 px i 600 px na content (limonkowe) float: left i clear : both mam podane a mimo to nie działa ja trzeba - treść wychodzi z diva content Co tutaj jest błędnie zrobione ? Pod spodem kod

<!DOCTYPE HTML>
<html lang="pl"/>

<head>
	<meta charset="utf-8"/>
	<title> Moja Praga </title>	
	<meta name="description" content= "Przed Toba  czeska stolica z mojej perspektywy - z perspektywy własnych przeżyć Łukasza Szalkiewicza" />
	<meta name="keywords" content= "Praga, czechy, zdjecia, stolica"/>
	<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"/>

<style>

#container
{
	width: 1000px;
	margin-left: auto;
	margin-right: auto;
}
#logo
{
	background-color : orange;
	color: brown;
	text-align: center;
	
}
#nav
{
	background-color : gray;
	width: 200px;
	float: left;
}
#content
{
	background-color : lime;
	width: 600px;
	float: left;
	
}

#footer
{
	clear: both;
	background-color: black;
	color: white;
	text-align: center;

}
</style>

</head>

<body>

<div id="container">
		
	<div id="logo">
		<h1> PRAGA - PIĘKNA , INTERESUJĄCA, ZACHWYCAJĄCA !</h1>
	</div>

	<div id="nav">

	Zamek Praski i okolice </br>
	


	</div>

	<div id="content">

	<h3> Zamek Praski jest piękny i zachwycający  aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa</h3>
	

	</div>

	<div id="footer">
		<b><i>PIĘKNO PRAGI! &copy; Łukasz Szałkiewicz. Wszelkie prawa zastrzeżone.</b></i>
	</div>
	
</div>
	
</body>

</html>

1 odpowiedź

odpowiedź 4 stycznia 2018 przez Mirosław Zelent Nałogowiec (34,750 p.)
wybrane 6 maja 2018 przez ScriptyChris

Najlepsza

Chodzi o ten długi wyraaaaaaaaaaz? :) Użyj w klasie CSS diva #content:

word-wrap: break-word;

powinno pomóc.

komentarz 4 stycznia 2018 przez szatko Nowicjusz (190 p.)

Serdecznie dziękuje. Pomogło. Dzięki temu że do testu dałem długi wyraaaaz czegoś nowego się nauczyłem. A że dopiero raczkuje przy pierwszych filmach z cyklu html to jeszcze nie znałem word wrapa