[ASP.NET] Probleem met height van TextBox - Softwareontwikkeling

maandag 18 juni 2007 10:00

Acties:

Topicstarter

Na veel zoeken met Google en ook hier kan ik geen oplossing voor mijn probleem vinden, dus bij deze waag ik me aan een post.

Het probleem is als volgt: Ik heb in ASP.NET een Textbox neergegooit en als ik deze een height van 20px opgeef dan wordt hij dat niet. De textbox wordt namelijk 24px hoog.

Dit probleem doet zich voor op meerde computers en IE of Firefox maakt niet uit.

Heb ik soms wat gemist? Want als ik de DOCTYPE weghaal, gaat het wel goed. Zijn de specs van XHTML / CSS2.1 zo anders?

Ik heb het getest door de volgende HTML in een html bestand te gooien:

HTML:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" >
<head>
    <title>Untitled Page</title>
</head>
<body>
    <form name="form1" method="post" action="CSSTest.aspx" id="form1">
        <div>
            <textarea name="TextBox1" id="TextBox1" style="height:20px; border: 1px solid Silver; font-size: 10px;"></textarea>
            <input name="TextBox1" type="text" id="TextBox1" style="height:20px; border: 1px solid Silver; font-size: 10px;" />
            <input type="submit" name="Button1" value="Button" id="Button1" style="height:20px; border: 1px solid Silver; font-size: 10px;" />
        </div>
    </form>
</body>
</html>

(Dit is nagenoeg de 'standaard' code die ASP.NET er uit gooit)
Deze code is niet veel anders dan mijn source, dus lijkt me overbodig om dat ook te posten. Je kan het zelf reproduceren door een textbox neer te gooien en height van 20px op te geven.

Hier een voorbeeld hoe ik het zie:
Afbeeldingslocatie: http://tweakers.net/ext/f/287ed588b58ea4af327d5dc7cd715296/full.gif

Afbeeldingslocatie: http://tweakers.net/ext/f/287ed588b58ea4af327d5dc7cd715296/full.gif

(Ter referentie: de knop is wel 20px hoog)

Nogmaals, ik heb er niks over kunnen vinden, maar het lijkt me toch stug dat niemand dit probleem ooit heeft gehad?

[ Voor 8% gewijzigd door Xion op 18-06-2007 10:27 . Reden: typo's en zo ]

maandag 18 juni 2007 10:14

Acties:

RobIII

Admin Devschuur®

^ Romeinse Ⅲ ja!

Scheelt het als je het lettertype kleiner maakt? (/me gooi doet)

There are only two hard problems in distributed systems: 2. Exactly-once delivery 1. Guaranteed order of messages 2. Exactly-once delivery.

Je eigen tweaker.me redirect

Over mij

maandag 18 juni 2007 10:18

Acties:

Xion

Topicstarter

Helaas, dat werkt ook niet. Heb de code in de TS aangepast naar 10px.

Kan jij dit probleem ook reproduceren?

edit:
Dit is inline CSS, maar normaal werk ik met CSS bestanden, geen verschil.

[ Voor 50% gewijzigd door Xion op 18-06-2007 10:23 ]

maandag 18 juni 2007 10:23

Acties:

newpegasus

Hertog

Maak er eens een <asp:Textbox> van, stel dan de height in.

Als je dat al hebt, misschien scheelt het als je multiline aan zet?

GuitarFacts | Last.fm | Google Zoekmachine Optimalisatie

maandag 18 juni 2007 10:28

Acties:

Xion

Topicstarter

Multiline (Textarea) maakt ook geen verschil. (ook aan ts toegevoegd)

Heb de code online gezet: zie hier

edit:
Als ik margin: 0px en paddin: 0px toevoeg wordt ie al wat minder hoog, maar nog niet genoeg. Maar dit lijkt me ook niet de manier. Voorbeeld:

(Dit is in m'n applicatie, vandaar de andere style van de knop)

[ Voor 89% gewijzigd door Xion op 18-06-2007 10:39 ]

maandag 18 juni 2007 11:06

Acties:

BtM909

Watch out Guys...

Kijk eens naar line-height in combinatie met font-size

Ace of Base vs Charli XCX - All That She Boom Claps (RMT) | Clean Bandit vs Galantis - I'd Rather Be You (RMT)
You've moved up on my notch-list. You have 1 notch
I have a black belt in Kung Flu.

maandag 18 juni 2007 22:39

Acties:

Xion

Topicstarter

Met line-height kan ik alleen de hoogte van de tekst instellen. Grootte van het lettertype maakt ook niet uit.