Center menu

første skal jeg bruge din css "code" og der efter ville det gøre det nemmere hvis jeg vidste hvilket program du bruger til at redigere dine web dokumenter i "golive, notepad, dreamweaver" den slags. så tror jeg godt jeg kan hjælpe dig..

Det er jo ikke saa nemt at udtale sig om naar vi ikke kan see hvordan du definerer de dine div id-er og div klasser.  Send de relevante stylesheets.

Men jeg observerede at i din sidste menu item, "Vaelg layout Niveau" er der flere begyndelsestags end endtags.  Din kode er den foelgende:

<li class="sub"><a href="#">Vælg layout</a>
  <ul class="niveau2">
    <li><a href="#">Vælg layout Niveau 2</a></li>
    <li><a href="#">Vælg layout Niveau 2</a></li>
      <li class="sub"><a href="#">Vælg layout Niveau 2</a>
        <ul class="niveau3">
          <li><a href="#">Vælg layout Niveau 3</a></li>
          <li><a href="#">Vælg layout Niveau 3</a></li>
          <li><a href="#">Vælg layout Niveau 3</a></li>
          <li><a href="#">Vælg layout Niveau 3</a></li>
        </ul>
      </li>
    *******
  </ul>

Du kunne jo proeve at indsaette en ekstra </li> der hvor der staar **** og se om det goer en forskel.

Jeg bruger Textpad 4 og Crimson Editor til at redigere mine sider i sidste nævnte så jeg kan redigere online.

Jeg har samlet det hele i en køre først CSS koden så HTML koden.
Drop down menuen er skrevet efter en guide deri ligger mit problem til at få resten til at virke som skrevet i mit første emne i denne tråd.

CSS KODEN:
body {
behavior:url("csshover.htc");
background-color:#FFFFFF;
background-image: url("../images/styles/styles/body_background.jpg");
background-repeat:repeat-x;
margin: 0px;
padding:0px;
}

html {
height: 101%;
margin-bottom: 1px;
}

#mainbox {
position:relative;
width:800px;
margin: 50px auto 0px;
padding: 0px;
background-color:#FFFFFF;
border:1px solid #000000
}

#logobox {
width:800px;
margin: 0px auto 0px;
background-color:#FFFFFF;
}

#logo_top_left {
background-image: url(../images/banner_top_left.gif);
width:329px;
height:48px;
float:left;
}

#logo_banner_name_space {
position:absolute;
background-image: url(../images/banner_name_space.gif);
width:1px;
height:24px;
top:14px;
left:160px;
}

#logo_banner_left {
background-image: url(../images/banner_left.jpg);
width:329px;
height:182px;
float:left;
}

#logo_top_right {
background-image: url(../images/banner_top_right.gif);
width:471px;
height:48px;
float:left;
}

#logo_banner_center {
background-image: url(../images/banner_center.jpg);
width:183px;
height:182px;
float:left;
}

#logo_banner_right {
background-image: url(../images/banner_right.jpg);
width:288px;
height:182px;
float:left;
}

#firstname {
position:absolute;
top:14px;
font-size:20px;
color:#FFFFFF;
left:20px;
font-family:Arial, Helvetica, sans-serif;
z-index:2;
}

.firstname_shadow {
position:absolute;
top:16px;
font-size:20px;
color:#1B1B1B;
left:22px;
font-family:Arial, Helvetica, sans-serif;
z-index:1;
}

#lastname {
position:absolute;
top:14px;
font-size:20px;
color:#FFFFFF;
left:170px;
font-family:Arial, Helvetica, sans-serif;
z-index:2;
}

.lastname_shadow {
position:absolute;
top:16px;
font-size:20px;
color:#1B1B1B;
left:172px;
font-family:Arial, Helvetica, sans-serif;
z-index:1;
}

form {
margin:0;
padding:0;
}

.formtxt {
font-family:Tahoma, Arial;
font-size:14px;
padding-top:1px;
padding-right:5px;
padding-bottom:1px;
padding-left:5px;
}

.inputtxt {
font-family:Tahoma, Arial;
font-size:14px;
padding-top:1px;
padding-right:5px;
padding-bottom:1px;
padding-left:5px;
}

.inputbut {
background-color:#ffffff;
color:#000000;
font-size:x-small;
font-weight:bold;
font-family:Tahoma, Arial;
height:22px;
margin:2px;
border:1px solid;
border-color:#000000;
}

.form_color {
font-size:12px;
background-color:#3270a0;
color:#FFFFFF;
font-weight:bold;
padding-right:10px;
padding-left:10px;
padding-top:4px;
padding-bottom:4px;
}

.form_color a {
text-decoration:none;
color:#FFFFFF;
}

.form_color a:hover {
color:#FFFFFF;
text-decoration:underline;
}

#logo_login-form {
background-image: url(../images/styles/styles/login_background.gif);
position:absolute;
width:190px;
height:170px;
top:44px;
left:20px;
}

.logo_login_form {
height:18px;
width:170px;
font-size:11px;
padding-top:3px;
padding-left:1px;
border:1px solid #b8d4ee;
margin-left:9px;
}

.logo_login_header {
font-size:14px;
color:#194F95;
font-weight:bold;
padding-left:10px;
padding-top:10px;
padding-bottom:2px;
text-transform:uppercase;
}

.logo_login_text {
color:#333333;
font-size:10px;
font-family:Tahoma, Arial;
padding-left:11px;
padding-top:1px;
vertical-align:middle;
}

.logo_login_sm_user {
color:#333333;
font-size:11px;
font-family:Tahoma, Arial;
text-align:center;
padding-top:12px;
vertical-align:bottom;
}

.logo_login_sm_logout {
color:#333333;
font-size:10px;
font-family:Tahoma, Arial;
text-align:center;
text-transform:uppercase;
}

#toplinksbox {
width:800px;
margin: 0px auto 0px;
background-color:black;
}

div#navbar {
background-color:#505c5a;
float:left;
width:auto;
border-bottom:1px solid black;
margin:-1px 0 0 0;
font-size:70%;
font-family:arial,sans-serif;
font-weight:bold;
}

div#navbar {
}

div#navbar ul {
background-color:#505c5a;
margin:0; padding:0;
list-style:none;
border-top: 1px solid black;
color:#fff;
}

div#navbar li {
position:relative;
width:auto;
line-height:1em;
margin:0; padding:0;
list-style:none;
float:left;
border-bottom:1px solid black;
border-right:1px solid black;
}

div#navbar li a {
color:#fff;
background-color:#505c5a;
}

div#navbar li:hover a {
background-color:#939d92;
color:#fff;
}

div#navbar li.sub a {
background-image:url(../images/arr_white.gif);
background-position:95% center;
background-repeat:no-repeat;
}

div#navbar li.sub a:hover {
background-image:url(../images/arrv_white.gif);
background-position:95% center;
background-repeat:no-repeat;
}

div#navbar li.sub li a {
background-image:none;
background-color:#505c5a;
color:#fff;
}

div#navbar li.sub li a:hover {
background-image:none;
background-color:#939d92;
color:#fff;
}

div#navbar li.sub li.sub a {
background-image:url(../images/arr_white.gif);
background-position:95% center;
background-repeat:no-repeat;
background-color:#505c5a;
color:#fff;
}

div#navbar li.sub li.sub ul.niveau3 li a {
background-image:none;
}

div#navbar li.sub li.sub a:hover {
background-color:#939d92;
color:#fff;
}

div#navbar ul li a {
display:block;
text-decoration:none;
padding:0.25em 0 0.25em 0.5em;
width:9.5em;
margin:0;
}

div#navbar ul a {
width:auto;
}

div#navbar ul ul {
/* Slå fra for bedre oversigt */
display:none;
position:absolute;
width:10em;
}

div#navbar ul ul li {
border-bottom:1px solid black;
border-left:1px solid black;
margin-left:-1px;
}

div#navbar ul.niveau1 li.sub:hover ul.niveau2 {
border-top:1px solid black;
}

div#navbar ul.niveau1 li.sub:hover ul.niveau2, div#navbar ul.niveau2 li.sub:hover ul.niveau3 {
display:block;
}

div#navbar ul.niveau2 {
top:1.5em;
left:0;
}

div#navbar ul.niveau3 {
top:-1px;
left:10em;
border-top:1px solid black;
}

#contentbox {
width:800px;
margin: 0px auto 0px;
background-color:yellow;
}

#content_info {
width:400px;
padding-top:4px;
padding-bottom:4px;
background-color:yellow;
float:left;
}

#content_dagbog {
width:400px;
padding-top:4px;
padding-bottom:4px;
background-color:yellow;
float:left;
}

.content_tekst {
color:#333333;
font-size:11px;
font-family:Tahoma, Arial;
text-align:center;
}

#footerbox {
width:800px;
margin: 0px auto 0px;
background-color:#FFFFFF;
background-image: url("");
background-repeat: no-repeat;
}

#footer {
background-image: url(../images/styles/styles/validator_background.jpg);
background-repeat:repeat-x;
width:800px;
height:50px;
float:left;
}

#footer-image-html {
background-image: url(../images/styles/styles/validate_xhtml_v10.gif);
width:88px;
height:31px;
float:left;
}

#footer-image-css {
background-image: url(../images/styles/styles/validate_css21.gif);
width:88px;
height:31px;
float:left;
}

.footer_img_center {
margin:10px auto 0 auto;
width:176px;
}

.footer_tekst {
font-family:Tahoma, Arial;
font-size:12px;
color:#FFFFFF;
padding-top:4px;
padding-bottom:4px;
background-color:#3270a0;
}

.footer_tekst a {
text-decoration:none;
color:#FFFFFF;
}

.footer_tekst a:hover {
color:#FFFFFF;
text-decoration:underline;
}

#cvrbox {
width:800px;
margin: 0px auto 0px;
background-color:#FFFFFF;
}

#cvr {
background-image: url(../images/styles/styles/firma_background.gif);
background-repeat:repeat-x;
width:800px;
height:20px;
float:left;
}

.cvr_tekst {
font-size:11px;
color:#000000;
text-align:center;
padding-top:4px;
padding-bottom:4px;
background-color:#3270a0;
}

.cvr_tekst a {
text-decoration:none;
color:#FFFFFF;
}

.cvr_tekst a:hover {
color:#FFFFFF;
text-decoration:underline;
}

.cvr_tekst_center {
margin:4px auto 4px auto;
width:800px;
}


HTML KODEN:
<body>

<div id="mainbox">

<div id="logobox">
<!-- #INCLUDE FILE="inc_login.asp" -->
<div id="logo_top_left"></div>
<div id="firstname">Per & Wirawan</div>
<div class="firstname_shadow">Per & Wirawan</div>
<div id="logo_banner_name_space"></div>
<div id="lastname">Christiansen</div>
<div class="lastname_shadow">Christiansen</div>
<div id="logo_top_right"></div>
<div id="logo_banner_left"></div>
<div id="logo_banner_center"></div>
<div id="logo_banner_right"></div>
</div>

<div id="toplinksbox">
<div id="navbar">

    <ul class="niveau1">
    <li><a href="#">Forside</a></li>

<li class="sub"><a href="#">Medlemmer</a>
    <ul class="niveau2">
    <li><a href="#">Medlemmer Niveau 2</a></li>
    <li><a href="#">Medlemmer Niveau 2</a></li>
    <li><a href="#">Medlemmer Niveau 2</a></li>
    <li class="sub"><a href="#">Medlemmer Niveau 2</a>
    <ul class="niveau3">
    <li><a href="#">Medlemmer Niveau 3</a></li>
    <li><a href="#">Medlemmer Niveau 3</a></li>
    <li><a href="#">Medlemmer Niveau 3</a></li>
    <li><a href="#">Medlemmer Niveau 3</a></li>
    </ul>
</li>

</ul>
</li>

<li><a href="#">Foto Album</a></li>
<li><a href="#">Tagwall</a></li>
<li><a href="#">Kontakt</a></li>
<li><a href="#">Profil</a></li>

<li class="sub"><a href="#">Vælg layout</a>
    <ul class="niveau2">
    <li><a href="#">Vælg layout Niveau 2</a></li>
    <li><a href="#">Vælg layout Niveau 2</a></li>
    <li class="sub"><a href="#">Vælg layout Niveau 2</a>
    <ul class="niveau3">
    <li><a href="#">Vælg layout Niveau 3</a></li>
    <li><a href="#">Vælg layout Niveau 3</a></li>
    <li><a href="#">Vælg layout Niveau 3</a></li>
    <li><a href="#">Vælg layout Niveau 3</a></li>
    </ul>
</li>

</ul>
</div>
</div>

<div id="contentbox">
<div id="content_info" class="content_tekst">left</div>
<div id="content_dagbog" class="content_tekst">right</div>
</div>

<div id="footerbox">
<div id="footer" class="footer_tekst">
<div class="footer_img_center">
    <div id="footer-image-html"><a href="http://validator.w3.org/check?uri=referer"><img style="border:0;width:88px;height:31px;" src="images/validate.gif" alt="Valid HTML 4.01 Transitional" /></a></div>
    <div id="footer-image-css"><a href="http://jigsaw.w3.org/css-validator/check/referer"><img style="border:0;width:88px;height:31px;" src="images/validate.gif" alt="Valid CSS!" /></a></div>
</div>
</div>
</div>

<div id="cvrbox">
<div id="cvr" class="cvr_tekst">
<div class="cvr_tekst_center">

<%
Call OpenDataBase

Set rsfooter = myConn.Execute("SELECT * FROM XXXXX WHERE XXXXX_ID=X")

If (Not rsfooter.BOF) And (Not rsfooter.EOF) Then

rsfooter.MoveFirst

While Not rsfooter.EOF

Response.Write rsfooter("XXXXX") & vbCrLf

    rsfooter.MoveNext
  Wend
Else


  Response.Write "Ingen records fundet.<br>" & vbCrLf
End If


rsfooter.Close


Set rsfooter = Nothing


Call CloseDataBase
%>

| Tårnbypark Alle 87 | Tlf.00 00 00 00 | Fax.00 00 00 00 | <a href="kontakt.asp?mode=kontakt">Email</a> | CVR: 00000000
</div>
</div>
</div>

<div style="clear:both;"></div>

</div>
</body>
</html>

det første jeg ser er

html {
height: 101%;
margin-bottom: 1px;
}

jeg er ikke sikker men har du prøvet at skrive

html {
height: 100;
//margin-bottom: 1px;
}

Kan ikke lige se hvad det har med centering af min dropdown menu at gøre.

101% er for at fremtvinge en scrollbar, normalt skrives height:100: som px eller % vil jeg mene, så hvis du mener jeg skal skrive
html {
height: 100;
//margin-bottom: 1px;
}

så fjerner jeg for det første min scrollbar, + jeg får en css fejl da //margin-bottom: 1px; ikke lukker koden, det gør /* kode */ så håber du har et bedre bud end dette.

nej undskyld.. den lurede jeg ikke lige til at starte med.. jeg tror lige jeg skal nærstudere den og vende tilbage når jeg er mere sikker på hvad der kan gøres

Nej, det overstiger mine evner med nested divs og lignende.  Jeg loadede det i min browser og proevede at lege med indstillingerne, men det lykkedes ikke.  Jeg indsatte den manglende </li> som jeg naevnede ovenfor, men det gjorde ingen forskel.  Jeg haaber du kan faa hjaelp fra anden side.

Håber jeg fik gjort det rigtigt, jeg løste mit problem med tabeller så nu virker forsiden i IE8, så skal jeg bare have rettet resten med div hacks, så det også virker i de andre browser typer :-)

Jamen saa til lykke med at du fik det loest og forventer at kunne loese resten.

Saa ville det egenligt vaere naturligt at lukke dette spoergsmaal.  Post selv et svar og accepter det.  Det giver god orden at lukke svar der ikke laengee er aktive, og saa staar dette svar ikke laengere som aabent paa min liste af indlaeg.

kommer her