The problem occurs only on Explorer 8, and in Chrome and Firefox works just fine.#text div which I marked in green, sometimes being hidden too, and when I refresh it it might unhide the border too.
The css code of the input:
#contactTable tr td input
{
width:150px;
margin-right:10px;
margin-bottom:5px;
padding:3px;
border:solid 1px #858585;
}
The css code of the general div:
#leftCol
{
direction:rtl;
float:left;
width:235px;
}
And inside the #leftCol div, there’s the #text
#text
{
padding:10px;
background:url(images/cont-tail.png) repeat;
text-align:justify;
color:#6e6e6e;
line-height:18px;
height:210px;
border:solid 1px #b6b6b6;
}
system
December 9, 2010, 9:26am
3
No one can really help based on a partial CSS code
Got you,
<%@ Page Title="" Language="C#" MasterPageFile="~/MasterPage.master" AutoEventWireup="true" CodeFile="Default.aspx.cs" Inherits="_Default" %>
<asp:Content ID="Content1" ContentPlaceHolderID="head" Runat="Server">
</asp:Content>
<asp:Content ID="Content2" ContentPlaceHolderID="ContentPlaceHolder1" Runat="Server">
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<head>
</head>
<body>
<div id="mainDiv">
<div id="rightCol">
<table id="headTitle" style="width:580px;">
<tr>
<td style="padding-left:10px;"><img src="images/main.png" /></td>
<td>SKDesigns פתרונות אינטרנט מתקדמים</td>
</tr>
</table>
<div id="text">
<b style="color:#636363;">SKDesigns היא חברה לעיצוב ובניית אתרים אשר מספקת מגוון רחב של פתרונות עיצוב ובניית אתרים. באמצעות עיצוב גרפי איכותי תוכל להבטיח ולהשאיר חותם על רצינות עסקך ובכך לגרום למבקרים להפוך ללקוחות קבועים.</b><br /><br />
בתקופה בה אנו חיים, כמעט לכל עסק, גדול או קטן, יש אתר אינטרנט.* במגוון כה רחב של אתרי אינטרנט, אתה בתור בעל עסק, צריך להבטיח שהגולש יתעכב ויתעניין דווקא באתר שלך, ולא של מתחרה.
<br />
<br />
SKDesigns הינה חברת אינטרנט אשר מתמחה בתחומים:<br />
<b>איך עושים זאת?</b> בעזרת בנייה ועיצוב של אתר מקצועי. אתר אשר מעורר סקרנות, מבחינה גרפית וטקסטואלית, ארגון נכון של הדף, ממשק ידידותי לגולש עם תפריט נוח, עיצוב נקי, נעים ואסתטי. אתר כזה, הוא האתר שיתפוס את תשומת לבם של הגולשים באתר, ויתרום לרווח העסק שלך.
<br />
הסטודיו פועל משנת 2010 ומתמחה בנושא עיצוב אתרים לאינטרנט ומציע ללקוחותיו עבודה מקצועית הנעשית בהתאם לדרישות הלקוח.
</div>
</div>
<div id="leftCol">
<table id="headTitle" style="width:240px;">
<tr>
<td style="padding-left:10px;"><img src="images/contact.png" /></td>
<td>טופס יצירת קשר</td>
</tr>
</table>
<%--<div id="headTitle" style="width:240px;"><img src="images/contact.png" /> טופס יצירת קשר</div>--%>
<div id="text">
<table cellpadding="0" cellspacing="0" id="contactTable">
<tr>
<td style="color:#636363;"><b>שם:</b></td>
<td><asp:TextBox ID="TextBoxName" runat="server" MaxLength="30"></asp:TextBox></td>
</tr>
<tr>
<td style="color:#636363;"><b>דוא"ל:</b></td>
<td><asp:TextBox ID="TextBoxEMail" runat="server" MaxLength="60"></asp:TextBox></td>
</tr>
<tr>
<td style="color:#636363;"><b>טלפון:</b></td>
<td><asp:TextBox ID="TextBoxPhone" runat="server" MaxLength="30"></asp:TextBox></td>
</tr>
<tr>
<td style="color:#636363;" valign="top"><b>פנייה:</b></td>
<td><asp:TextBox ID="TextBoxDetails" runat="server" TextMode="MultiLine" Height="80" CssClass="textArea"></asp:TextBox></td>
</tr>
<tr>
<td></td>
<td>
<asp:Button ID="Button1" runat="server" CssClass="sendButton" Text="אפס" Width="60" Height="25" />
<asp:Button ID="Button2" runat="server" CssClass="sendButton" Text="שלח" Width="60" Height="25" />
</td>
</tr>
</table>
</div>
</div>
</div>
</body>
</html>
</asp:Content>
And the CSS code:
body
{
margin:0;
padding:0;
background:url(images/bodyBg.jpg) repeat-x top left #efefef;
font-size:12px; font-family:Arial; color:White;
}
#page
{
width:826px; margin:0px auto; padding:0 0 42px 0; position:relative;
}
#topMenu
{
background:url(images/topBg.jpg) repeat-x center top;
width:100%; height:146px;
}
#logo
{
background:url(images/logo2.jpg) no-repeat top left; width:255px; height:79px;
}
#buttonsBar
{
float:right;
}
li a
{
text-decoration:none;
color:White;
}
li a:hover
{
border-bottom:dotted 1px White;
}
li
{
list-style-type:none;
display:inline;
}
#line
{
padding:0 10px;
color:#8c8c8c;
}
#subLogo
{
background:url(images/subLogo.jpg) no-repeat top center; width:826px; height:155px;
top:-10px;
margin:0 auto;
}
#mainDiv
{
width:826px;
margin:0 auto;
margin-top:140px;
}
#rightCol
{
direction:rtl;
width:580px; float:right;
/*border:Solid 2px #ababab;*/
height:300px;
}
#text
{
padding:10px;
background:url(images/cont-tail.png) repeat;
text-align:justify;
color:#6e6e6e;
line-height:18px;
border:solid 1px #b6b6b6;
}
#headTitle
{
background:#535353; padding:0px; padding-right:5px; height:30px;
font-weight:bold; font-size:14px; display:table-cell; vertical-align:middle;
}
#leftCol
{
direction:rtl;
float:left;
width:235px;
}
#contactTable tr td input
{
width:150px;
margin-right:10px;
margin-bottom:5px;
padding:3px;
border:solid 1px #858585;
}
.textArea
{
font-family:Arial;
margin-top:3px;
width:150px;
margin-right:10px;
padding:2px;
border:solid 1px #858585;
}
.sendButton
{
background:url(images/buttonBg.jpg); width:60px; height:25px; margin-top:8px; font-size:11px; border:solid 1px #858585;
}
.specialization
{
}
#footer
{
direction:rtl;
width:100%;
background:url(images/footerBg.jpg) repeat-x;
border-top:solid 3px #c9c9c9;
height:69px;
float:right;
margin:0 auto 0 auto;
bottom:0;
text-align:center;
}
PaulOB
December 9, 2010, 12:59pm
5
Can you post the code from view source as that asp code is of no use to us.
Post a live link or a functional HTML & CSS code describing your problem.