Smart questions
Smart answers
Smart people
INTELLIGENT WORK FORUMS
FOR COMPUTER PROFESSIONALS

Member Login
Remember Me
Forgot Password?
Join Us!

Come Join Us!

Are you a
Computer / IT professional?
Join Tek-Tips now!
  • Talk With Other Members
  • Be Notified Of Responses
    To Your Posts
  • Keyword Search
  • One-Click Access To Your
    Favorite Forums
  • Automated Signatures
    On Your Posts
  • Best Of All, It's Free!
Join Tek-Tips
*Tek-Tips's functionality depends on members receiving e-mail. By joining you are opting in to receive e-mail.

LINK TO THIS FORUM!

Add Stickiness To Your Site By Linking To This Professionally Managed Technical Forum.
Just copy and paste the
code below into your site.

Tek-Tips LinkedIn® Group

Partner With Us!

"Best Of Breed" Forums Add Stickiness To Your Site
Partner Button
(Download This Button Today!)

Feedback

"...I don't think testimonials would have enticed me to become a member, or even use the site for that matter. I use the site for a learning experience..."
More...

Geography

Where in the world do Tek-Tips members come from?
Click Here To Find Out!

Tek-Tips Shirts!

Get Tek-Tips Swag
Get your
Tek-Tips Forums
SWAG here!
Home > Forums > Programmers > Web Development > HTML, XHTML & CSS Forum

ie has a border on the edges of the screen

thread215-1662088
Read More Threads Like This One
infinitizon (MIS)
28 Sep 11 6:13
Hi all,

I'm working on a site that requires that I remove the scroll bars, margin and padding from the page.

I did this:

body,html
{
    overflow: hidden; width:100%;
    border:0; padding:0; margin:0;
}

However, I noticed that the page/screen removed the scroll bars but still has a funny looking border on the edge of the screen which does not give me the final feel I want in IE.

What can I do?

____________________
Men put up a strong face just to cover their weaknesses...good!
But a smile makes them live longer....
Which would you choose?

Think about it.

Geates (Programmer)
28 Sep 11 9:15
Give an example (the link to the site, perhaps)

-Geates

"I hope I can chill and see the change - stop the bleed inside and feel again.  Cut the chain of lies you've been feeding my veins; I've got nothing to say to you!"
-Infected Mushroom

"I do not offer answers, only considerations."
- Geates's Disclaimer
 
infinitizon (MIS)
28 Sep 11 11:28
I'm sorry but it is an intranet site; not on the internet...and I dont know how to upload a file here - else I could have given a screen-shot

____________________
Men put up a strong face just to cover their weaknesses...good!
But a smile makes them live longer....
Which would you choose?

Think about it.

vacunita (Programmer)
28 Sep 11 11:42
Use an image sharing site like photobucket, and just paste the image link here surrounded by an img tag.

[img http://url.com/path/to/image.jpg]

----------------------------------
Phil AKA Vacunita
----------------------------------
Ignorance is not necessarily Bliss, case in point:
Unknown has caused an Unknown Error on Unknown and must be shutdown to prevent damage to Unknown.

Web & Tech
 
infinitizon (MIS)
28 Sep 11 12:28
But the thing is this, on a fresh page, when you do

body,html {
    overflow: hidden; width:100%;
    border:0; padding:0; margin:0;
}

you ought to get a page with no padding, no margin, no scroll bars and no border.
Now, padding is removed, margin is removed, scroll bars are removed, but you get a border around the page.
I've been trying to remove it without success

____________________
Men put up a strong face just to cover their weaknesses...good!
But a smile makes them live longer....
Which would you choose?

Think about it.

vacunita (Programmer)
28 Sep 11 12:42
We still need to see what you are seeing. What the border looks like exactly.
Also the rest of your code would be helpful, as  can't seem to reproduce the problem with just the provided code.

What doctype if any are you using?

What version of IE?
 

----------------------------------
Phil AKA Vacunita
----------------------------------
Ignorance is not necessarily Bliss, case in point:
Unknown has caused an Unknown Error on Unknown and must be shutdown to prevent damage to Unknown.

Web & Tech
 
Geates (Programmer)
28 Sep 11 14:11
does the page have a DOCTYPE?  An absence of a DOCTYPE will cause pages to be rendered unexpectedly.

-Geates

"I hope I can chill and see the change - stop the bleed inside and feel again.  Cut the chain of lies you've been feeding my veins; I've got nothing to say to you!"
-Infected Mushroom

"I do not offer answers, only considerations."
- Geates's Disclaimer
 
infinitizon (MIS)
28 Sep 11 16:24


Attached is the screenshot. I'm using IE8 and it shows up thesame way in ie6 to ie9. you may need to download it first to see it properly.

I'm actually using a master page in vb.net

I have a doctype thus
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

here' the master page:

CODE

<%@ Master Language="VB" CodeFile="MasterPage.master.vb" Inherits="admin_MasterPage" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <link rel="SHORTCUT ICON" href="images/fav.png" type="image/x-icon" />  <!--Image for site-->
    <title>:: Cummins Westafrica Limited ::</title>
    <script src="http://code.jquery.com/jquery-latest.min.js" type="text/javascript"></script> <!--Get JQuery-->
    <script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.16/jquery-ui.min.js" type="text/javascript"></script> <!--JQuery UI -->

    <link rel="Stylesheet" href="StyleSheet2.css" /> <!--Style for all pages-->
    
    <link rel="stylesheet" href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.16/themes/base/jquery-ui.css" type="text/css" media="all" />
    <link rel="stylesheet" href="http://static.jquery.com/ui/css/demo-docs-theme/ui.theme.css" type="text/css" media="all" />
    <link href="styles/jquery.autocomplete.css" rel="stylesheet" type="text/css" />

</head>
<body>
    <form id="form1" runat="server">
    <asp:ScriptManager ID="scmMaster" runat="server">
    </asp:ScriptManager>
    <div><!--Form div starts here-->
        <div id="header"><!--Header div starts here-->

            <table width="100%">
                <tr>
                    <td>
                        <img alt="Cummins Logo" src="images/cumminswal.png" style="width: 158px; height: 69px" /></td>
                    <td align="right" valign="bottom">
                        <div></div>
                        <asp:LoginView ID="LoginView1" runat="server">
                            <LoggedInTemplate>
                                Welcome:
                            </LoggedInTemplate>
                            <AnonymousTemplate>
                                Welcome:
                            </AnonymousTemplate>
                        </asp:LoginView>
                        <asp:LoginName ID="LoginName1" runat="server" />
                        <asp:LoginStatus ID="LoginStatus1" runat="server"
                            LogoutAction="RedirectToLoginPage" LogoutPageUrl="~/Default.aspx" />
                    </td>
                </tr>
            </table>
        </div><!--Header div ends here-->
        <div class="content">
            
                <table width="100%" frame="vsides" style="background:#FF0000;">
                    <tr>
                        <td class="mainTableCell" valign="top">
                            <div class="eachContentDiv">
                                <asp:Panel ID="pnlAfterMarket" runat="server">
                                    <ul>
                                        <li><asp:HyperLink ID="hypAccounts" runat="server"
                                        NavigateUrl="~/Accounts/Default.aspx">Accounts</asp:HyperLink></li>
                                        <li>
                                        <asp:HyperLink ID="hypAfterMarket" runat="server"
                                            NavigateUrl="~/afterMarket/Default.aspx">After Market</asp:HyperLink>
                                        </li>
                                        <li><asp:HyperLink ID="hypFinance" runat="server"
                                            NavigateUrl="~/Finance/Default.aspx">Finance</asp:HyperLink>
                                        </li>
                                        <li><asp:HyperLink ID="hypPurchase" runat="server"
                                            NavigateUrl="~/Purchase/Default.aspx">Purchase</asp:HyperLink>
                                        </li>
                                        <li><asp:HyperLink ID="hypSales" runat="server" NavigateUrl="~/Sales/Default.aspx">Sales</asp:HyperLink>
                                        </li>
                                        <li><asp:HyperLink ID="hypHR" runat="server" NavigateUrl="~/HR/Default.aspx">HR</asp:HyperLink>
                                        </li>
                                   </ul>
                                </asp:Panel>
                                <br />
                                <asp:Panel ID="pnlUserDetails" runat="server">
                                    <ul>
                                        <li><asp:HyperLink ID="hypFiles" runat="server" NavigateUrl="~/Files.aspx">Files</asp:HyperLink>
                                    </li>
                                        <li><asp:HyperLink ID="hypQuestionaire" runat="server"
                                        NavigateUrl="~/Questionaire.aspx">Questionaire</asp:HyperLink>
                                    </li>
                                    <li>
                                    <asp:HyperLink ID="hypCreateUser" runat="server" NavigateUrl="~/CreateNew.aspx"> Create New User</asp:HyperLink>
                                    </li>
                                        <li><asp:HyperLink ID="hypChngPwd" runat="server"
                                        NavigateUrl="~/password.aspx?q=pwd_cng">Change Password</asp:HyperLink></li>
                                   </ul>
                                </asp:Panel>
                            </div>
                        </td>
                        <td width="*" valign="top">
                            <div style="padding:10px;">
                                <asp:ContentPlaceHolder id="mainContent" runat="server">
                                    
                                        Main Content
                                   
                                </asp:ContentPlaceHolder>
                            </div>
                        </td>
                        <td class="mainTableCell" valign="top">
                            <asp:UpdatePanel ID="udpMasterCal" runat="server">
                              <ContentTemplate>
                                   <div class="eachContentDiv">
                                      <asp:Calendar ID="calSiteCalender" runat="server" BackColor="#FFFFCC"
                                           BorderColor="#FFCC66" BorderWidth="1px" DayNameFormat="Shortest"
                                           Font-Names="Verdana" Font-Size="8pt" ForeColor="#663399" Height="200px"
                                           ShowGridLines="True" Width="220px">
                                          <SelectedDayStyle BackColor="#CCCCFF" Font-Bold="True" />
                                          <SelectorStyle BackColor="#FFCC66" />
                                          <TodayDayStyle BackColor="#FFCC66" ForeColor="White" />
                                          <OtherMonthDayStyle ForeColor="#CC9966" />
                                          <NextPrevStyle Font-Size="9pt" ForeColor="#FFFFCC" />
                                          <DayHeaderStyle BackColor="#FFCC66" Font-Bold="True" Height="1px" />
                                          <TitleStyle BackColor="#990000" Font-Bold="True" Font-Size="9pt"
                                              ForeColor="#FFFFCC" />
                                       </asp:Calendar>
                                   </div>
                            </ContentTemplate>
                           </asp:UpdatePanel>
                        </td>
                    </tr>
                </table>
            
        </div>
        <div id="footer">
            <div class="spacing">
                <ul class="for_footer">
                        <li><asp:HyperLink ID="hypGeneral" runat="server" NavigateUrl="~/Welcome.aspx">Home</asp:HyperLink></li>
                        <li><a href="#">About Us</a></li>
                        <li><a href="#">Contact</a>
                              <ul>
                                    <li><a href="#">Contact Us</a></li>
                                    <li><a href="#">Feedback</a></li>
                              </ul>
                        </li>
                </ul>            
              </div>
              <br /><hr style="clear:both" />
              <div class="spacing">
              Copyright<sup>&copy;</sup> 2011, Cummins WestAfrica Limited. All rights reserved. Any duplication, transfer or manipulation
              <asp:ImageButton ID="imbfireLoseFocus" runat="server" AlternateText="" Width="5px" />
              <br /><br />
              </div>
          </div><!-- footer stuffs ends--->

    </div><!--Form div ends here-->
    </form>
</body>
</html>
and one of the pages

CODE

<%@ Page Language="VB" MasterPageFile="~/MasterPage.master" AutoEventWireup="false" CodeFile="Files.aspx.vb" Inherits="Files" title=":: Cummins Westafrica Limited - Files ::" %>

<%@ Register assembly="AjaxControlToolkit" namespace="AjaxControlToolkit" tagprefix="cc1" %>

<asp:Content ID="Content1" ContentPlaceHolderID="mainContent" Runat="Server">
<style type="text/css">
    .alignCellRight{ text-align:right;}
</style>
    <asp:Panel ID="pnlUploadFile" runat="server" Visible="False">
        <asp:Label ID="lblMsg" runat="server"></asp:Label>
        <br />
        <br />
        <br />
        <table style="width: 100%">
            <tr>
                <td class="alignCellRight">Docunent No</td>
                <td><asp:TextBox ID="txtDocType" runat="server"></asp:TextBox></td>
                <td>&nbsp;</td>
            </tr>
            <tr>
                <td class="alignCellRight">File to upload</td>
                <td><asp:FileUpload ID="myFile" runat="server" /></td>
                <td>&nbsp;</td>
            </tr>
            <tr>
                <td class="alignCellRight">Description</td>
                <td><asp:TextBox ID="txtDesc" runat="server" TextMode="MultiLine"></asp:TextBox></td>
                <td>&nbsp;</td>
            </tr>
            <tr>
                <td>&nbsp;</td>
                <td><asp:Button ID="btnUpload" runat="server" Text="Upload New" /></td>
                <td>&nbsp;</td>
            </tr>
        </table>
        <br
Geates (Programmer)
28 Sep 11 17:17
Might it be the padding of the video toolbar?

-Geates

"I hope I can chill and see the change - stop the bleed inside and feel again.  Cut the chain of lies you've been feeding my veins; I've got nothing to say to you!"
-Infected Mushroom

"I do not offer answers, only considerations."
- Geates's Disclaimer
 
infinitizon (MIS)
29 Sep 11 4:00
Well, I could have guessed thesame but for the fact that it shows up on all other systems. Everything is well with firefox, chrome, and other standard browsers.
The challenge I'm having is that IE is the company standard!

____________________
Men put up a strong face just to cover their weaknesses...good!
But a smile makes them live longer....
Which would you choose?

Think about it.

johnwm (Programmer)
29 Sep 11 4:39
Have a look at the document as it is seen by the browser (view content). It looks as if you may be sending something to the browser before the Doctype, which should be absolutely the first thing the browser sees. Check this article

If you want the best response to a question, please check out FAQ222-2244: How to get the best answers first.
'If we're supposed to work in Hex, why have we only got A fingers?'
Drive a Steam Roller  
ChrisHirst (IS/IT--Management)
29 Sep 11 7:28
Actually pre-server .net code is of absolutely  no use when debugging visual issues, neither are pictures.

A URI to the page is what is required.  

Chris.

Indifference will be the downfall of mankind, but who cares?
Time flies like an arrow, however, fruit flies like a banana.
Webmaster Forum

infinitizon (MIS)
29 Sep 11 13:02
Sorry ChrisHirst, but the site is an intranet site and not on the internet.
johnwm: when working with ASP.Net master pages, the <%Master....> tag appears before the doctype, but is not rendered at the final output to the browser. it is only for the server side engine to consume.

____________________
Men put up a strong face just to cover their weaknesses...good!
But a smile makes them live longer....
Which would you choose?

Think about it.

Read More Threads Like This One

Reply To This Thread

Posting in the Tek-Tips forums is a member-only feature.

Click Here to join Tek-Tips and talk with other members!

Back To Forum

Back To HTML, XHTML & CSS

Close Box

Join Tek-Tips® Today!

Join your peers on the Internet's largest technical computer professional community.
It's easy to join and it's free.

Here's Why Members Love Tek-Tips Forums:

Register now while it's still free!

Already a member? Close this window and log in.

Join Us             Close