Forum PHP.pl > [JavaScript][CSS]Skrypt powoduje rozjezdzanie sie css'a w IE

Pomoc - Szukaj - Użytkownicy - Kalendarz

Pełna wersja: [JavaScript][CSS]Skrypt powoduje rozjezdzanie sie css'a w IE

ebol

13.11.2009, 00:27:49

poprosze o pomoc jestem zielony w temacie :
stronka zaznaczenie odpowiedniego radio przycisku zmienia w js zawartosc drop down menu. potem podajemy input i programik mieli dalej.

ALE :

tylko w firefoxie,safari...

w IE sa jakies strasznie jaja. zielone okienko przesuwa sie, pod spodem jakis pasek....

gdzie lezy przyczyna ? js ? css? IE ? brak skilli ? pozdrawiam

[HTML] pobierz, plaintext 
<html>
<head>
<title>Go convert ?!</title>
<style type="text/css">
body{
background-image:url('http://www.jkkrzyzosiak.bimserver2.com/assigment/converter/background.png');
background-repeat:repeat-x;
}
.cssbox, .cssbox_body{ 
background: transparent url(back1.png) no-repeat bottom right} 
.cssbox{  width:500px !important;
width: 480px;
 padding-right:15px;  
 margin:20px auto} 
 
 .cssbox_body{ background-position:bottom left; 
 margin-right:25px; 
 padding:15px 0 15px 40px} 
 .button {
    border: none;
    background: url('http://www.jkkrzyzosiak.bimserver2.com/assigment/converter/button.jpg') repeat-x }
.subform {
width: 580px;
 
}  
 
</style>
 
<script type="text/javascript">
<!--
function writediv(text) {document.getElementById('subform').innerHTML = text;}
 
function radiobut1() {
if (document.form1.Grr[0].checked) {writediv('<select name="ConWay"><option value="0">Choose conversion type</option><option value="1">Miles to kilometres</option><option value="2">Inches to centimetres</option><option value="3">Pounds to kilograms</option><option value="4">Horsepower to Kilowatts</option><option value="5">Pints to litres</option></select><input type="submit" value="Go.Convert!" class="button">');}
else {writediv('<select name="ConWay"><option value="0">Choose conversion type</option><option value="6">Kilometres to Miles</option><option value="7">Centimetres to Inches</option><option value="8">Pounds to kilograms</option>    <option value="9">Horsepower to Kilowatts</option><option value="10">Litres to Pints</option></select><input type="submit" value="Go.Convert!" class="button">');} }
 
// -->
</script>
</head>
<body>
<div class="cssbox"> 
<div class="cssbox_body">
 
Choose conversion type :
<form name="form1" action="g02.php" method="POST">
 
<input type="radio" name="Grr" value="1" onclick="radiobut1(this)"> Imperial to Metric
<br />
<input type="radio" name="Grr" value="2" onclick="radiobut1(this)"> Metric to imperial
<br />
Convert:   
        <input  type="text"  name="InputValue"/>   
        ->   
<div id="subform">
        <select name="ConWay">
        <option value="0">Choose conversion</option>   
        </select>   
        <input type="submit" value="Go.Convert!" class="button">
</div>
 
</form>
</div>
</div>
</body> 
[HTML] pobierz, plaintext

b4x

13.11.2009, 18:40:22

http://www.google.pl/search?q=png+internet...lient=firefox-a

To jest wersja lo-fi głównej zawartości. Aby zobaczyć pełną wersję z większą zawartością, obrazkami i formatowaniem proszę kliknij tutaj.