login  Naam:   Wachtwoord: 
Registreer je!
 Forum

div centreren

Offline xellos - 28/03/2010 22:09
Avatar van xellosLid is het mogelijk om een div te centreren als de height en width op auto staan?
dus dat de groote steeds veranderd.

3 antwoorden

Gesponsorde links
Offline ArieMedia - 28/03/2010 22:26
Avatar van ArieMedia Gouden medaille

PHP ver gevorderde		 margin: 0 auto;
Offline xellos - 28/03/2010 22:53
Avatar van xellos Lid dat werkt niet helemaal
dit is mijn css mischien kun je me dan beter helpen.
css code - Bekijk de code zonder highlighting - Klap code in 
  1. body{
  2. background:url(../img/background.gif);
  3. font-family: Verdana, Arial, Helvetica, sans-serif;
  4.  
  5. }
  6.  
  7. a{
  8. text-decoration:none;
  9. color:black;
  10. font-style:none;
  11. }
  12.  
  13. #container{
  14. background-color:#ffffcc;
  15. border: 1px black solid;
  16. position:absolute;
  17. left:50%;
  18. margin-left:-400px;
  19. width:800px;
  20. height:580px;
  21.  
  22. }
  23.  
  24. #header{
  25. width:800px;
  26. height:100px;
  27. background:url(../img/header.jpg) no-repeat;
  28. }
  29.  
  30. #info{
  31. font-size:12px;
  32. }
  33.  
  34. #menu{
  35. width:125px;
  36. height:auto;
  37. float:left;
  38. margin:20px 0px 0px 10px;
  39. padding:0px;
  40.  
  41. }
  42. ul {
  43. list-style-type: none;
  44. margin: 0px;
  45. padding: 0px
  46. }
  47.  
  48. #main{
  49. display:inline;
  50. border: 1px black solid;
  51. width:625px;
  52. height:420px;
  53. float: right;
  54. margin-top:20px;
  55. margin-right:10px;
  56. text-align:center;
  57. }
  58. #main p{
  59. font-size:14;
  60. font-family: Verdana, Arial, Helvetica, sans-serif; 
  61. text-align:center;
  62. }
  63.  
  64. #bottom{
  65. position:absolute;
  66. width:800px;
  67. height:20px;
  68. text-align:center;
  69. font-weight: bold;
  70. left:50%;
  71. margin-left:-400px;
  72. margin-top:585px;
  73. }


volgens mij zitten er wat fouten in mijn css en komt het daar door.
Offline Jelmerholland - 28/03/2010 22:57
Avatar van Jelmerholland PHP beginner
css code - Bekijk de code zonder highlighting - Klap code in 
  1. #container{
  2. background-color:#ffffcc;
  3. border: 1px black solid;
  4. width:800px;
  5. height:580px;
  6. margin:0 auto;
  7. padding:0;
  8. }


En geef je 'body' een 'margin:0; padding:0;'

Anders krijg je een rare bug, zo'n witte streep aan de bovenkant ;)
Gesponsorde links
Dit onderwerp is gesloten.
Actieve forumberichten
© 2002-2024 Sitemasters.be - Regels - Laadtijd: 0.219s