ایجاد یک سطر خالی در بالای صفحه مستربیچ موقع استفاده از منو

[karimi84]

با سلام
من یک منو داینامیک ساختم وقتی که این منوی من در یک صفحه ساده است در ابتدای صفحه قرار دارد ولی وقتی همین منو را در مستربیچ قرار میدهم یک خط فضای خالی ایجاد می شود اشکال کار کجاست
ساختار منو من به شکل زیر است
<table width="100%"
style="background-image: url(alt-img/bodybg-red.jpg);
background-color: #f0f0f0;
background-repeat: repeat-x;" border="1">
<tr id="top">
<td dir="rtl" valign="top">

<asp:Menu ID="menuBar" runat="server" Orientation="Horizontal" Width="90%"
StaticEnableDefaultPopOutImage="False"
StaticMenuItemStyle-HorizontalPadding="0"
StaticSubMenuIndent="10px" >
<DynamicHoverStyle CssClass="DynamicHover" />
<DynamicMenuItemStyle CssClass="DynamicMenuItem" HorizontalPadding="0px" VerticalPadding="0px"/>
<DynamicSelectedStyle CssClass="DynamicHover" />



<StaticHoverStyle CssClass="staticHover" />
<StaticMenuItemStyle CssClass="StaticMenuItem" Width="80" />
<StaticSelectedStyle CssClass="staticHover" HorizontalPadding="0px" VerticalPadding="0px"/>

</asp:Menu>
</td>
</tr>

[karimi84]

<table width="100%"
style="background-image: url(alt-img/bodybg-red.jpg);
background-color: #f0f0f0;
background-repeat: repeat-x;" border="1">
<tr id="top">
<td dir="rtl" valign="top">

<asp:Menu ID="menuBar" runat="server" Orientation="Horizontal" Width="90%"
StaticEnableDefaultPopOutImage="False"
StaticMenuItemStyle-HorizontalPadding="0"
StaticSubMenuIndent="10px" >
<DynamicHoverStyle CssClass="DynamicHover" />
<DynamicMenuItemStyle CssClass="DynamicMenuItem" HorizontalPadding="0px" VerticalPadding="0px"/>
<DynamicSelectedStyle CssClass="DynamicHover" />



<StaticHoverStyle CssClass="staticHover" />
<StaticMenuItemStyle CssClass="StaticMenuItem" Width="80" />
<StaticSelectedStyle CssClass="staticHover" HorizontalPadding="0px" VerticalPadding="0px"/>

</asp:Menu>
</td>
</tr>

[karimi84]

<style>
.MenuBar
{
padding: 0 0px 0 0px;
background-color: #f0f0f0;
border-width: 1px;
border-style: solid;
border-color: #5f5f5f;
vertical-align: top;
border-spacing: 0px;
background-repeat: repeat-x;
height: 20px;

}

.StaticMenuItem
{
text-align:right;
border-width: 0;
color: #f0f0f0;
text-decoration: none; /*text-shadow: #FFF 0 0 0;*/

padding-right: 0px;
padding-left:0px;
height: 20px;
}

.DynamicMenuItem /*مطالب داخل ساب منو*/
{
text-align: right;
border-width: 0;

color: #f0f0f0;
text-decoration: none; /*text-shadow: #FFF 0 0 0;*/
background-color: #f0f0f0;
background-image:url("images/menu_dropdown_bg.png");
padding-right:0px;
padding-left: 0px;
height: 20px;
}

.staticHover
{
-moz-border-radius: 0px;
-webkit-border-radius: 0px; /*border-radius: 5px;*/
background-image: url( "alt-img/menuhover-red.jpg" );
background-repeat: repeat-x;
text-align: right;
border-width: 0;

color: #f0f0f0;
text-decoration: none; /*text-shadow: #FFF 0 0 0;*/
background-color: #424542;
padding-right: 1px;
padding-left: 1px;
height: 20px;

}

.DynamicHover
{

text-align: right;
border-width: 0;

color: #FFF;
text-decoration: none; /*text-shadow: #FFF 0 0 0;*/
background-color: #424542;
padding-right: 1px;
padding-left: 1px;
background-image: url( "alt-img/menuhover-red.jpg" );
background-repeat: repeat-x;
height: 20px;
}
</style>

[parvizwpf]

الان آیتمهای داخل منو کجایند؟

[karimi84]

از دیتابیس میخونه

[parvizwpf]

آقا من سرویس شدم شما دکتر بازی در آوردید توی استایل StaticMenuItem اومدید رنگ متن رو هم رو هم رنگ زمینه دادید.
color: #f0f0f0;
بعد height ها رو هم کمی زیادتر کنید معلوم بشه.

[karimi84]

سواله من اینه با همین ساختار چرا وقتی تو یک صفحه asp قرار میدم و برنامه اجرا میشه منو دقیقا اول سطر قرار میگیره ولی وقتی تو مستربیج قرار میدم مثل اینکه یک خط پایین تر قرار میگیره top صفحه قرار نمی گیره

[imanasp]

سواله من اینه با همین ساختار چرا وقتی تو یک صفحه asp قرار میدم و برنامه اجرا میشه منو دقیقا اول سطر قرار میگیره ولی وقتی تو مستربیج قرار میدم مثل اینکه یک خط پایین تر قرار میگیره top صفحه قرار نمی گیره

دوست عزیز استفاده از table جدای از مشکلاتی مثل پایین آوردن لود صفحه، عدم سازگاری با موتورهای جستجو و ... رو به دنبال داره مشکلی مثل مشکل شما رو هم در بر می گیره بهتره که از Div استفاده بکنید چرا که هم سریعتر کامپایل میشه و هم میتونید خیلی راحت با margin و float دادن بهش هر جایی که دلتون بخاد نشونش بدید استفاده از table قویا رد میشه چون جدای از این مشکلات توی مرورگرهای دیگه هم یکی رو شرق نشون میده و یکی رو غرب!
اینم منابعی که به دردتون می خوره:
http://www.w3schools.com/tags/tag_div.asp

http://www.tizag.com/htmlT/htmldiv.php

http://www.html.net/tutorials/css/lesson8.php

[karimi84]

وقتی با این وضعیت الان نمیشه کاری کرد واینکه اشکال کجاست

[karimi84]

کسی در این مورد اطلاعی نداره چرا این مشکل پیش میاد و چکار باید بکنم