login  Naam:   Wachtwoord: 
Registreer je!
 Forum

Probleem met div (Opgelost)

Offline bushongo - 01/04/2010 12:17
Avatar van bushongoNieuw lid Ik heb een achtergrond in mijn div. helemaal rechts staan. Mijn div staat op 1024px breedte. nu wil ik graag dat mijn achtergrond plaatje mee schuift op het moment dat ik de pagina smaller maak dan 1024px.

Weet iemand of dit kan met css?

alvast bedankt,

6 antwoorden

Gesponsorde links
Offline nick5556 - 01/04/2010 12:37
Avatar van nick5556 PHP beginner geef het plaatje width: 100%; mee, dan wordt hij dunner als jij je pagina smaller maakt.
Offline bushongo - 01/04/2010 12:51
Avatar van bushongo Nieuw lid nee dit werkt helaas niet.

Mijn pagina word smaller en dan verdwijnt mijn plaatje gewoon uitbeeld.
Offline Ontani - 01/04/2010 13:07
Avatar van Ontani Gouden medailleGouden medailleGouden medailleGouden medaille

-1
background-position: top right;
Offline bushongo - 01/04/2010 13:11 (laatste wijziging 01/04/2010 15:08)
Avatar van bushongo Nieuw lid nee nog niet het gaat om d it bestand.

  1. @charset "UTF-8";
  2. /* CSS Document */
  3.  
  4. #container {
  5. position: absolute;
  6. height: auto;
  7. width:100%;
  8. height: 99%;
  9. right: 0%;
  10. background-color: #FFF;
  11. }
  12.  
  13. #containerA {
  14. position: relative;
  15. Width: 1024px;
  16. height: 768px;
  17. margin: 0px auto;
  18. background-color: #F93;
  19. }
  20.  
  21. /* Header */
  22.  
  23. #header {
  24. position: fixed;
  25. width:100%;
  26. height: 159px;
  27. background-image:url(../../../../Jeroen/images/layout_raamstickers1_03.gif);
  28. background-repeat: repeat-x;
  29. }
  30.  
  31. #headerA {
  32. position: fixed;
  33. width:1024px;
  34. height: 159px;
  35. background-image:url(images/layout_raamstickers1_03.gif);
  36. background-repeat: repeat-x;
  37. }
  38.  
  39. #menu-rechts {
  40. position: absolute;
  41. width: 100%;
  42. height: 55px;
  43. top: 95px;
  44. font-size: 12px;
  45. font-family: Verdana, Geneva, sans-serif;
  46. background-image: url(images/menu_03.gif);
  47. background-repeat: no-repeat;
  48. background-position: top right;
  49. }
  50.  
  51. #rechts-tekst {
  52. position: absolute;
  53. font-size: 12px;
  54. font-family: Verdana, Geneva, sans-serif;
  55. left: 103px;
  56. top: 30px;
  57. width: 207px;
  58. }
  59.  
  60. #links {
  61. position: absolute;
  62. background-image: url(../../../../Jeroen/images/menu_06.gif);
  63. background-repeat: repeat-x;
  64. height: 33px;
  65. top: 116px;
  66. width: 100%;
  67. }
  68.  
  69.  
  70. #content {
  71. position: absolute;
  72. width:630px;
  73. height: 600px;
  74. background-color: #FFF;
  75. left: 1px;
  76. top: 161px;
  77. }


  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  2. <html xmlns="http://www.w3.org/1999/xhtml">
  3. <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
  4. <title>Raamstickers VGV</title>
  5. <link href="stylesheet.css" rel="stylesheet" type="text/css" />
  6. </head>
  7.  
  8. <div id="container">
  9. <div id="header">
  10.  
  11. <div id="containerA">
  12. <div id="links"> </div>
  13. <div id="headerA">
  14. <div id="menu-links"></div>
  15. <div id="links-tekst"></div>
  16. <div id="menu-rechts"></div>
  17. <div id=""></div>
  18. </div>
  19. </div>
  20.  
  21.  
  22. </div>
  23. </div>
  24.  
  25.  
  26. </body>
  27. </html>
Offline TotempaaltJ - 01/04/2010 14:01 (laatste wijziging 01/04/2010 17:06)
Avatar van TotempaaltJ PHP interesse Plaatscode.be voor codes met meer dan 70 regels! 

HTML heeft zijn eigen highlight: HTML 4 Strict. (Waar blijft 5?)

Koen schreef:
Laat het modereren maar aan de crew over...
Offline bushongo - 02/04/2010 09:55
Avatar van bushongo Nieuw lid het is me gelukt ! bedankt voor de moeite allemaal!
Gesponsorde links
Dit onderwerp is gesloten.
Actieve forumberichten
© 2002-2024 Sitemasters.be - Regels - Laadtijd: 0.171s