Avatar billede flashit Nybegynder
06. september 2006 - 20:51 Der er 2 kommentarer og
1 løsning

2 hurtige css spørgsmål

Hej E.

Jeg har lige 2 hurtige spørgsmål. Tror jeg da :-)

På denne side:
http://www.dotdk.dk/kontakt.aspx

Hopper Formularen ud af plads i FireFox, men det virker i IE6 og IE7
Er der er som ved hvad man skal gøre?

Menuen falder ned under formularen i IE6 (stadig http://www.dotdk.dk/kontakt.aspx). Hvorfor det?
Det virker i Firefox og IE7
Avatar billede flashit Nybegynder
06. september 2006 - 20:52 #1
Her er mit style sheet:

/*
*******************************************************
Stylesheet for dotdk.dk
oprettet d. 22.08.2006
Af Jakob Mikklsen
*******************************************************
*/

html,body{margin:0px;padding:0px;height:100%;}
body{
  color:#000;
  background:#222d2d;
  font: 11px/1.5em Verdana;
}

#wrapper{
    width:850px;
    margin: 0px auto;
    background:#fff;
    color:#000;
}


#menuwrapper{
    background-image:url('http://www.dotdk.dk/SiteImages/MenuBaggrund.jpg');
    height:29px;
}

#leftcontent{
    float:left;
    width: 603px;
    background-color:White;
    display:table-cell;
}
#indhold{
    width: 600px;
    padding-right: 3px;
    padding-left: 10px;
    color: #6989BA;
    font-size: 12px;
    padding-top: 10px;
    padding-bottom: 10px;
}

#rightcontent{
    float:left;
    width: 247px;
   
}

#breadcrumb{
   
    float:left;
    width: 610px;
    background-image:url('http://www.dotdk.dk/SiteImages/MenuBaggrund.jpg');
    height:29px;
   
 
}

#menu
{
    padding-top: 7px;
    background-image:url('http://www.dotdk.dk/SiteImages/MenuBaggrund.jpg');
    float:left;
    width: 247px;
   
}

#footerlogo{
    float:left;
    margin-left:84px;
    width: 120px;
    background-color:White;
}

#footermenu{
    float:left;
    width: 450px;
    font-size: 11px;
   
   
}

.footer{
    background:#fff;
    color: #999;
    background-color:White;
}

.clearer{
    clear:both;
}

/* Needed for Scrollscript */
/*.abs{position:absolute;}*/
.mcp_abs{position:absolute;width:100%;overflow:hidden;}
.mcp_app{position:relative;height:0px;overflow:hidden;}
#mcp_div{position:relative;height:0px;overflow:hidden;}

/*
*******************************************************
CSS Document
*******************************************************
*/

.overskrift{
    font-size: 16px;
    font-weight: bold;
    color: #D75212;
    font-family: Arial, Helvetica, sans-serif;
}

.skrevetaf{
    color: #86D734;
}

.Footer{
    font-size: 10px;
    color: #929292;
}

a.menulink:link {
    color: #E4533B;
    text-decoration:underline;
}

a.menulink:visited {
    color: #5F6B2E;
    text-decoration: line-through;
}

a.menulink:active {
    color: #E4533B;
    background-color: yellow;   
}

a.menulink:hover {
    color:red;
    text-decoration:none;   
}

.opacityit img{
    filter:progid:DXImageTransform.Microsoft.Alpha(opacity=90);
    -moz-opacity: 0.4;
}

.opacityit:hover img{
    filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100);
    -moz-opacity: 1;
}

.imagetabel{
    border:1px solid #6989BA;
   
}

.blogoverskrift{
    font-weight: bold;
    color: #DCB20C;
}

.blogtekst{
    color: #6989BA;
}

.blogskrevetaf{
    color: #e45a49;
    font-size: 10px;
}

.nyesteoverksrifter{
    color: #5F6B2E;
    font-size: 12px;
    font-weight: bold;
}

.kode{
    BORDER: black 1px dashed;
    PADDING: 15px;
    FONT-SIZE: 12px;
    TEXT-ALIGN: left;
    border-color: #CAE001;
    width: 90%;
    margin-top: 0px;
    margin-right: auto;
    margin-bottom: 0px;
    margin-left: auto;
}

/*
*******************************************************
Menu opbygning
*******************************************************
*/

h2 {
        font: bold 14px Verdana, Arial, Helvetica, sans-serif;
        color: #000;
        margin: 0px;
        padding: 0px 0px 0px 15px;
}

img {
border: none;
}

/*- Menu Tabs 1--------------------------- */


    #tabs1 {
      float:left;
      width:100%;
          background:#F4F7FB;
      font-size:93%;
      line-height:normal;
          border-bottom:1px solid #BCD2E6;
      }
    #tabs1 ul {
          margin:0;
          padding:10px 10px 0 5px;
          list-style:none;
      }
    #tabs1 li {
      display:inline;
      margin:0;
      padding:0;
      }
    #tabs1 a {
      float:left;
      background:url("http://www.dotdk.dk/SiteImages/tableft1.gif") no-repeat left top;
      margin:0;
      padding:0 0 0 4px;
      text-decoration:none;
      }
    #tabs1 a span {
      float:left;
      display:block;
      background:url("http://www.dotdk.dk/SiteImages/tabright1.gif") no-repeat right top;
      padding:5px 15px 4px 6px;
      color:#627EB7;
      }
    /* Commented Backslash Hack hides rule from IE5-Mac \*/
    #tabs1 a span {float:none;}
    /* End IE5-Mac hack */
    #tabs a:hover span {
      color:#627EB7;
      }
    #tabs1 a:hover {
      background-position:0% -42px;
      }
    #tabs1 a:hover span {
      background-position:100% -42px;
      }

      #tabs1 #current a {
              background-position:0% -42px;
      }
      #tabs1 #current a span {
              background-position:100% -42px;
      }
Avatar billede flashit Nybegynder
06. september 2006 - 20:53 #2
Og her er den side som bygger siden:

<%@ Master Language="VB" CodeFile="Site.master.vb" Inherits="Site" %>
<%@ Register Src="UserControls/Menu.ascx" TagName="Menu" TagPrefix="uc1" %>
<!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>Dotdk. Hvad er .net for noget</title>
    <link rel="stylesheet" type="text/css" href="style/style.css" />
</head>
<body>
    <form id="form1" runat="server">
        <atlas:ScriptManager ID="MainPage" EnablePartialRendering="true" runat="server">
        </atlas:ScriptManager>
        <div id="wrapper">
            <div id="header">
                <asp:Image runat="server" ImageUrl="~/SiteImages/Banner.jpg" ID="dotdkdkBanner" Width="850"
                    Height="94" />
            </div>
            <!-- Admin div opbygningen starter her-->
            <div class="abs">
                <div id="mcpDiv1_" class="mcp_app">
                </div>
            </div>
            <div id="mcp_div">
                <div id="mcpDiv1" class="mcp_abs">
                    <asp:ContentPlaceHolder ID="AdminPart" runat="server">
                    </asp:ContentPlaceHolder>
                </div>
            </div>

         
             
            <!-- Admin div slut-->
            <div id="leftcontent">
                <div id="breadcrumb">
                    <asp:SiteMapPath ID="SiteMapPath1" runat="server" Font-Names="Verdana" Font-Size="0.8em"
                        PathSeparator=" : ">
                        <PathSeparatorStyle Font-Bold="True" ForeColor="#1C5E55" />
                        <CurrentNodeStyle ForeColor="#333333" />
                        <NodeStyle Font-Bold="True" ForeColor="#666666" />
                        <RootNodeStyle Font-Bold="True" ForeColor="#1C5E55" />
                    </asp:SiteMapPath>
                    <b onclick="mcppos('Div1',3);">Vis / Skjul</b>
                </div>
                <div id="indhold">
                    <asp:ContentPlaceHolder ID="ContentPlaceHolder1" runat="server">
                    </asp:ContentPlaceHolder>
                </div>
            </div>
            <div id="rightcontent">
                <div id="menu">
                    <uc1:Menu ID="Menu1" runat="server" />
                </div>
                <br />
                <asp:ContentPlaceHolder ID="MenuContent" runat="server">
                </asp:ContentPlaceHolder>
            </div>
            <div class="clearer">
            </div>
            <div id="footertop">
                <img src="SiteImages/Bund-Top.jpg" alt="footertop" width="850" height="9" /></div>
            <div class="footer">
                <!-- Footer content goes here-->
                <div id="footerlogo">
                    <asp:Image runat="server" ImageUrl="~/SiteImages/DotdkLogo.jpg" ID="logo" Width="34"
                        Height="35" /></div>
                <div id="footermenu">
                    Home
                    <asp:Image runat="server" ImageUrl="~/SiteImages/FooterSpacing.jpg" ID="spacing1" />
                    Blog
                    <asp:Image runat="server" ImageUrl="~/SiteImages/FooterSpacing.jpg" ID="spacing2" />
                    Foto
                    <asp:Image runat="server" ImageUrl="~/SiteImages/FooterSpacing.jpg" ID="Image3" />
                    Links
                    <asp:Image runat="server" ImageUrl="~/SiteImages/FooterSpacing.jpg" ID="Image4" />
                    Kontakt<br />
                    Copyright &copy; dotdk.dk, 2006. All Rights reserved.</div>
            </div>
            <div class="footer">
                <asp:Image runat="server" ImageUrl="~/SiteImages/FooterBund.jpg" Width="850" Height="55"
                    ID="FooterImage" /></div>
            <div class="clearer">
            </div>
        </div>
    </form>
</body>
</html>
Avatar billede flashit Nybegynder
07. september 2006 - 21:16 #3
Lukker
Avatar billede Ny bruger Nybegynder

Din løsning...

Tilladte BB-code-tags: [b]fed[/b] [i]kursiv[/i] [u]understreget[/u] Web- og emailadresser omdannes automatisk til links. Der sættes "nofollow" på alle links.

Loading billede Opret Preview
Kategori
Vi tilbyder markedets bedste kurser inden for webudvikling

Log ind eller opret profil

Hov!

For at kunne deltage på Computerworld Eksperten skal du være logget ind.

Det er heldigvis nemt at oprette en bruger: Det tager to minutter og du kan vælge at bruge enten e-mail, Facebook eller Google som login.

Du kan også logge ind via nedenstående tjenester