Div odłącza się od boku strony

pytanie zadane 22 lutego 2017 w HTML i CSS przez Mateusz Bogumił Obywatel (1,380 p.)

Witam mam kolejny problem. Tym razem div right "odczepił" się od boku strony. Jest biała plamka. Pomoże ktoś? Bardzo potrzebuje pomocy. Po za tym na codeopenie cała strona jest rozwalona :/

HTML

<html lang="pl">
<head>
	<title>Redaktor Seed1212 </title>
	
	<meta name="description" content="Redaktor Seed1212 - czyli co Seed sądzi o tym i o tam tym!" />
	<meta charset="utf-8" />
	<link rel="stylesheet" href="style.css" tyle="text/css" />
	<link href="https://fonts.googleapis.com/css?family=Josefin+Sans|Lato&amp;subset=latin-ext" rel="stylesheet">
	
	<script src="timer.js"></script>
</head>
<body>
	<div id="topbar">
		<div id="tittle">
		<img src="seed.png" width="1000" height="250" /> 
		</div>
		<div id="navbar">
			<div id="home">Strona główna</div>
			<div id="Kontakt">Kontakt</div>
			<div id="omnie">O mnie</div>
		</div>
	</div>
	<div id="right"></div>
	<div id="left"></div>
	<div id="note">
		<div id="notetittle"></div>
		<div id="notetext"></div>
	</div>
	<div id="footer"></div>		
</body>

</html>

CSS

body
{
	font-family: 'Lato', sans-serif;
	font-size: 20px;
	margin: 0px;
}

#topbar
{
	background-color: #34495e;
	color: #ffffff;
	width: 1432px;
	height: 300px;
}

#tittle
{
	margin-left: auto;
	margin-right: auto;
	width: 1000px;
	height: 250px;
}

#navbar
{
	margin-left: auto;
	margin-right: auto;
	height: 47px;
	width: 1000px;
	background-color: #303030;
}

#home
{
	width: 333px;
	background-color: red;
	height: 50px;
	float: left;
	text-align: center;
	float: left;
}

#kontakt
{
	width: 333px;
	background-color: green;
	height: 50px;
	float: left;
	text-align: center;
	float: left;
}

#omnie
{
	width: 333px;
	background-color: blue;
	height: 50px;
	float: left;
	text-align: center;
}

#right
{
	width: 210px;
	background-color: #34495e;
	height: 1000px;
	float: right;
}

#left
{
	width: 215px;
	background-color: #34495e;
	height: 1000px;
	float: left;
}

#note
{
	width: 998px;
	height: 1000px;
	background-color: red;
	float: left;
}

1 odpowiedź

odpowiedź 22 lutego 2017 przez zgrybus Pasjonat (24,860 p.)
wybrane 22 lutego 2017 przez Mateusz Bogumił

Najlepsza

Ale który div? Spróbuj mu usunąć padding i margin.

twojDiv{
   margin: 0;
   padding: 0;
}

Sprawdź w debugerze chrome jak twój div się zachowuje jeśli to wyżej nie pomoże.

Pokaż 13 poprzednich komentarzy

komentarz 22 lutego 2017 przez imklau Nałogowiec (42,090 p.)

ej na codepen wywaliło, a gdzie nie wywaliło? Bo ja myślałam że Ty taką stronę stworzyłeś :p nawet sobie pliki index i style na pulpicie stworzyłam :p