Adjusting site master page

Posted on 2013-11-14

1 solution

386 Views

Last Modified: 2013-11-15

Problem I'm having is, my title banner doesn't extend the full width of the page.
But more importantly, the one button I have (I will probably add one or two more) is HUGE. I've tried adjusting a few settings to reduce it, but it doesn't seem to make it smaller. Could it be something in the style sheet?

<%@ Master Language="VB" AutoEventWireup="false" CodeBehind="Site.master.vb" Inherits="Management.Site" %>
<!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" xml:lang="en">
<head runat="server">
    <title>My Title</title>
    <link href="~/Styles/Site.css" rel="stylesheet" type="text/css" />
    <asp:ContentPlaceHolder ID="HeadContent" runat="server"></asp:ContentPlaceHolder>
    <style type="text/css">
        .style1
        {
            position: relative;
            margin: 0px;
            padding: 0px;
            background: #4b6c9e;
            width: 100%;
            color: #FFFFFF;
            font-family: Consolas;
            font-size: xx-large;
        }
    </style>
</head>
<body>
    <form runat="server">
    <div class="page">
        <div class="style1">
            Management System
             <div class="clear hideSkiplink">
                <asp:Menu ID="NavigationMenu" runat="server" CssClass="menu" 
                    EnableViewState="False" IncludeStyleBlock="False" Orientation="Horizontal" 
                    BackColor="#F7F6F3" DynamicHorizontalOffset="1" Font-Names="Verdana" 
                    Font-Size="8px" ForeColor="#7C6F57" StaticSubMenuIndent="8px">
                    <DynamicHoverStyle BackColor="#7C6F57" ForeColor="White" />
                    <DynamicMenuItemStyle HorizontalPadding="2px" VerticalPadding="2px" />
                    <DynamicMenuStyle BackColor="#F7F6F3" />
                    <DynamicSelectedStyle BackColor="#5D7B9D" />
                    <Items>
                        <asp:MenuItem NavigateUrl="~/manage.aspx" Text="Manage Existing"/>
                    </Items>
                    <StaticHoverStyle BackColor="#7C6F57" ForeColor="White" />
                    <StaticMenuItemStyle HorizontalPadding="2px" VerticalPadding="2px" />
                    <StaticSelectedStyle BackColor="#5D7B9D" />
                </asp:Menu>
            </div>
        </div>
    </div>
    <div class="main">
        <asp:ContentPlaceHolder ID="MainContent" runat="server"/>
    </div>
    <div class="clear"></div>
    <div class="footer"></div>
    </form>
</body>
</html>

Open in new window

2 Comments

LVL 15

Accepted Solution

by:unknown_routine

unknown_routine earned 250 total points

ID: 396491242013-11-14

To manage the size, Put everything in a Table.

So your banner goes to the first row of a table which has one cell.

Your Button goes to second row, ...

LVL 67

Author Closing Comment

by:sirbounty

ID: 396511232013-11-15

<smacks head>
Thanks! :^)

Course Of The Month

Adjusting site master page

Welcome to Experts Exchange

Featured Post

Suggested Courses

623 members asked questions and received personalized solutions in the past 7 days.

Enjoyed your answer?

Keep in touch with Experts Exchange

Live Consultants