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?
  1. <div style="height: 360px; overflow: hidden; width: 720px">  
  2.     <div id="container">  
  3.         <div class="content">  
  4.             <span>bejelentkezés</span>  
  5.         </div>  
  6.         <div class="content">  
  7.             <span>regisztráció</span>  
  8.         </div>  
  9.         <div style="clear: left"></div>  
  10.     </div>  
  11. </div>  
  1. .content  
  2. {  
  3.     float: left;  
  4.     width: 720px  
  5. }  
  6. @font-face  
  7. {  
  8.     font-family: "Segoe WP";  
  9.     src: url("Segoe WP.ttf")  
  10. }  
  11. .content span  
  12. {  
  13.     font: 36pt "Segoe WP";  
  14. }  
‹ a href:oldal frissítés! div-css kérdés ›
 ■
1

<!DOCTYPE

Poetro · 2011. Aug. 12. (P), 17.54
  1. <!DOCTYPE html>  
  2. <html>  
  3. <head>  
  4.   <title>Page Title</title>  
  5.   <style type="text/css">  
  6.     .content {  
  7.         float: left;  
  8.         width: 720px  
  9.     }  
  10.     #large-container {  
  11.       width: 720px;  
  12.       overflow-x: scroll;  
  13.     }  
  14.     #container {  
  15.       width: 1440px;  
  16.     }  
  17.   </style>  
  18. </head>  
  19. <body>  
  20.   <div id="large-container">  
  21.     <div id="container">  
  22.         <div class="content">  
  23.             <span>bejelentkezés</span>  
  24.         </div>  
  25.         <div class="content">  
  26.             <span>regisztráció</span>  
  27.         </div>  
  28.     </div>  
  29.   </div>  
  30. </body>  
  31. </html>