login  Naam:   Wachtwoord: 
Registreer je!
 Forum

Groot probleem

Offline nick5m - 09/09/2010 16:48 (laatste wijziging 10/09/2010 13:48)
Avatar van nick5mNieuw lid Ik ben op het moment bezig voor gagadaily.nl. Nou wil ik de header vanaf links naar rechts laten lopen in deze wordpress template. Maar ook al centreer ik hem of zet ik hem rechts of links, hij blijft maar staan. Ik heb alles al geprobeerd na mijn weten maar het moet dus zo worden dat de header 'full page' is (in de breedte dan) maar hij wil niet verder naar links.

wie weet het probleem?

code bijgevoegd:
css code - Bekijk de code zonder highlighting - Klap code in 
  1. body {
  2. 	font-size: 11px;
  3. 	background-color: #e2e2e2;
  4. 	background-position: 50% 0;
  5. 	background-repeat: no-repeat;
  6. 	font-family: Tahoma, sans-serif;
  7. }
  8.  
  9. h5 {
  10. 	color: #000154;
  11. 	font-weight: bold;
  12. 	text-transform: uppercase;
  13. 	font-size: 20px;
  14. 	font-family: Tahoma;
  15. 	letter-spacing: 0px;
  16. 	margin-top: 0px;
  17. 	margin-bottom: 0px;
  18.  
  19. }
  20.  
  21. img {
  22. 	border: none;
  23. }
  24.  
  25. img a:hover {
  26. 	border: none;
  27. }
  28.  
  29. img a:link {
  30. 	border: none;
  31. }
  32.  
  33. a:link {
  34. 	color: #000154;
  35. 	text-decoration: none;
  36. 	font-weight: none;
  37. 	border: none;
  38. }
  39. a:visited {
  40. 	color: #000154;
  41. 	text-decoration: none;
  42. 	font-weight: none;
  43. }
  44. a:active {
  45. 	color: #000154;
  46. 	text-decoration: none;
  47. 	font-weight: none;
  48. 	border: none;
  49. }
  50. a:hover {
  51. 	color: #000154;
  52. 	text-decoration: none;
  53. 	font-weight: bold;
  54. 	border: none;
  55. }
  56.  
  57.  
  58. #header {
  59. 	width: 4000px;
  60. 	height: 379px;
  61. 	margin-bottom: 15px;
  62. 	padding: 10px;
  63. 	align: center; 
  64. 	}
  65.  
  66. #leftside {
  67. 	width: 196px;
  68. 	background: #ECECEC;
  69. 	float: left;
  70. 	border: 1px solid #CCC;
  71. 	padding: 10px;
  72. }
  73.  
  74. #content {
  75. 	width: 535px;
  76. 	float: left;
  77. }
  78.  
  79. #sidebar {
  80. 	width: 196px;
  81. 	float: right;
  82. 	background: #ECECEC;
  83. 	border: 1px solid #CCC;
  84. 	padding: 10px;
  85. }
  86.  
  87. .post {
  88. 	width: 505px;
  89. 	margin-left: 15px;
  90. 	margin-bottom: 15px;
  91. 	border-left: 1px solid #CCC;
  92. 	border-right: 1px solid #CCC;
  93. 	border-bottom: 1px solid #CCC;
  94. 	border-top: 1px solid #CCC;
  95. 	padding: 10px 8px 0px 10px;
  96. 	overflow: auto;
  97. 	background: #ECECEC;
  98. }

6 antwoorden

Gesponsorde links
Offline Jointjeff - 09/09/2010 16:53
Avatar van Jointjeff HTML interesse Misschien kun je beter een float gebruiken, ipv een align. Daarnaast is 4000px wel heel erg breed...
Offline nick5m - 09/09/2010 17:00
Avatar van nick5m Nieuw lid Het probleem is, als ik hem wil alignen naar links, dan gaat de hele website mee..dan zou je dneken dat ik een div niet goed heb afgesloten. Dit is enkel niet het geval...

Offline Jointjeff - 09/09/2010 17:06
Avatar van Jointjeff HTML interesse Maar hoe kun je nou een header van 4000px hebben?... Ik bedoel, dat heb ik nog nooit gezien en kan nooit handig zijn.

Je hebt een wrapper van 999px breed.. je zou de header buiten je wrapper kunnen plaatsen.

#header {
float: left; }

en dan je image erin zetten. Geen idee of het goed zal werken.
Offline Abbas - 09/09/2010 17:19
Avatar van Abbas Gouden medaille

Crew .NET		 Verzin eens een deftige passende titel!!!
Offline nick5m - 09/09/2010 20:21
Avatar van nick5m Nieuw lid @jointjeff, die 4000px was de breedte van de header maar deze wou ik nog op 100% zetten zodat hij op elke pc de hele breedte in beslag neemt.
Offline Koen - 09/09/2010 21:20
Avatar van Koen PHP expert Kan je even doen wat Titjes net gevraagd heeft? Bedenk een titel die je probleem zo beknopt mogelijk omschrijft.
Gesponsorde links
Dit onderwerp is gesloten.
Actieve forumberichten
© 2002-2024 Sitemasters.be - Regels - Laadtijd: 0.197s