[PROBLEM] Pocetnik - wrap u desno

Web dizajn i grafika
1

imam problem:
znaci
radim po ovoem :
http://learncss.tutsplus.com/lesson/floats-and-a-simple-layout/

moj style.css

.wrap {
	width: 600px;
	margin:  auto;
	float: left;
}

.content {
	background-color: red;
	float: right;
}

moj index.html

<html>
  <head>
    <meta charset="utf-8" />
    <link rel="stylesheet" href="css/style.css">
  </head>
  <body>
   <div class="wrap">
      <h1>My Seconds website</h1>
      <div class="content">
      <h2>Main Contnt Heading</h2>
      <p>This is my blog. </p>
      </div>
  
   <aside>
    <h2> Sidebar </h2>
     <ul>
       <li>
        <a href="#">Home</a>
       </li>
       <li>
        <a href="#">About</a>
       </li>
       <li>
        <a href="#">Contact</a>
       </li>
     </ul>
  </aside>
  </div>
  </body>
</html>

Znaci treba mi ovaj , wrap ici u deno ali ne ide… moze rjesenej , jer nevidim problem.

2

U ovome wrap-u ti piše:
float: left;

A možda bi trebalo pisati:
float: right;

? :slight_smile:

3

A lol , to sam isto falio … sada sam editao i nece ponovo… ako tko moze to staviti sebi pa provjeriti

4

Pa ne može ti niti ići. wrap element je “omotač” cijele web stranice u odnosu na šta želiš da ti taj wrap element “pliva”. Pogledaj ponovo video i vidjet ćeš da on wrap elementu ne postavlja nigdje svojstvo float.

5

Aha , ja sam zeznuo
sada sam stavio ovako

<html>
  <head>
    <meta charset="utf-8" />
    <link rel="stylesheet" href="css/style.css">
  </head>
  <body>
  
   <div class="wrap">
      <h1>My Seconds website</h1>
      <div class="content">
      <h2>Main Contnt Heading</h2>
      <p>This is my blog. </p>
      </div>
  
   <aside>
    <h2> Sidebar </h2>
     <ul>
       <li>
        <a href="#">Home</a>
       </li>
       <li>
        <a href="#">About</a>
       </li>
       <li>
        <a href="#">Contact</a>
       </li>
     </ul>
  </aside>
  </div>
  </body>
</html>

style.css

.wrap {
	width: 600px;
	margin:  auto;
}

.content {
	background-color: red;
}

aside {
	background-color: brown;
}
6

Hvala , rijesio , moze lock.!