Problem ze stroną.

pytanie zadane 20 kwietnia 2016 w HTML i CSS przez TheFeniks Gaduła (4,690 p.)
edycja 20 kwietnia 2016 przez TheFeniks

Mam mały problem ze stroną: https://zapodaj.net/a88e0da876af9.png.html

Chodzi o to żeby ta "reklama" była ładnie po prawej stronie.

W czym polega problem ?

Kod:

<!DOCTYPE HTML>

<html lang="pl">

 <head>
  <meta charset="utf-8"/>
  <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"/>
  
  <title>Najlepsze seriale subiektywne Top 3</title>
  <meta name="description"content="Serwis prezentuje subiektywne Top 3 seriali telewizyjnych. Czy znasz je wszystkie ?"
  />
  <meta name="keywords" content="top3,seriale,subiektywne"/>
  
  <style>
   #container
   {
     width 1000px;
	 margin-left: auto;
	 margin-right: auto;
   }
   #logo
   {
     background-color:black;
     color:white;
	 text-align:center;
	 padding:15px;
   }
   #nav
   {
    float:left;
	background-color:lightgray;
	width:120px;
	min-height:620px;
	padding:10px;
   }
   #content
   {
    float:left;
	padding:20px;
	width:640px;
   }
   #ad
   {
    float:left;
	width:160px;
	min-height:620px;
	padding:10px;
	background-color:lightgray;
   }
   #footer
   {
    clear:both;
	background-color:black;
	color:white;
	text-align:center;
	padding:20px;
   }
  </style>
  
 </head>
 
 <body>
 
  <div id="container">
    
    <div id="logo">
     <h1>Najlepsze seriale subiektywne Top 5!</h1>
    </div>
  
    <div id="nav">
     The walking dead
	 Breaking bead
	 Smerfy
    </div>
    
	<div id="content">
	 <h2>Żywe trupy (ang. The Walking Dead)</h2> amerykański serial telewizyjny, stanowiący adaptację komiksu o tym samym tytule. Światowa premiera serialu miała miejsce 31 października 2010 roku.8 listopada 2010 telewizja AMC zapowiedziała kontynuację serialu. Amerykańska premiera drugiej serii, który liczy trzynaście odcinków, miała miejsce 16 października 2011.
     <br /> <br />  	 
	 25 października 2011 stacja AMC ogłosiła, że powstanie trzecia seria. Premiera pierwszego odcinka trzeciej serii odbyła się 14 października 2012 w USA, oraz 16 października w Polsce. 13 października 2013 rozpoczęto nadawanie czwartego sezonu. Piąty sezon zaczęto nadawać 12 października 2014 roku, a sezon szósty 11 października 2015. Sezon ma 16 odcinków podzielonych na dwie części po 8 odcinków, premiera drugiej części w lutym 2016. 30 października 2015 stacja AMC ogłosiła oficjalne przedłużenie serii na siódmy sezon.
	</div>
	
	<div id="ad">
	 <img src="img/reklama.jpg"/> 
	</div>
	
	<div id="footer">
	 Najlepsze seriale Top 3 &copy; Wszelkie prawa zastrzeżone!
	</div>
	
  </div>
 
 </body>

</html>

Z góry dzięki za odpowiedź !

3 odpowiedzi

odpowiedź 20 kwietnia 2016 przez Eimens Maniak (69,240 p.)
wybrane 20 kwietnia 2016 przez TheFeniks

Najlepsza

#container {
   width 1000px;
   ...

}

To jest błąd zjadłeś :

komentarz 20 kwietnia 2016 przez TheFeniks Gaduła (4,690 p.)

Dzięki za pomoc !

odpowiedź 20 kwietnia 2016 przez kubaapk Nałogowiec (44,270 p.)

Popraw semantyke kodu. Poczytaj o znacznikach HTML5. Jestem ciekaw skąd wy się tego uczycie. Mamy 2016, a ciągle używacie <div id = "nav"> i <div id = "footer">

komentarz 20 kwietnia 2016 przez Eimens Maniak (69,240 p.)

To jest strona z filmiku Zelenta, więc też nie ma co się czepiać semantyki.

komentarz 20 kwietnia 2016 przez kubaapk Nałogowiec (44,270 p.)

No to fajnie ich tam uczy ;)

komentarz 20 kwietnia 2016 przez Eimens Maniak (69,240 p.)

Wszystko w swoim czasie, niech ogarnie podstawy potem nauczy się znaczników.

komentarz 20 kwietnia 2016 przez kubaapk Nałogowiec (44,270 p.)

Właśnie te znaczniki to podstawy ;)

Dobrych praktyk powinno się uczyć od samego początku, bo złych jest się o wiele trudniej pozbyć.

komentarz 20 kwietnia 2016 przez Eimens Maniak (69,240 p.)

Tworząc strony od front-end'u trzeba być podatnym na częste zmiany więc nauczenie się znaczników nie musi stać na pierwszym miejscu.

komentarz 20 kwietnia 2016 przez niezalogowany

A co jest złego w <div id='nazwa'> ? (Też się dopiero uczę).

komentarz 20 kwietnia 2016 przez Eimens Maniak (69,240 p.)

Na sam początek, czyli zrozumienie jak działa html i jak pisać strony, tworzyć elementy to nic, ale z czasem nauczysz się że powinno używać się odpowiednich znaczników oznaczając sekcję np <nav> oraz to że powinno się korzystać z class a nie id, ale to tylko taka wskazówka na przyszłość :p