login  Naam:   Wachtwoord: 
Registreer je!
 Forum

Linker content gaat niet mee

Offline BaddyZ - 24/05/2010 23:28
Avatar van BaddyZNieuw lid Hallo,

http://auto-master.nl/index.php?page=occasions

De linker blauwe content gaat niet mee met m'n rechter, zou iemand mij hiermee ook kunnen helpen?

css code:
  1. div#contentlinks{
  2.  
  3. float:left;
  4. background-image: url("images/content_links.png");
  5. background-repeat: repeat-y;
  6. background-position: center;
  7. text-align:left;
  8. width:202px;
  9. min-height:499px;
  10. }
  11.  
  12.  
  13. div#contentrechts{
  14. float:left;
  15. background-color: #FFFFFF;
  16. background-repeat: repeat-y;
  17. background-position: center;
  18. text-align:left;
  19. width:551px;
  20. min-height:499px;
  21. }


en de bij behorende html:
  1. <div id="contentlinks">
  2. <div id="contentTextLinks">
  3. asdasd
  4. </div>
  5. </div>
  6.  
  7. <div id="contentrechts">
  8. <img src="images/automasterlogo.png" />
  9. <div id="contentText">
  10. <?php
  11. switch($_GET['page']){
  12. case "occasions":
  13. include "occasions.php";
  14. break;
  15. case "onderhoud":
  16. include "onderhoud.php";
  17. break;
  18. case "apk":
  19. include "apk.php";
  20. break;
  21. case "contact":
  22. include "contact.php";
  23. break;
  24. default:
  25. include "news.php";
  26. }
  27. ?>
  28. </div>
  29. </div>

9 antwoorden

Gesponsorde links
Offline kiwi - 25/05/2010 00:26 (laatste wijziging 25/05/2010 00:28)
Avatar van kiwi Nieuw lid eerst en vooral:

"de bij behorende html" en daarin zit een PHP gedeelte ? hmm

je probleem:
Maak anders een container erboven en daarin de box met de img en zet Height op 100%
want waarom zou je linker achtergrond naar benden moeten gaan? de tekst is niet lang genoegd om hem naar benden te pushen
Offline MiST - 25/05/2010 00:27
Avatar van MiST Lid en btw, '#' is een ID-selector. Van een ID mag er maar hoogstens 1 bestaan op een pagina. Het is dus volstrekt zinloos om in je CSS je elementtype er nog eens voor te vermelden.
Offline kiwi - 25/05/2010 00:30
Avatar van kiwi Nieuw lid
MiST schreef:
en btw, '#' is een ID-selector. Van een ID mag er maar hoogstens 1 bestaan op een pagina. Het is dus volstrekt zinloos om in je CSS je elementtype er nog eens voor te vermelden.

Deels, nu kan je bv ook eens een span met als id="test" en deze krijgt dan niet de opmaak van de div#test
maar van de span#test

dus kan nog gemakkelijk zijn bij grote files waar je zonder namen graak om het ordelijk te houden ;D
Offline BaddyZ - 25/05/2010 00:33 (laatste wijziging 25/05/2010 00:45)
Avatar van BaddyZ Nieuw lid de container had ik ook gedaan maar dat werkte ook niet, ik had het zo:
  1. #content{
  2. width:753px;
  3. min-height:499px;
  4. }
  5.  
  6. div#contentlinks{
  7.  
  8. float:left;
  9. background-image: url("images/content_links.png");
  10. background-repeat: repeat-y;
  11. background-position: center;
  12. text-align:left;
  13. width:202px;
  14. height:100%;
  15. }
  16.  
  17.  
  18. div#contentrechts{
  19. float:left;
  20. background-color: #FFFFFF;
  21. background-repeat: repeat-y;
  22. background-position: center;
  23. text-align:left;
  24. width:551px;
  25. height:100%;
  26. }
  1. <div id="content">
  2. <div id="contentlinks">
  3. <div id="contentTextLinks">
  4. asdasd
  5. </div>
  6. </div>
  7.  
  8. <div id="contentrechts">
  9. <img src="images/automasterlogo.png" />
  10. <div id="contentText">
  11. <?php
  12. switch($_GET['page']){
  13. case "occasions":
  14. include "occasions.php";
  15. break;
  16. case "onderhoud":
  17. include "onderhoud.php";
  18. break;
  19. case "apk":
  20. include "apk.php";
  21. break;
  22. case "contact":
  23. include "contact.php";
  24. break;
  25. default:
  26. include "news.php";
  27. }
  28. ?>
  29. </div>
  30. </div>
  31. </div>


dus doet het helaas nog steeds niet:(
zie http://auto-master.nl/index.php?page=occasions
Offline WouterJ - 25/05/2010 17:54
Avatar van WouterJ HTML gevorderde Width: 100% werkt niet als je niet aangeeft waarvan. Je moet dus een height aangeven voor de parent div, in dit geval #content. Daar heb je een min-height staan. Dit zou je dan moeten veranderen in height.
Als je dat niet wilt moet je dit eens proberen:
  1. #contentlinks {
  2. position: absolute;
  3. top: 0;
  4. bottom: 0;
  5. background: ....;
  6. }
Offline BaddyZ - 25/05/2010 19:08
Avatar van BaddyZ Nieuw lid t werkt allemaal niet:(
Offline Jelmerholland - 26/05/2010 10:03
Avatar van Jelmerholland PHP beginner Alles op float left zetten. Je bouwt er een container omheen en dan zou 't moeten werken ;)

Ik heb dit probleem ook ALTIJD... http://www.jdwebdesign.nl Kijk maar naar m'n source 
Offline TotempaaltJ - 26/05/2010 17:48
Avatar van TotempaaltJ PHP interesse
kiwi schreef:
[..quote..]
Deels, nu kan je bv ook eens een span met als id="test" en deze krijgt dan niet de opmaak van de div#test
maar van de span#test

dus kan nog gemakkelijk zijn bij grote files waar je zonder namen graak om het ordelijk te houden ;D

Ja, maar zoals hij al zei, moet een id uniek zijn voor elk element, er mogen dus niet twee dezelfde zijn.
Offline Jelmerholland - 26/05/2010 19:13
Avatar van Jelmerholland PHP beginner Hij bedoelt te zeggen: "Gebruik in dit geval een 'class' "
Gesponsorde links
Dit onderwerp is gesloten.
Actieve forumberichten
© 2002-2019 Sitemasters.be - Regels - Laadtijd: 0.276s