Probleem textarea
25 februari 2009 - 18:48   
geplaatst door: Steve07
Ik heb een tabel gemaakt d.m.v. div'jes. In één van de rijen zit een textarea en de tekst in de linkerkolom verspringt dan. Wat doe ik fout?


<div class=\"rij\"><div class=\"links\">Notities</div><div class=\"rechts\"><textarea rows=\"2\" name=\"notities\"></textarea></div></div>

Mijn css-code is:


div.rij {
/*  Maten  */
height: auto;
width: 975px;
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 0px;
/*  Opmaak  */
text-align: left;
/*  Display  */
display: block;
}
div.links {
/*  Maten  */
height: auto;
width: 214px;
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 0px;
/*  Opmaak  */
text-align: right;
/*  Display  */
display: table-cell;
}
div.rechts {
/*  Maten  */
height: auto;
width: 500px;
padding: 0px 0px 0px 40px;
margin: 0px 0px 0px 0px;
/*  Opmaak  */
text-align: left;
/*  Display  */
display: table-cell;
}
input, textarea, select {
/*  Maten  */
width: 240px;
padding: 5px 5px 5px 5px;
margin: 5px 0px 0px 5px;
/*  Opmaak  */
background-color: #FFFFFF;
border: 1px solid #666666;
}

Iemand een idee?  :wacko:

Probleem textarea
25 februari 2009 - 22:37    reactie #1
geplaatst door: Godfather
geef eens een voorbeeld, als in, site waar het mis gaat? Ik staar mezelf hierop altijd kapot, enkel de code.
Mac Pro '08 - iPad 16GB - iPhone 6 - Next Gen MB Pro
Probleem textarea
25 februari 2009 - 22:54    reactie #2
geplaatst door: melgior
En als je vertical-align: top toevoegd aan de linker div? Als je trouwens op deze manier je layout maakt, kun je net zo goed table tags gebruiken in plaats van divs, want je doet nu letterlijk hetzelfde.
Probleem textarea
26 februari 2009 - 10:04    reactie #3
geplaatst door: Steve07
Dankjewel Melgior, nu werkt het wel. Dit is trouwens niet voor mijn layout, dit is alleen maar om een tabel te maken waarin data komt te staan. Ik vind div'jes makkelijk dan tabellen.
Probleem textarea
26 februari 2009 - 10:35    reactie #4
geplaatst door: Spooter
Het is maar wat je gewwend bent, div-jes reageren nog steeds niet altijd gelijk in verschillende browsers, zeker als je layout wat complexer is...
Probleem textarea
26 februari 2009 - 11:26    reactie #5
geplaatst door: ettepet
Citaat
Steve07 om 10:04, 26-02-2009
... dit is alleen maar om een tabel te maken waarin data komt te staan. Ik vind div'jes makkelijk dan tabellen.

Ik durf het bijna niet te zeggen, maar de table-tag is bij uitstek geschikt voor tabellen met data. :confused:
Misschien er even mee oefenen, dan wordt het vanzelf makkelijk.
Probleem textarea
26 februari 2009 - 15:54    reactie #6
geplaatst door: Steve07
Ook op een site waar ik jquery gebruikt om een gedeelte van de tabel uit te laten faden? Ik heb dat nu gedaan door een aantal div's in een div "meer" te zetten.

Ik ga er nog wel eens naar kijken

Probleem textarea
26 februari 2009 - 16:09    reactie #7
geplaatst door: Blender

Citaat
Spooter om 10:35, 26-02-2009
div-jes reageren nog steeds niet altijd gelijk in verschillende browsers, zeker als je layout wat complexer is...

Waarom denk je dan dat juist hele complexe sites uit div-jes zijn opgebouwd?
Je moet alleen (soms) wat correcties voor IE 6 en 7 aanbrengen.
Je kunt juist veel nauwkeuriger werken...