No replies
raysefo
raysefo's picture
Offline
Regular
Last seen: 6 years 38 weeks ago
Timezone: GMT+3
Joined: 2010-11-18
Posts: 25
Points: 39

Hi,

I have a web page as follows. It displays Ok on chrome and FF but on IE , image and tables are not covering 100% of width. How can I fix them?

Best Regards

Here is the markup:

<div id="bahisdis">
        <asp:UpdatePanel ID="UpdatePanel1" runat="server" UpdateMode="Conditional">
            <ContentTemplate>
                <div id="panel1" runat="server">
                    <div id="bahisresim">
                        <div id="aaa">
                            <table style="width: 100%; height: 100%; border-collapse: collapse;">
                                <tr valign="top">
                                    <td style="width: 50%">
                                        <div class="takimadi" id="takimadi1" runat="server">
                                        </div>
                                        <table style="width: 100%; height: 100%; color: #f1f3f5; font-weight: bold;">
                                            <tr valign="top">
 
                                            </tr>
                                        </table>
                                    </td>
                                    <td style="width: 50%">
                                        <div class="takimadi" id="takimadi2" runat="server">
                                        </div>
                                        <table style="width: 100%; height: 100%; color: #faf9f7; font-weight: bold;">
                                            <tr valign="top">
 
                                            </tr>
                                        </table>
                                    </td>
                                </tr>
                            </table>
                        </div>
                    </div>
                    <div id="baslik">
                        LIVE BET CODE :
                        <asp:Label ID="lbCode" runat="server" Text=""></asp:Label>
                    </div>
                    <div class="satir">
                        <table class="tablo oran1_1">
                            <tr>
                                <td class="satiricibaslik" colspan="3">
                                    Final Score
                                </td>
                                <td class="satiricibaslik" colspan="3">
                                    Double Chance
                                </td>
                            </tr>
                            <tr>
                                <td class="tbaslik oran1_6">
                                    1
                                </td>
                                <td class="tbaslik oran1_6">
                                    X
                                </td>
                                <td class="tbaslik oran1_6">
                                    2
                                </td>
                                <td class="tbaslik oran1_6">
                                    1-X
                                </td>
                                <td class="tbaslik oran1_6">
                                    1-2
                                </td>
                                <td class="tbaslik oran1_6">
                                    2-X
                                </td>
                            </tr>
                            <tr>
                                <td class="tkod">
                                    0101
                                </td>
                                <td class="tkod">
                                    0101
                                </td>
                                <td class="tkod">
                                    0101
                                </td>
                                <td class="tkod">
                                    0101
                                </td>
                                <td class="tkod">
                                    0101
                                </td>
                                <td class="tkod">
                                    0101
                                </td>
                            </tr>
                            <tr>
                                <td class="toran" id="OF1" runat="server">
                                    <asp:Label ID="F1" runat="server" Text=""></asp:Label>
                                </td>
                                <td class="toran">
                                    <asp:Label ID="FX" runat="server" Text=""></asp:Label>
                                </td>
                                <td class="toran">
                                    <asp:Label ID="F2" runat="server" Text=""></asp:Label>
                                </td>
                                <td class="toran">
                                    3.12
                                </td>
                                <td class="toran">
                                    3.12
                                </td>
                                <td class="toran">
                                    3.12
                                </td>
                            </tr>
                        </table>
                    </div>
                    <div class="satir">
                        <table class="tablo oran1_1">
                            <tr>
                                <td class="satiricibaslik" colspan="6">
                                    Under / Over
                                </td>
                                <td class="satiricibaslik" colspan="6">
                                    Team to Score Next
                                </td>
                            </tr>
                            <tr>
                                <td class="tbaslik oran1_8" colspan="2" id="uo1" runat="server">
                                    1,5 Goal
                                </td>
                                <td class="tbaslik oran1_8" colspan="2" id="uo2" runat="server">
                                    2,5 Goal
                                </td>
                                <td class="tbaslik oran1_8" colspan="2" id="uo3" runat="server">
                                    3,5 Goal
                                </td>
                                <td class="tbaslik oran1_8" colspan="1">
                                    Home
                                </td>
                                <td class="tbaslik oran1_8" colspan="1">
                                    Visitor
                                </td>
                                <td class="tbaslik oran1_8" colspan="1">
                                    None
                                </td>
                            </tr>
                            <tr>
                                <td class="tkod trau">
                                    Under
                                </td>
                                <td class="tkod trau">
                                    Over
                                </td>
                                <td class="tkod trau">
                                    Under
                                </td>
                                <td class="tkod trau">
                                    Over
                                </td>
                                <td class="tkod trau">
                                    Under
                                </td>
                                <td class="tkod trau">
                                    Over
                                </td>
                                <td class="tkod" rowspan="2">
                                    0101
                                </td>
                                <td class="tkod" rowspan="2">
                                    0101
                                </td>
                                <td class="tkod" rowspan="2">
                                    0101
                                </td>
                            </tr>
                            <tr>
                                <td class="tkod">
                                    0101
                                </td>
                                <td class="tkod">
                                    0101
                                </td>
                                <td class="tkod">
                                    0101
                                </td>
                                <td class="tkod">
                                    0101
                                </td>
                                <td class="tkod">
                                    0101
                                </td>
                                <td class="tkod">
                                    0101
                                </td>
                            </tr>
                            <tr>
                                <td class="toran">
                                    3.12
                                </td>
                                <td class="toran">
                                    3.12
                                </td>
                                <td class="toran">
                                    3.12
                                </td>
                                <td class="toran">
                                    3.12
                                </td>
                                <td class="toran">
                                    3.12
                                </td>
                                <td class="toran">
                                    3.12
                                </td>
                                <td class="toran">
                                    3.12
                                </td>
                                <td class="toran">
                                    3.12
                                </td>
                                <td class="toran">
                                    3.12
                                </td>
                            </tr>
                        </table>
                    </div>
                    <div class="satir">
                        <table class="tablo oran1_1" id="table3" runat="server">
                            <tr>
                                <td class="satiricibaslik" colspan="2" runat="server" id="hfbaslik">
                                    Half Time Under / Over
                                </td>
                                <td class="satiricibaslik" colspan="5">
                                    Half Time Score
                                </td>
                            </tr>
                            <tr>
                                <td class="tbaslik oran1_9" colspan="2">
                                    1,5 Goal
                                </td>
                                <td class="tbaslik oran1_9 hide" colspan="2" id="ht1" runat="server">
                                    2,5 Goal
                                </td>
                                <td class="tbaslik oran1_9" colspan="1" id="ht11" runat="server">
                                    1
                                </td>
                                <td class="tbaslik oran1_9" colspan="1" id="ht12" runat="server">
                                    X
                                </td>
                                <td class="tbaslik oran1_9" colspan="1" id="ht13" runat="server">
                                    2
                                </td>
                            </tr>
                            <tr>
                                <td class="tkod trau">
                                    Under
                                </td>
                                <td class="tkod trau">
                                    Over
                                </td>
                                <td class="tkod trau hide" id="ht2" runat="server">
                                    Under
                                </td>
                                <td class="tkod trau hide" id="ht3" runat="server">
                                    Over
                                </td>
                                <td class="tkod" rowspan="2" id="ht14" runat="server">
                                    0101
                                </td>
                                <td class="tkod" rowspan="2" id="ht15" runat="server">
                                    0101
                                </td>
                                <td class="tkod" rowspan="2" id="ht16" runat="server">
                                    0101
                                </td>
                            </tr>
                            <tr>
                                <td class="tkod">
                                    0101
                                </td>
                                <td class="tkod">
                                    0101
                                </td>
                                <td class="tkod hide" id="ht20" runat="server">
                                    0101
                                </td>
                                <td class="tkod hide" id="ht21" runat="server">
                                    0101
                                </td>
                            </tr>
                            <tr>
                                <td class="toran">
                                    3.12
                                </td>
                                <td class="toran">
                                    3.12
                                </td>
                                <td class="toran hide" id="ht4" runat="server">
                                    3.12
                                </td>
                                <td class="toran hide" id="ht5" runat="server">
                                    3.12
                                </td>
                                <td class="toran" id="ht17" runat="server">
                                    3.12
                                </td>
                                <td class="toran" id="ht18" runat="server">
                                    3.12
                                </td>
                                <td class="toran" id="ht19" runat="server">
                                    3.12
                                </td>
                            </tr>
                        </table>
                    </div>
                </div>
                <asp:Timer ID="Timer1" runat="server" Interval="60000" OnTick="Timer1_Tick">
                </asp:Timer>
 
                <div id="panel2" runat="server" class="hide">
                    <div id="bahisresim1">
                        <div id="aaa1">
                            <table style="width: 100%; height: 100%; border-collapse: collapse;">
                                <tr valign="top">
                                    <td style="width: 50%">
                                        <div class="takimadi1" id="takimadi11" runat="server">
                                        </div>
                                        <table style="width: 100%; height: 100%; color: #f1f3f5; font-weight: bold;">
                                            <tr valign="top">
 
                                            </tr>
                                        </table>
                                    </td>
                                    <td style="width: 50%">
                                        <div class="takimadi1" id="takimadi21" runat="server">
                                        </div>
                                        <table style="width: 100%; height: 100%; color: #faf9f7; font-weight: bold;">
                                            <tr valign="top">
 
                                            </tr>
                                        </table>
                                    </td>
                                </tr>
                            </table>
                        </div>
                    </div>
                    <div id="baslik1">
                        LIVE BET CODE :
                        <asp:Label ID="Label2" runat="server" Text=""></asp:Label>
                    </div>
                    <div class="satir">
                        <table class="tablo oran1_1">
                            <tr>
                                <td class="satiricibaslik" colspan="3">
                                    Final Score
                                </td>
                                <td class="satiricibaslik" colspan="3">
                                    Double Chance
                                </td>
                            </tr>
                            <tr>
                                <td class="tbaslik oran1_6">
                                    1
                                </td>
                                <td class="tbaslik oran1_6">
                                    X
                                </td>
                                <td class="tbaslik oran1_6">
                                    2
                                </td>
                                <td class="tbaslik oran1_6">
                                    1-X
                                </td>
                                <td class="tbaslik oran1_6">
                                    1-2
                                </td>
                                <td class="tbaslik oran1_6">
                                    2-X
                                </td>
                            </tr>
                            <tr>
                                <td class="tkod">
                                    0101
                                </td>
                                <td class="tkod">
                                    0101
                                </td>
                                <td class="tkod">
                                    0101
                                </td>
                                <td class="tkod">
                                    0101
                                </td>
                                <td class="tkod">
                                    0101
                                </td>
                                <td class="tkod">
                                    0101
                                </td>
                            </tr>
                            <tr>
                                <td class="toran" id="Td1" runat="server">
                                    <asp:Label ID="Label3" runat="server" Text=""></asp:Label>
                                </td>
                                <td class="toran">
                                    <asp:Label ID="Label4" runat="server" Text=""></asp:Label>
                                </td>
                                <td class="toran">
                                    <asp:Label ID="Label5" runat="server" Text=""></asp:Label>
                                </td>
                                <td class="toran">
                                    3.12
                                </td>
                                <td class="toran">
                                    3.12
                                </td>
                                <td class="toran">
                                    3.12
                                </td>
                            </tr>
                        </table>
                    </div>
                    <div class="satir">
                        <table class="tablo oran1_1">
                            <tr>
                                <td class="satiricibaslik" colspan="6">
                                    Under / Over
                                </td>
                                <td class="satiricibaslik" colspan="6">
                                    Team to Score Next
                                </td>
                            </tr>
                            <tr>
                                <td class="tbaslik oran1_8" colspan="2" id="Td2" runat="server">
                                    1,5 Goal
                                </td>
                                <td class="tbaslik oran1_8" colspan="2" id="Td3" runat="server">
                                    2,5 Goal
                                </td>
                                <td class="tbaslik oran1_8" colspan="2" id="Td4" runat="server">
                                    3,5 Goal
                                </td>
                                <td class="tbaslik oran1_8" colspan="1">
                                    Home
                                </td>
                                <td class="tbaslik oran1_8" colspan="1">
                                    Visitor
                                </td>
                                <td class="tbaslik oran1_8" colspan="1">
                                    None
                                </td>
                            </tr>
                            <tr>
                                <td class="tkod trau">
                                    Under
                                </td>
                                <td class="tkod trau">
                                    Over
                                </td>
                                <td class="tkod trau">
                                    Under
                                </td>
                                <td class="tkod trau">
                                    Over
                                </td>
                                <td class="tkod trau">
                                    Under
                                </td>
                                <td class="tkod trau">
                                    Over
                                </td>
                                <td class="tkod" rowspan="2">
                                    0101
                                </td>
                                <td class="tkod" rowspan="2">
                                    0101
                                </td>
                                <td class="tkod" rowspan="2">
                                    0101
                                </td>
                            </tr>
                            <tr>
                                <td class="tkod">
                                    0101
                                </td>
                                <td class="tkod">
                                    0101
                                </td>
                                <td class="tkod">
                                    0101
                                </td>
                                <td class="tkod">
                                    0101
                                </td>
                                <td class="tkod">
                                    0101
                                </td>
                                <td class="tkod">
                                    0101
                                </td>
                            </tr>
                            <tr>
                                <td class="toran">
                                    3.12
                                </td>
                                <td class="toran">
                                    3.12
                                </td>
                                <td class="toran">
                                    3.12
                                </td>
                                <td class="toran">
                                    3.12
                                </td>
                                <td class="toran">
                                    3.12
                                </td>
                                <td class="toran">
                                    3.12
                                </td>
                                <td class="toran">
                                    3.12
                                </td>
                                <td class="toran">
                                    3.12
                                </td>
                                <td class="toran">
                                    3.12
                                </td>
                            </tr>
                        </table>
                    </div>
                    <div class="satir">
                        <table class="tablo oran1_1" id="table1" runat="server">
                            <tr>
                                <td class="satiricibaslik" colspan="2" runat="server" id="Td5">
                                    Half Time Under / Over
                                </td>
                                <td class="satiricibaslik" colspan="5">
                                    Half Time Score
                                </td>
                            </tr>
                            <tr>
                                <td class="tbaslik oran1_9" colspan="2">
                                    1,5 Goal
                                </td>
                                <td class="tbaslik oran1_9 hide" colspan="2" id="Td6" runat="server">
                                    2,5 Goal
                                </td>
                                <td class="tbaslik oran1_9" colspan="1" id="Td7" runat="server">
                                    1
                                </td>
                                <td class="tbaslik oran1_9" colspan="1" id="Td8" runat="server">
                                    X
                                </td>
                                <td class="tbaslik oran1_9" colspan="1" id="Td9" runat="server">
                                    2
                                </td>
                            </tr>
                            <tr>
                                <td class="tkod trau">
                                    Under
                                </td>
                                <td class="tkod trau">
                                    Over
                                </td>
                                <td class="tkod trau hide" id="Td10" runat="server">
                                    Under
                                </td>
                                <td class="tkod trau hide" id="Td11" runat="server">
                                    Over
                                </td>
                                <td class="tkod" rowspan="2" id="Td12" runat="server">
                                    0101
                                </td>
                                <td class="tkod" rowspan="2" id="Td13" runat="server">
                                    0101
                                </td>
                                <td class="tkod" rowspan="2" id="Td14" runat="server">
                                    0101
                                </td>
                            </tr>
                            <tr>
                                <td class="tkod">
                                    0101
                                </td>
                                <td class="tkod">
                                    0101
                                </td>
                                <td class="tkod hide" id="Td15" runat="server">
                                    0101
                                </td>
                                <td class="tkod hide" id="Td16" runat="server">
                                    0101
                                </td>
                            </tr>
                            <tr>
                                <td class="toran">
                                    3.12
                                </td>
                                <td class="toran">
                                    3.12
                                </td>
                                <td class="toran hide" id="Td17" runat="server">
                                    3.12
                                </td>
                                <td class="toran hide" id="Td18" runat="server">
                                    3.12
                                </td>
                                <td class="toran" id="Td19" runat="server">
                                    3.12
                                </td>
                                <td class="toran" id="Td20" runat="server">
                                    3.12
                                </td>
                                <td class="toran" id="Td21" runat="server">
                                    3.12
                                </td>
                            </tr>
                        </table>
                    </div>
                </div>
 
                <asp:Label runat="server" Text="Label" ID="Label1"></asp:Label>
            </ContentTemplate>
        </asp:UpdatePanel>
    </div>

Here is the CSS:

*
{
    margin: 0;
    padding: 0;
    font-family: Arial, Helvetica, sans-serif;
}
 
body
{
    background-color: #088A29;
}
 
#bahisdis
{
    width: 90%;
    height: 100%;
    overflow: hidden;
    margin: auto;
}
 
#bahisresim
{
    width: 100%;
    height: 40%;
    overflow: hidden;
    text-align: center;
    background-image: url('Images/Stadio_Sukru_Saracoglu.jpg');
    background-repeat: no-repeat;
    background-size: 100% 100%;
}
 
#aaa
{
    margin: 0 4em;
}
 
ul
{
    list-style-type: none;
    margin: 0 1em;
}
 
.takimadi
{
    font-size: 4em;
    font-weight: bold;
    color: #f6f2f2;
    opacity: 1.0;
    filter: alpha(opacity=100);
}
 
#takimadi1
{
    text-align: right;
    padding-right: 1em;
}
 
#takimadi2
{
    text-align: left;
    padding-left: 0.2em;
}
 
li.kirmizi:before
{
    content: "K";
    background-color: red;
    color: red;
    font-weight: bold;
}
 
li.sari:before
{
    content: "S";
    background-color: yellow;
    color: yellow;
    font-weight: bold;
}
 
#baslik
{
    height: 6%;
    font-size: 3em;
    line-height: 1.6em;
    vertical-align: middle;
    color: white;
    background-color: red;
    text-align: center;
}
/*********************************/
 
.satir
{
    margin-top: 1.7em;
    margin-bottom: 0.3em;
    color: white;
    text-align: center;
}
.oran1_1
{
    width: 100%;
}
.oran1_6
{
    width: 16.6%;
}
.oran1_8
{
    width: 16.5%;
}
.oran1_9
{
    width: 25%;
}
.oran1_10
{
    width: 10%;
}
.satiricibaslik
{
    background-color: blue;
    color: white;
    font-weight: bold;
    font-size: 1.5em;
}
.tablo
{
    font-size: 1.3em;
    text-align: center;
    empty-cells: hide;
}
.tkod
{
    font-size: 1.1em;
    background-color: #3B9C9C;
    color: white;
    font-weight: bold;
}
.tbaslik
{
    background-color: yellow;
    color: black;
    font-weight: bold;
}
.toran
{
    font-size: 1.5em;
    background-color: white;
    font-weight: bold;
    color: black;
}
.trau
{
    background-color: gray;
}
.blocked
{
    background-color: #bdbdbd;
}
.hide
{
    display: none;
}
.show
{
    display: table-cell;
}
.display
{
    display: inline;
}
/*******************************************************/
#bahisdis1
{
    width: 90%;
    height: 100%;
    overflow: hidden;
    margin: auto;
}
 
#bahisresim1
{
    width: 100%;
    height: 40%;
    overflow: hidden;
    text-align: center;
    background-image: url('Images/Stadio_Sukru_Saracoglu.jpg');
    background-repeat: no-repeat;
    background-size: 100% 100%;
}
 
#aaa1
{
    margin: 0 4em;
}
.takimadi1
{
    font-size: 4em;
    font-weight: bold;
    color: #e4f429;
    opacity: 1.0;
    filter: alpha(opacity=100);
}
 
#takimadi11
{
    text-align: right;
    padding-right: 1em;
}
 
#takimadi21
{
    text-align: left;
    padding-left: 0.2em;
}
#baslik1
{
    height: 6%;
    font-size: 3em;
    line-height: 1.6em;
    vertical-align: middle;
    color: white;
    background-color: red;
    text-align: center;
}