login  Naam:   Wachtwoord: 
Registreer je!
 Forum

Floating elements

Offline roy - 13/01/2010 19:31 (laatste wijziging 13/01/2010 19:35)
Avatar van royPHP gevorderde Hi all,

Ik wil een tabel met zoekresultaten maken, maar de inhoud van de rechter cell moet floating zijn. kolom drie bevat geen cellen, maar is eigenlijk 1 grote cell.

Table with 100%
width cell 1 = 200px
width cell 2 = 200px
width cell 3 = de rest

html4strict code - Bekijk de code zonder highlighting - Klap code in 
  1. ------------------------------
  2. |       |       |             |
  3. ----------------              |
  4. |       |       |             |
  5. ----------------              |
  6. |       |       |             |
  7. ----------------              |
  8. |       |       |             |
  9. ------------------------------


Welke eigenschappen moet ik de DIV in de rechterkolom geven, als deze verticaal moet gaan floaten over de pagina/ Of gewoon stil met staan als je scrolled.

Ik hoop dat iemand een idee heeft.


Groeten,
Roy

4 antwoorden

Gesponsorde links
Offline source36 - 13/01/2010 19:38
Avatar van source36 Nieuw lid Ik zou Table width="100%" niet gebruiken, liever het maximale van je pagina (als dat er is)
voor width cell3 (zou ik trouwens aangeven met name, maar OK) zou ik Width="*" gebruiken; volgens mij was dat rest... maar dan moet wel Table width zijn ingesteld...

Anders zou ik het niet weten
Offline roy - 13/01/2010 19:40
Avatar van roy PHP gevorderde Ok dat is geen antwoord op de vraag maar toch bedankt.

Citaat:
Ik zou Table width="100%" niet gebruiken, liever het maximale van je pagina (als dat er is)

Dat gaat niet, je hebt natuurlijk te maken met verschillende resoluties.. En kolom drie moet dat juist opvullen


Misschien iemand anders antwoord op de vraag.
Offline Martijn - 13/01/2010 19:48 (laatste wijziging 13/01/2010 19:50)
Avatar van Martijn Crew PHP als je een tabel gebruikt kom je nieteens in de buurt van float. De eerste TR geef je 3x een TD waarvan de laatste een rowspan van X heeft, waar X gelijk is aan de aantal rijen dat je m naar beneden wilt laten doorgaan.
Elke volgende TR geef je 2 TD's en klaar.

Met divs doe je zo:
php code - Bekijk de code zonder highlighting - Klap code in 
  1. <div>
  2.   <div class="400pxGevenEnFloatLeft">
  3.     <div class="vak1"> abc </div>
  4.     <div class="vak2"> abc </div>
  5.  
  6.     <div class="vak1"> abc </div>
  7.     <div class="vak2"> abc </div>
  8.  
  9.     <div class="vak1"> abc </div>
  10.     <div class="vak2"> abc </div>
  11.  
  12.   </div>
  13.   <div class="FloatLeftGeven">
  14.   3e kolom
  15.   </div>
  16. </div>


even uit de losse pols moet dat wel aardig kloppen

edit: als je "400pxGevenEnFloatLeft" overflow:auto; en een width geeft, en dan 420px breed maakt (scrollbalk komt erbij) dan scrollt alleen dat.

Als je wilt dat je een div hebt die altijd blijft staan, moet je naar fixed gaan, maar dat werkt niet altijd even fijn
Offline roy - 13/01/2010 19:59
Avatar van roy PHP gevorderde ik wil denk ik iets anders dan jij beschrijft..

Als de pagina/tabel te veel rijen gaat bevatten dan komt er in de browser een scrollbalk. Ik wil dat een DIV in de rechter kolom altijd zichtbaar is, ook als je omlaag scrollt.

Misschien heb ik mijn vraag een beetje verkeerd gesteld in het begin.
Gesponsorde links
Dit onderwerp is gesloten.
Actieve forumberichten
© 2002-2024 Sitemasters.be - Regels - Laadtijd: 0.189s