login  Naam:   Wachtwoord: 
Registreer je!
 Forum

*px (Opgelost)

Offline Stefaan - 04/05/2008 21:10
Avatar van StefaanNieuw lid ik heb een table dat 1000px breed is met twee td's. Mijn eerste td maak ik 100px breed en de andere *px. Dus die past zich lekker aan.
Als ik nu mijn table 1200px maak dan zal de tweede td zich ook lekker aanpassen.

Ok... div-time...

Ik maak een div met een width van 1000px en een div erin die ik 100px breed maak en float:left zet... Krijg ik op geen enkele manier een div ernaast die zich zo aanpast als het tablevoorbeeld... Ik moest dus altijd fixed werken...

Niet erg als er maar twee divjes inzitten maar ik zit met heel wat onderliggende div's die zouden moeten meerekken... iemand een oplossing?...

10 antwoorden

Gesponsorde links
Offline marten - 04/05/2008 21:18
Avatar van marten Beheerder Plaats eens wat code of een online voorbeeld? Hier kunnen we weinig mee namelijk.
Offline Stefaan - 04/05/2008 21:22
Avatar van Stefaan Nieuw lid
  1. <table cellpadding="0" cellspacing="0" border="0" style="width: 1000px;">
  2. <tr>
  3. <td style="width: 100px;">
  4. &nbsp;
  5. </td>
  6.  
  7. <td style="width: *px;">
  8. &nbsp;
  9. </td>
  10. </tr>


fla, dit wil ik als divjes... wetende dat ik de width (1000px;) van de table kan veranderen en dus de tweede td moet meerekken... Als ik weet hoe dit mogelijk is ben ik gered :-)
Offline marten - 04/05/2008 21:27
Avatar van marten Beheerder Dan werk je toch met procenten ipv px?
Offline Stefaan - 04/05/2008 21:28
Avatar van Stefaan Nieuw lid ahnee! want de linkerkollom moet 100px blijven
Offline Martijn - 05/05/2008 12:00 (laatste wijziging 05/05/2008 12:01)
Avatar van Martijn Crew PHP dat zelfde wat jij nu hebt, wou ik dus een kwartslag gedraait. Mn banner 110px, en de rest de rest van de pagina.

Bij deze: niet mogelijk. Erg lang naar gezocht.

wat mogelijk is, wat minder netjes, is degene die je mee wilt rekken width=100% geven en een left margin van 100px, en dan die vaste 10px er links overheen zetten....
zo heb ik het maar deels opgelost
Offline ReneeJ - 05/05/2008 17:14 (laatste wijziging 05/05/2008 17:15)
Avatar van ReneeJ HTML interesse Als je het eens zo doet:
  1. <div id="content">
  2. <div id="left">
  3.  
  4. Hier die linkse troep
  5.  
  6. </div>
  7. <!-- Left Einde -->
  8.  
  9. Hier al die troep die rechts moet
  10.  
  11. </div>
  12. <!-- Content Einde -->


en in de CSS

  1. #content {
  2. width: 100%; /* Gebeurt Automatisch Eigenlijk */
  3. margin: 0;
  4. /* En dan wat je verder wilt */
  5. }
  6.  
  7. #left {
  8. width: 100px;
  9. float: left;
  10. }


Dit zou moeten werken omdat div's standaard die 100% breedte aannemen omdat het block elementen zijn
Offline Stefaan - 05/05/2008 21:59
Avatar van Stefaan Nieuw lid Dit zou maar al te makkelijk zijn.

en wat als mijn menu maar 4 regels bevat en als mijn rechterkant heel wat tekst bevat dan zal de linkerdiv eindigen onder zijn laatste regel en zal de rechtertekst er leuk onderkomen.

Je kan dan height: 100%; zetten maar dan wordt de height, de height van je scherm,... niet echt netjes als er dan nog ergens onderaan een footer staat...
Offline Pieter - 06/05/2008 08:06 (laatste wijziging 06/05/2008 08:08)
Avatar van Pieter Gouden medaille

SEO guru
Ik weet dat het niet de netste CSS code is, maar je kan idd doen wat ReneeJ zegt, met dan de linkse div laten floaten, en de rest van de content een margin-left geven van een 100px/150px (al te zien wat je wilt wat je margin is hé).
Het is niet supernetjes, maar het werkt wel. Heb het ooit al eens moeten toepassen.

Edit: misschien moet je eens een voorbeeldje van je layout geven. Misschien kan je het oplossen met faux columns.
Offline Thomas - 07/05/2008 18:33 (laatste wijziging 07/05/2008 18:33)
Avatar van Thomas Moderator Kun je inderdaad in die linkerkolom niet iets doen met clear: left?
Of toch een margin in de omvattende kolom.
Offline Stefaan - 07/05/2008 22:19
Avatar van Stefaan Nieuw lid ok, na één en aander proberen is de beste oplossing dan wel degelijk de rechtse kolom met een margin-left te gebruiken. het werkt in ieder geval naar behoren!
Gesponsorde links
Dit onderwerp is gesloten.
Actieve forumberichten
© 2002-2024 Sitemasters.be - Regels - Laadtijd: 0.201s