[IE] Raar probleem met <textarea /> - Softwareontwikkeling

zondag 25 april 2004 04:13

Acties:

ja

Topicstarter

Afbeeldingslocatie: http://www.matttt.nl/emo/wtf.png

De situatie is als volgt, ik heb een textarea die in een div staat (zie boven), in mozilla staat hij netjes binnenin de div, in internet explorer staat hij 3 kwart in de div, en een kwart erbuiten..

Ik heb vanalles geprobeerd, maar weet niet wat het nou is, iemand anders wel?

HTML:

<html>
 <head>
  <title>bla</title>
  <style type="text/css">
   * {
    -moz-box-sizing: 0px;
    box-sizing: 0px;
       }
     body, html {
    margin: 0px;
    background-color: #000;
    }
    .main {
    left: 50%;
    margin-left: -278px;
    top: 50%;
    margin-top: -257px;
    position: absolute;
    width: 556px;
    height: 514px;
    text-align: center;
    font-family: verdana;
    border: 1px solid white;
    }
    a   {
    color: #fff;
    text-decoration: none;
   }
   a:hover {
    color: #ccc;
    text-decoration: underline;
    }
   </style>
  <script language="javascript" type="text/javascript">
    var win = null;
    function NewWindow(mypage,myname,w,h,scroll){
    LeftPosition = (screen.width) ? (screen.width-w)/2 : 0;
    TopPosition = (screen.height) ? (screen.height-h)/2 : 0;
    settings =
    'height='+h+',width='+w+',top='+TopPosition+',left='+LeftPosition+',scrollbars='+scroll+',resizable'
    win = window.open(mypage,myname,settings)
    if(win.window.focus){win.window.focus();}
    }
   </script>  
   </head>
 <body>
  <div class="main">
   [img]"images/abc.png"[/img]<br>
   <textarea style="height: 200px; width: 556px; color: #fff; background-color: #333; border: 1px solid white; margin-top: 50px; margin-bottom: 20px;">yadda yadda yadda
   </textarea><br>
   <a href="#">linkje</a>
  </div>
 </body>
</html>

rm -rf ~/.signature

zondag 25 april 2004 10:30

Acties:

Bosmonster

*zucht*

Een form-tag eromheen doet wonderen

Verder slaat dit nergens op:

code:

* {
    -moz-box-sizing: 0px;
    box-sizing: 0px;
}

Maak daar ook van:

code:

* {
   -moz-box-sizing:border-box;
   box-sizing:border-box;
}

En als laatste zou een DOCTYPE ook geen overbodige luxe zijn als je een beetje controle wil hebben over wat er verder gebeurt.

zondag 25 april 2004 11:24

Acties:

bakakaizoku

ja

Topicstarter

Bosmonster schreef op 25 april 2004 @ 10:30:
Een form-tag eromheen doet wonderen

Verder slaat dit nergens op:
code:
1
2
3
4
* {
    -moz-box-sizing: 0px;
    box-sizing: 0px;
}
Maak daar ook van:
code:
1
2
3
4
* {
   -moz-box-sizing:border-box;
   box-sizing:border-box;
}
En als laatste zou een DOCTYPE ook geen overbodige luxe zijn als je een beetje controle wil hebben over wat er verder gebeurt.

voor dat laatste (de border), zag je de tijd?

en is een form tag echt nodig? hij hoeft namelijk niks te verzenden

wat de hel, hij doet het ook nog

[ Voor 4% gewijzigd door bakakaizoku op 25-04-2004 11:26 ]

rm -rf ~/.signature

zondag 25 april 2004 11:27

Acties:

Johnny

ondergewaardeerde internetguru

mattttt schreef op 25 april 2004 @ 11:24:

en is een form tag echt nodig? hij hoeft namelijk niks te verzenden

wat de hel, hij doet het ook nog

Ja en een form tag heeft ook een ACTION attribuut nodig, maar die kun je gewoon leeg laten en als dan ook geen submit button hebt is er niets aan de hand.

Aan de inhoud van de bovenstaande tekst kunnen geen rechten worden ontleend, tenzij dit expliciet in dit bericht is verwoord.

zondag 25 april 2004 12:39

Acties:

Bosmonster

*zucht*

Dat van die form-tag lijkt me een IE-bugje.. Misschien werkt het ook wel met een DIV eromheen.. of een andere block-element.

zondag 25 april 2004 14:33

Acties:

crisp

Devver

Pixelated

Bosmonster schreef op 25 april 2004 @ 12:39:
Dat van die form-tag lijkt me een IE-bugje.. Misschien werkt het ook wel met een DIV eromheen.. of een andere block-element.

Mogelijk is een display:block al voldoende, kan je die ranzige linebreaks ook weer weglaten

Intentionally left blank