Archief - header en container niet op juiste plaats

drahadaxa · 11 mei 2011

Hey,

ik heb een klein probleempje. De header (bij mij banner) staat mooi in het midden, maar de container (inhoud) eronder, staat uiterst rechts.

ik weet niet hoe ik dit eigenlijk moet oplossen, ik heb al alles geprobeerd.

css:
banner is de header en bannerImmage is enkel de image.

Code:

#container
{
    width:780px;
    margin-left: 0 auto;
}

#bannerImage
{
    background-color:#bbbcc1;
    width:780px;
    height:200px;
    margin: 0 auto 0;
}
#banner
{
    clear: both;
    background-image: url("../Images/Banners/spoorlinks.jpg");
    background-repeat: repeat-x;
    height:200px;
    width: auto;
    margin: 0 auto 0;
}

screenshot:

Het is dus de bedoeling dat alles gecentreerd wordt...

kan iemand hier weg mee?

Dank,

Dra.

coldvinc · 11 mei 2011

Verander

Code:

#container
{
    width:780px;
    margin-left: 0 auto;
}

eens naar

Code:

#container
{
    width:780px;
    margin: 0 auto;
}

P.S.: ik zou dat stukje van "wilt u deze site optimaal gebruiken?" weg halen, de gebruiker kan er niks aan doen dat jij incompetent bent (om het cru te zeggen). Het is uw taak om het de gebruiker zo simpel en duidelijk mogelijk te maken, in elke browser.

drahadaxa · 11 mei 2011

dan schuift ie nog een pixel of 400 op naar rechts.. dus nog slechter..

#container
{
width:780px;
left: 0 auto;
}
zo blijft het hetzelfde.

drahadaxa · 11 mei 2011

coldvinc zei:
Verander die

P.S.: ik zou dat stukje van "wilt u deze site optimaal gebruiken?" weg halen, de gebruiker kan er niks aan doen dat jij incompetent bent (om het cru te zeggen).

ja, maar t'is een school projectje hoor. geloof me, er zitten veel stommere en idiote quotes bij andere projecten. er moest een adrotator inzitten, dusja, dan heb ik maar firefox en chrome in enkele talen laten roteren

coldvinc · 11 mei 2011

Post eens je html?

drahadaxa · 11 mei 2011

HTML:

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

<%@ Register src="Login.ascx" tagname="Login" tagprefix="uc1" %>

<%@ Register src="travelPlanner.ascx" tagname="travelPlanner" tagprefix="uc2" %>

<!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">
    <title></title>
    <asp:ContentPlaceHolder id="head" runat="server">
    </asp:ContentPlaceHolder>
    <link href="Style/Lay-out/MPStijl.css" rel="stylesheet" type="text/css" />
</head>
<body>
    <form id="form1" runat="server">
    <div id="banner">
        <div id="bannerImage">
            <asp:AdRotator ID="adrBanner" runat="server" />
        </div>
        </div>
    <div id="container">
        
        
        <div id="kruimelspoor">
            <!--bevat het pad van de huidige pagina-->
            <div id="language">
            <!--bevat taalselectie knoppen-->
                 <asp:LinkButton ID="lbNL" runat="server" ForeColor="Silver">NL</asp:LinkButton>
                |<asp:LinkButton ID="lbFR" runat="server" ForeColor="Silver">FR</asp:LinkButton>
                |<asp:LinkButton ID="lbEN" runat="server" ForeColor="Silver">EN</asp:LinkButton>
            </div>
            <asp:SiteMapPath ID="SiteMapPath1" runat="server" ForeColor="Silver">
                <CurrentNodeStyle ForeColor="Silver" />
                <NodeStyle ForeColor="Gray" />
                <PathSeparatorStyle ForeColor="Gray" />
                <RootNodeStyle ForeColor="Gray" />
            </asp:SiteMapPath>
        </div>
        
        <table id="Tabel">
        <tr>
        <td id="ColumnLeft" >
        <div id="menu">
        <!--rounded corner titels-->
        <!--loginTitel-->
            <span class="lUpCornerM"></span>
            <span class="titleContentM">
                <asp:Label ID="Label2" runat="server" Text="<%$ Resources:Resource, profiel %>" ></asp:Label>
            </span>
            <span class="rUpCornerM"></span>
        <!-- end loginTitel-->
        <!--LOGIN-->
            <span class="Content">
            <uc1:Login ID="Login1" runat="server" />
        <!--MenuTitel-->
        </span><span class="lUpCornerM">
            <br />
            </span>
            <span class="titleContentM">
                <asp:Label ID="lblMenu" runat="server" Text="<%$ Resources:Resource, menu %>" ></asp:Label>
            </span>
            <span class="rUpCornerM"></span>

        <!-- end titelMENU-->
            
        <!-- MENU -->
            <span class="Content">
                <asp:Menu ID="Menu1" runat="server" DataSourceID="SiteMapDataSource1" 
                StaticDisplayLevels="2" BackColor="#BBBCC1" DynamicHorizontalOffset="2" 
                Font-Names="Verdana" Font-Size="1em" ForeColor="#7C6F57" 
                StaticSubMenuIndent="10px" Z-INDEX="2">
                    <DynamicHoverStyle BackColor="#1A88DD" ForeColor="White" />
                    <DynamicMenuItemStyle HorizontalPadding="5px" VerticalPadding="2px" />
                    <DynamicMenuStyle BackColor="White" BorderColor="#3366FF" BorderStyle="Solid" 
                        BorderWidth="1px"  />
                    <StaticHoverStyle BackColor="#1A88DD" ForeColor="White" />
                    <StaticMenuItemStyle HorizontalPadding="5px" VerticalPadding="2px" />
                    <StaticSelectedStyle ForeColor="#F7941D" />
                </asp:Menu>
                <asp:SiteMapDataSource ID="SiteMapDataSource1" runat="server" />
            </span>


        <!--nood aan een adrotator!!! mss ivm te bezoeken plaatsen engelse sites versus nederlandse sites
            <span class="lUpCornerM"></span>
            <span class="titleContentM">
                <asp:Label ID="Label" runat="server" Text="" ></asp:Label>
            </span>
            <span class="rUpCornerM"></span>
            end titel AdsAdrotator 
            <span class="contentM">
            </span>
            -->


        <!--BestemmingTitel-->
            <span class="lUpCornerM"></span>
            <span class="titleContentM">
                <asp:Label ID="Label3" runat="server" Text="<%$ Resources:Resource, bestemming %>" ></asp:Label>
            </span>
            <span class="rUpCornerM"></span>
        <!-- end BestemmingTitel-->
        <!--BESTEMMING-->
        <span class="Content">
           
            <uc2:travelPlanner ID="travelPlanner1" runat="server" />
           
        </span>
        </div>
        </td>
        <td id="ColumnRight" >
        <div id="content">
        <!--in 2 kolommen werken ook met rounded corners maar dan met oranje titelbalken-->
        <!-- Column1 -->
        <div id="col1">
            <asp:ContentPlaceHolder id="ContentCol1" runat="server">
        
            </asp:ContentPlaceHolder>
        </div>
        <!-- Column2 -->
        <div id="col2">
            <asp:ContentPlaceHolder id="ContentCol2" runat="server">
        
            </asp:ContentPlaceHolder>
        </div>
        <asp:ContentPlaceHolder ID="ContentPlaceHolder1" runat="server">
        </asp:ContentPlaceHolder>
            
        
        </div>
        </td>
        </tr>
        </table>
        

        <div id="footer">
        <!--statische of dynamische footer?-->
        <span>footer tekst</span>
        </div>
     
    </div>
    </form>
</body>
</html>

voila, tis een asp masterpage waarop de pagina's zijn gebaseerd...

coldvinc · 11 mei 2011

Hmm, kan er mij vinger niet direct opleggen, maar 't is laat, ik ga maffe

.

drahadaxa · 11 mei 2011

ok, ik ook.
kijk er morgen wel nog es naar..

bedankt om al eens te proberen.

iemand nog reacties?

grtz,

dra

coldvinc · 11 mei 2011

Just to be sure, heb je mijn edit gezien? Ik bedoelde dus margin-left: 0 auto; moet je veranderen naar margin: 0 auto; bij #container. Had verkeerde stukje veranderd bij men begin post

Archief - header en container niet op juiste plaats

drahadaxa

Legacy Member

coldvinc

Legacy Member

drahadaxa

Legacy Member

drahadaxa

Legacy Member

coldvinc

Legacy Member

drahadaxa

Legacy Member

coldvinc

Legacy Member

drahadaxa

Legacy Member

coldvinc

Legacy Member