Avatar billede JBNS Nybegynder
17. maj 2011 - 09:42 Der er 2 kommentarer og
1 løsning

Div span center problem

Hey kik ind på www.jbns.dk/index11.asp

Hvordan får jeg menuen til venstre til at står hvor den skal

ref: www.jbns.dk

Er igang med at lave om fra tables til div's
Avatar billede keysersoze Ekspert
17. maj 2011 - 09:44 #1
Du pakker hele din side ind i en div, fx sådan;

<div style="width: 600px; margin: auto;">
  dit indhold
</div>

Derudover bør du kigge på denne artikel http://www.web-dev.dk/post/DOCTYPE-og-valid-kode-ens-udseende-i-Internet-Explorer-og-FireFox.aspx for så længe din kode er så langt væk fra standarderne som den er får du overordentligt svært ved at sætte din side op.
Avatar billede JBNS Nybegynder
17. maj 2011 - 10:14 #2
Det er også sådan jeg har lavet det. bare i min css.

Jeg har været inde og læse på det link du sendte mig.
kan godt se pointen i det. og vil prøve at lave det s grundtig jeg nu er i stand til.

men den menu er stadig ikke hvor den skal være.. min css


<style type="text/css">
    body,td,th {
    color: #FFFFFF;
    font-family: Arial, Helvetica, sans-serif;
    font-size:14px;
}
body {
    background-image:url(Pics/bgold.gif);
    background-repeat:repeat;

}
    html {overflow-y: scroll;}
    .clear{
        clear:both;
    }
    #content {
  width: 100%;
  margin-left: auto;
  margin-right: auto;
}

    #mainContainer{
        width:155px;
        text-align:left;
        background-color:#000000;
        background-repeat:repeat;
        height:100%;
        float:left;
    }

   
    #leftMenu{
        width:155px;
        padding-left:5px;
        padding-right:10px;
        padding-top:10px;
        float:left;
    }
    #mainContent{
        width: 155px;
        padding-right:5px;
        float:left;
    }
    /*
    General rules
    */

    /* Active menu item */
    #dhtmlgoodies_slidedown_menu .dhtmlgoodies_activeItem {
        font-weight:bold;
        color: green;
    }

    #dhtmlgoodies_slidedown_menu li{
        list-style-type:none;
        position:relative;
    }
    #dhtmlgoodies_slidedown_menu ul{
        margin:0px;
        padding:0px;
        position:relative;

    }

    #dhtmlgoodies_slidedown_menu div{
        margin:0px;
        padding:0px;
    }
    /*     Layout CSS */
    #dhtmlgoodies_slidedown_menu{
        width:150px;
        float:left
    }

    /* All A tags - i.e menu items. */
    #dhtmlgoodies_slidedown_menu a{
        color: #FFFFFF;
        text-decoration:none;
        display:block;
        clear:both;
        width:140px;
        padding-left:2px;
    }
#dhtmlgoodies_slidedown_menu a:hover {
    color: #FF6600;
    text-decoration:none;}
   
    /* Active menu item */
    #dhtmlgoodies_slidedown_menu .dhtmlgoodies_activeItem {
        font-weight:bold;
        color: #FFFFFF;
    }

    /*
    A tags
    */
    #dhtmlgoodies_slidedown_menu .slMenuItem_depth1{    /* Main menu items */
        margin-top:1px;
        border-bottom:1px solid #FF9900;
        font-weight:bold;
    }
    #dhtmlgoodies_slidedown_menu .slMenuItem_depth2{    /* Sub menu items */
        margin-top:1px;
    }
    #dhtmlgoodies_slidedown_menu .slMenuItem_depth3{    /* Sub menu items */
        margin-top:1px;
        font-style:italic;
        color:blue;
    }
    #dhtmlgoodies_slidedown_menu .slMenuItem_depth4{    /* Sub menu items */
        margin-top:1px;
        color:red;
    }
    #dhtmlgoodies_slidedown_menu .slMenuItem_depth5{    /* Sub menu items */
        margin-top:1px;
    }

    /* UL tags, i.e group of menu utems.
    It's important to add style to the UL if you're specifying margins. If not, assign the style directly
    to the parent DIV, i.e.

    #dhtmlgoodies_slidedown_menu .slideMenuDiv1

    instead of

    #dhtmlgoodies_slidedown_menu .slideMenuDiv1 ul
    */

    #dhtmlgoodies_slidedown_menu .slideMenuDiv1 ul{
        padding:1px;
    }
    #dhtmlgoodies_slidedown_menu .slideMenuDiv2 ul{
        margin-left:5px;
        padding:1px;
    }
    #dhtmlgoodies_slidedown_menu .slideMenuDiv3 ul{
        margin-left:10px;
        padding:1px;
    }
    #dhtmlgoodies_slidedown_menu .slMenuItem_depth4 ul{
        margin-left:15px;
        padding:1px;
    }
    #Slidedownli {
    color:#FFFFFF}
   

    .style1 {font-size:24px}
    .style2 {font-size: 12px; }
   
    .link1    { font-size:12px; color:#FFF; text-decoration:none;}



</style>
Avatar billede keysersoze Ekspert
17. maj 2011 - 18:33 #3
Du skal have én div til alt indhold - i hvert fald som din side ser ud. og sættes de styles på som beskrevet i #1, evt selvfølgelig tilpasset med din bredde, burde det spille.
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