Click to See Complete Forum and Search --> : Need help with opera and css


Rianna
01-17-2007, 11:22 PM
Hello, Can't seem to get this right in opera. Big white gap at the top. Viewing ok in Internet explorer and Mozilla. Can someone please help? Thank you very much.


<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta content="text/html; charset=ISO-8859-1" http-equiv="content-type" />
<title></title>
<style type="text/css">
.ss2 {border: 2px solid rgb(255, 0, 0);
width: 576px;
height: 337px;
}
.ss { margin: 0px auto auto 0px;
display: block;
background-color: rgb(244, 233, 250);
width: 576px;
height: 337px;
}
.table10 { border-color: rgb(153, 0, 0);
border-width: 5px;
margin: auto;
display: block;
width: 580px;
height: 340px;
}
.table5 {width: 470px;
height: 295px;
margin-top: 20px;
}
</style>
</head>
<body>
<div style="border: 5px solid rgb(153, 0, 0);" class="table10">
<div class="ss2">
<div class="ss">
<form action="" method="post" style="margin-left: 55px; width: 470px;">
<table class="table5" border="1" cellpadding="8" cellspacing="8">
<tbody>
<tr>
<td width="400"></td>
<td width="70"><input name="input" style="background-color: rgb(242, 225, 250);" size="20" type="text" /></td>
</tr>
<tr>
<td colspan="2"><textarea rows="4" style="background-color: rgb(242, 225, 250);" cols="47" name="next"></textarea> </td>
</tr>
<tr>
<td colspan="2" align="center"><input value="Send" style="font-style: italic; font-weight: bold; font-family: arial;" type="submit" /> </td>
</tr>
</tbody>
</table>
</form>
</div>
</div>
</div>
</body>
</html>

coothead
01-18-2007, 05:24 AM
Hi there Rianna,

in your stylesheet change...

.ss {
margin: 0px auto auto 0px;
display: block;
background-color: rgb(244, 233, 250);
width: 576px;
height: 337px;
}

...to this...

.ss {
margin: 0px auto auto 0px;
display: block;
background-color: rgb(244, 233, 250);
width: 576px;
height:317px;
padding-top:20px;
}

...and this...

.table5 {
width: 470px;
height: 295px;
margin-top: 20px;
}

...to this...

.table5 {
width: 470px;
height: 295px;
}

coothead

Rianna
01-18-2007, 06:22 AM
Man, thanks a lot, I couldn't see the forest for the trees anymore. You wouldn't believe how long I spent on this. I'll send you something. Thanks!

coothead
01-18-2007, 07:59 AM
No problem, you're very welcome. ;)