ugrás a tartalomhoz

Horizontális div - görgetés Javascript-tel

Rakonczai Sándor · 2011. Aug. 12. (P), 17.34
Sziasztok!

Adott egy 720 képpont széles <div /> benne 2 szintén 720 k.pont széles <div />-vel. Azt szeretném, ha a 2. a float miatt jobboldalt maradna és helyhiány miatt nem látszana, hogy később a #container-t JavaScript-tel mozgatva görgetés hatást keltsek. Ezekkel a kódokkal próbálkoztam, de új sorba kerülnek a .content-ek. :(

Mit hagytam ki?
<div style="height: 360px; overflow: hidden; width: 720px">
	<div id="container">
		<div class="content">
			<span>bejelentkezés</span>
		</div>
		<div class="content">
			<span>regisztráció</span>
		</div>
		<div style="clear: left"></div>
	</div>
</div>

.content
{
	float: left;
	width: 720px
}
@font-face
{
	font-family: "Segoe WP";
	src: url("Segoe WP.ttf")
}
.content span
{
	font: 36pt "Segoe WP";
}
‹ a href:oldal frissítés! div-css kérdés ›
 ■
1

<!DOCTYPE

Poetro · 2011. Aug. 12. (P), 17.54
<!DOCTYPE html>
<html>
<head>
  <title>Page Title</title>
  <style type="text/css">
    .content {
        float: left;
        width: 720px
    }
    #large-container {
      width: 720px;
      overflow-x: scroll;
    }
    #container {
      width: 1440px;
    }
  </style>
</head>
<body>
  <div id="large-container">
    <div id="container">
        <div class="content">
            <span>bejelentkezés</span>
        </div>
        <div class="content">
            <span>regisztráció</span>
        </div>
    </div>
  </div>
</body>
</html>