tutorials.de Buch-Aktion 05/2012
ERLEDIGT
JA
ANTWORTEN
1
ZUGRIFFE
2227
EMPFEHLEN
  • An Twitter übertragen
  • An Facebook übertragen
DIESES THEMA IST
GESCHLOSSEN
  1. #1
    alex130 alex130 ist offline Mitglied Platin
    Registriert seit
    Aug 2006
    Beiträge
    654
    Hallo,
    Ich programmiere gerade an der neuen Kundenverwaltung für meinen Vater, doch hier habe ich ein Problem und zwar, verrutscht die Navigation und der Content Bereich im IE, in FF is es aber richtig.
    Ich hab mal 2 Screenshots angehängt um das Problem darzustellen.
    Anbei auch der Code und der CSS Code.
    Danke

    Code:
    HTML-Code:
    <!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>
    <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
    <title>DVM Kundenverwaltung</title>
    <link rel="stylesheet" type="text/css" href="includes/css/layout.css" />
    <link rel="stylesheet" type="text/css" href="includes/css/style.css" />
    <script type="text/javascript" src="includes/js/kv.js"></script>
    <script type="text/javascript" src="includes/js/prototype.js"></script>
    <script type="text/javascript" src="includes/js/mootools.js"></script>  
    <script type="text/javascript" src="includes/js/imask.js"></script> 
    
    
    <script type="text/javascript">
    iMask({  
         onFocus: function(obj) {  
             obj.setStyles({"background-color":"#ff8", border:"1px solid #880"});  
         },  
       
         onBlur: function(obj) {  
             obj.setStyles({"background-color":"#fff", border:"1px solid #ccc"});  
         },  
       
         onValid: function(event, obj) {  
             obj.setStyles({"background-color":"#8f8", border:"1px solid #080"});  
         },  
       
        onInvalid: function(event, obj) {  
           if(!event.shift) {  
                 obj.setStyles({"background-color":"#f88", border:"1px solid #800"});  
             }  
         }  
    }); 
    </script>
    
    </head>
    
    <body>
    <div id="status"></div>
    <div id="container" class="clearfix">
    	<div id="header">
    	<center>
    	  <table width="660" border="0" align="center">
              <tr>
                <td><a href="home.html"><img src="includes/images/logo.png" /></a></td>
    
    			<td><div align="right">Herzlich Willkommen, <b>gh0$t</b><br />
    			Letzter Login: <b>18.09. 2008 - 08:42</b><br />
                Gruppe: <b>Versicherungsbüro Bischof</b><br />
    			(<a href="profil.html">Mein Profil</a> | <a href="login.html?action=logout">Ausloggen</a></div></td>
    
              </tr>
            </table>
    	</center>
    	</div>
    		<div id="topnavi">
            	<div style="width:800px; margin:0 auto;"><form action="schnellsuche.html" method="post">
    	<input type="text" name="query" class="formular_schnellsuche" autocomplete="off" />
        <select name="type" class="auswahl_schnellsuche">
        	<option value="p">Privatkunde</option>
    
            <option value="f">Firmenkunde</option>
        </select>
        <input type="submit" name="search" value="Suchen" class="button_schnellsuche" />
    </form></div>
            </div>
    			<div id="innerwrap">
    				<div class="leftCol">
    					<div id="left">
    						
    
    <script type="text/javascript">
    function ShowHide(id) {
        obj = document.getElementsByTagName("div");
        if (obj[id].style.display == ''){
        obj[id].style.display = 'none';
        }
        else {
        obj[id].style.display = '';
        }
    }
    
    </script>
    
    <div id="menu">
    	<ul>
    		<li class="main" onclick="javascript:ShowHide('allgemein')">Allgemein</li>
            <div id="allgemein" style="display:none;">
    		<li><a href="home.html">Startseite</a></li>
    		<li><a href="profil.html">Mein Profil</a></li>
    
            <li><a href="gebliste.html">Geburtstagsliste</a></li>
            <li><a href="login.html?action=logout" title="Logout">Ausloggen</a></li>
    		</div>
        
    		<li class="main" onclick="javascript:ShowHide('privatkunden')">Privatkunden</li>
            <div id="privatkunden" style="display:none;">
    		<li><a href="privatkunden_eintragen.html" title="Privatkunden eintragen" >Eintragen</a></li>
    		<li><a href="privatkunden_suchen.html" title="Privatkunden suchen" >Suchen</a></li>
    
            <li><a href="privatkunden_upload.html" title="Privatkunden Datei hochladen">Datei upload</a></li>
            <li><a href="privatkunden_ohne_vertrag.html" title="Kunden ohne Vertrag">Kunden ohne Vertrag</a></li>
    		</div>
                    
    		<li class="main" onclick="javascript:ShowHide('firmenkunden')">Firmenkunden</li>
    		<div id="firmenkunden" style="display:none;">
            <li><a href="firmenkunden_eintragen.html" title="Firmenkunden eintragen" >Eintragen</a></li>
    		<li><a href="firmenkunden_suchen.html" title="Firmenkunden suchen" >Suchen</a></li>
    
            <li><a href="firmenkunden_ohne_vertrag.html" title="Kunden ohne Vertrag">Kunden ohne Vertrag</a></li>
    		</div>
            
    		<li class="main" onclick="javascript:ShowHide('vertraege')">Vertr&auml;ge</li>
            <div id="vertraege" style="display:none;">
    		<li><a href="vertraege_eintragen.html&kunde=p" title="Vertrag eingeben">Eintragen</a></li>
    		<li><a href="vertraege_suchen.html&kunde=p" title="Vertrag suchen">Suchen</a></li>
    
    		</div>
    		
    				<li class="main">Administration</li>
    		<li><a href="einstellungen.html" title="Einstellungen" >Einstellungen</a></li>
    		<li><a href="gruppen.html" title="Gruppen" >Gruppen</a></li>
    		<li><a href="user.html" title="User" >User</a></li>
    			</ul>                 
    </div>                	</div>
    
            		</div>
         
            		<div class="rightCol">
                    	<div id="content">	
    												
    											
    						 
    						                	</div>
            		</div>
         		</div>
         	<div id="footer">Deep-Coding [Kundenverwaltung] </div>
    
    </div>
    
    </body>
    </html>
    Style.css
    Code :
    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    13
    14
    15
    16
    17
    18
    19
    20
    21
    22
    23
    24
    25
    26
    27
    28
    29
    30
    31
    32
    33
    34
    35
    36
    37
    38
    39
    40
    41
    42
    43
    44
    45
    46
    47
    48
    49
    50
    51
    52
    53
    54
    55
    56
    57
    58
    59
    60
    61
    62
    63
    64
    65
    66
    67
    68
    69
    70
    71
    72
    73
    74
    75
    76
    77
    78
    79
    80
    81
    82
    83
    84
    85
    86
    87
    88
    89
    90
    91
    92
    93
    94
    95
    96
    97
    98
    99
    100
    101
    102
    103
    104
    105
    106
    107
    108
    109
    110
    111
    112
    113
    114
    115
    116
    117
    118
    119
    120
    121
    122
    123
    124
    125
    126
    127
    128
    129
    130
    131
    132
    133
    134
    135
    136
    137
    138
    139
    140
    141
    142
    143
    144
    145
    146
    147
    148
    149
    150
    151
    152
    153
    154
    155
    156
    157
    158
    159
    160
    161
    162
    163
    164
    165
    166
    167
    168
    169
    170
    171
    172
    173
    174
    175
    176
    177
    178
    179
    180
    181
    182
    183
    184
    185
    186
    187
    188
    189
    190
    191
    192
    193
    194
    195
    196
    197
    198
    199
    200
    201
    202
    203
    204
    205
    206
    207
    208
    209
    210
    211
    212
    213
    214
    215
    216
    217
    218
    219
    220
    221
    222
    223
    224
    225
    226
    227
    228
    229
    230
    231
    232
    233
    234
    235
    236
    237
    238
    239
    240
    241
    242
    243
    244
    245
    246
    247
    248
    249
    250
    251
    252
    253
    254
    255
    256
    257
    258
    259
    260
    261
    262
    263
    264
    265
    266
    267
    268
    269
    270
    271
    272
    273
    274
    275
    276
    277
    278
    279
    280
    281
    282
    283
    284
    285
    286
    287
    288
    289
    290
    291
    292
    293
    294
    295
    296
    297
    298
    299
    300
    301
    302
    303
    304
    305
    306
    307
    308
    309
    310
    311
    312
    313
    314
    315
    316
    317
    318
    319
    320
    321
    322
    323
    324
    325
    326
    327
    328
    329
    330
    331
    332
    333
    334
    335
    336
    337
    338
    339
    340
    341
    342
    343
    344
    345
    346
    347
    348
    349
    350
    351
    352
    353
    354
    355
    356
    357
    358
    359
    360
    361
    362
    363
    364
    365
    366
    367
    368
    369
    370
    371
    372
    373
    374
    375
    376
    377
    378
    379
    380
    381
    382
    383
    384
    385
    386
    387
    388
    389
    390
    391
    392
    393
    394
    395
    396
    397
    398
    399
    400
    401
    402
    403
    404
    405
    406
    407
    408
    409
    410
    
    td {
     
        font-size: 11px;
        line-height: 19px;
        font-family: "Verdana";
     
    }
     
    ul {
     
        margin: 0px;
        padding: 0px;
     
    }
     
    li {
     
        list-style: none;
     
    }
     
    form {
     
        margin: 0px;
        padding: 0px;
     
    }
     
    img {
     
        border: none;
     
    }
     
    .clean {
     
        clear: both;
        height: 0px;
        font-size: 0px;
        display: block;
        width: 100%;
     
    }
     
    #menu {
     
        width: 190px;
        margin: 0px 20px 0px 0px;
        float: left;
     
    }
     
    #menu ul {
     
        margin: 0px 0px 20px 0px;
     
    }
     
    #menu ul li.main {
     
        width: 180px;
        height: 28px;
        padding: 0px 0px 0px 10px;
        line-height: 27px;
        margin: 20px 0px 0px 0px;
        color: #fff;
        font-weight: bold;
        background: #262626 url(../images/menu_main.gif) no-repeat; 
        border-bottom: 1px solid #d7e5ee;
        overflow: hidden;
     
    }
     
    #menu ul li {
     
        width: 190px;
        height: 27px;
        margin: 0px;
        overflow: hidden;
     
    }
     
    #menu ul li a {
     
        width: 183px;
        height: 26px;
        padding: 0px 0px 0px 10px;
        line-height: 25px;
        display: block;
        margin: 0px;
        overflow: hidden;
        color: #353d3f;
        text-decoration: none;
        background: #fff;
        border-bottom: 1px solid #d7e5ee;
     
    }
     
    #menu ul li a:hover, #menu ul li a.aktiv {
     
        width: 183px;
        height: 26px;
        padding: 0px 0px 0px 10px;
        line-height: 25px;
        display: block;
        margin: 0px;
        overflow: hidden;
        color: #353d3f;
        text-decoration: none;
        background: #cabb98 url(../images/menu_hover.gif) no-repeat;
        border-bottom: 1px solid #d7e5ee;
     
    }
     
    #content {
     
        width: 537px;
        margin: 20px 0px 0px 0px;
        float: left;
     
    }
     
    #content fieldset {
     
        background: #fff;
        color: #353d3f; 
        border: 1px solid #c2cfd7;
        padding: 20px 20px 10px 20px;
        margin-bottom: 20px;
     
    }
     
    #content fieldset legend {
     
        background: #262626;
        color: #fff;
        font-weight: bold;
        border: 1px solid #fff;
        padding: 0px 20px;
     
    }
     
    #content fieldset h1 {
     
        font-size: 16px;
        font-weight: bold;
        margin: 10px 0px 10px 0px;
        color: #002b44;
        font-family: "Arial";   
     
    }
     
    #content fieldset p {
     
        margin: 0px 0px 10px 0px;
     
    }
     
    #content fieldset h2 {
     
        font-size: 11px;
        font-weight: bold;
        margin: 10px 0px 10px 0px;
        color: #353d3f; 
        font-family: "Verdana"; 
     
    }
     
    #content div.fieldset hr {
     
        margin: 10px 0px 10px 0px;
        border-top: 1px solid #fff;
        border-left: 1px solid #fff;
        border-right: 1px solid #fff;
        border-bottom: 1px solid #c2cfd7;
        width: 500px;
        margin:0 auto;
     
    }
     
    #content a {
     
        color: #353d3f;
        text-decoration: none;
     
    }
     
    #content a:hover {
     
        color: #353d3f;
        text-decoration: none;
     
    }
     
    #content .button {
     
        width: 205px;
        height: 24px;
        display: block;
        border: 1px solid #a5acb2;
        background: #cec2a4 url(../images/button.gif) left no-repeat;
        font-size: 11px;
        color: #343c40;
        font-family: "Verdana";
        text-transform: lowercase;
        cursor: pointer;
     
    }
     
    #content .formular {
     
        width: 488px;
        height: 18px;
        padding: 4px 0px 0px 5px;
        margin: 2px 0px 8px 0px;
        background: #fff;
        border: 1px solid #a5acb2;
        font-size: 11px;
        color: #343c40;
        font-family: "Verdana";
     
    }
     
    #content .formular:disabled 
    {
    background: #CCCCCC;
    }
     
    #content input.files {
     
        width: 488px;
        height: 18px;
        padding: 4px 0px 0px 5px;
        margin: 2px 0px 8px 0px;
        background: #fff;
        border: 1px solid #a5acb2;
        font-size: 11px;
        color: #343c40;
        font-family: "Verdana";
     
    }
     
    #content .textarea {
     
        width: 488px;
        height: 80px;
        padding: 4px 0px 0px 5px;
        margin: 2px 0px 8px 0px;
        background: #fff;
        border: 1px solid #a5acb2;
        font-size: 11px;
        color: #343c40;
        font-family: "Verdana";
     
    }
     
    #content .auswahl {
     
        width: 495px;
        height: 24px;
        padding: 4px 0px 0px 5px;
        margin: 2px 0px 8px 0px;
        background: #fff;
        border: 1px solid #a5acb2;
        font-size: 11px;
        color: #343c40;
        font-family: "Verdana";
     
    }
     
    #content .auswahl option {
     
        width: 495px;
        height: 24px;
        padding: 4px 0px 0px 5px;
        background: #fff;
        font-size: 11px;
        color: #343c40;
        font-family: "Verdana";
     
    }
     
    #content input:focus, #content textarea:focus, #content select:focus {
    background: #f7f7f7;
    border: 1px solid #f9be49;
    }
     
     
    #content fieldset a img.hover {
     
        border: 1px solid #fff;
     
    }
     
    #content fieldset a img.hover:hover {
     
        border: 1px solid #c2cfd7;
     
    }
     
    .message {
    color: #009933;
    }
     
    .error {
    color: #FF0000;
    }
     
    /* FIELDSET */
    div.fieldset {
    position:relative;
    margin:2em 0;
    width:537px;
    padding:0.8em 0 0 0;
    border:1px solid #c2cfd7;
    color:#000;
    background:#fff;
    }
     
    div.fieldset h1 {
    position:absolute;
    top:-0.5em;
    left:1em;
    margin:0;
    padding:0;
    font-size:1.2em;
    font-weight:normal;
    }
     
    div.fieldset h1 span {
    margin:0;
    padding:;0 3em;
    padding: 1px 25px 1px 25px;
    color:#fff;
    background:#262626;
    font-weight:bold;
    }
     
    div.fieldset p {
    margin:0;
    padding:1em 1em 1em 1.5em;
    color:#000;
    font-size:1.2em;
    background:#fff;
    }
    /* FIELDSET ENDE */
     
    .error
    {
        font-weight: bold;
        background: #FF0000;
        color: red;
    }
     
     
    .formular_schnellsuche {
     
        width: 188px;
        height: 18px;
        padding: 4px 0px 0px 5px;
        margin: 2px 0px 8px 0px;
        background: #fff;
        border: 1px solid #a5acb2;
        font-size: 11px;
        color: #343c40;
        font-family: "Verdana";
     
    }
     
    .auswahl_schnellsuche {
     
        width: 110px;
        height: 24px;
        padding: 4px 0px 0px 5px;
        margin: 2px 0px 8px 0px;
        background: #fff;
        border: 1px solid #a5acb2;
        font-size: 11px;
        color: #343c40;
        font-family: "Verdana";
     
    }
     
    .auswahl_schnellsuche option {
     
        width: 110px;
        height: 24px;
        padding: 4px 0px 0px 5px;
        background: #fff;
        font-size: 11px;
        color: #343c40;
        font-family: "Verdana";
     
    }
     
    .button_schnellsuche {
     
        width: 105px;
        height: 24px;
        display: ;block;
        border: 1px solid #a5acb2;
        background: #cec2a4 url(../images/button.gif) left no-repeat;
        font-size: 11px;
        color: #343c40;
        font-family: "Verdana";
        text-transform: lowercase;
        cursor: pointer;
        margin-bottom: 6px;
     
    }

    Layout.css
    Code :
    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    13
    14
    15
    16
    17
    18
    19
    20
    21
    22
    23
    24
    25
    26
    27
    28
    29
    30
    31
    32
    33
    34
    35
    36
    37
    38
    39
    40
    41
    42
    43
    44
    45
    46
    47
    48
    49
    50
    51
    52
    53
    54
    55
    56
    57
    58
    59
    60
    61
    62
    63
    64
    65
    66
    67
    68
    69
    70
    71
    72
    73
    74
    75
    76
    77
    78
    79
    80
    81
    82
    83
    84
    85
    86
    87
    88
    89
    90
    91
    92
    93
    94
    
    * {
    margin:0;
    padding:0;
    }
     
    html, body {
    height: 100%;
    font-size: 11px;
    line-height: 19px;
    color: #353d3f; 
    font-family: "Verdana";
    background: #f0ebe1;
    }
     
    #header {
    width: 100%;
    height:142px;
    background:#cabb98;
    text-align: center;
    }
     
    #topnavi {
    width:100%;
    height:35px;
    padding-top:5px;
    background: #262626 url(../images/topnavi_bg.jpg);
    margin-bottom: 5px;
    text-align: center;
    }
     
     
    #container {
    position:relative;
    width: 100%;
    min-height: 100%; /* Mindesthöhe in modernen Browsern */
    height: auto !important; /* !important-Regel für moderne Browser */
    height: 100%; /* Mindesthöhe in IE  */
    }
     
    #innerwrap {
    width:800px;
    margin:0 auto;
    }
     
    .rightCol {
    width: 585px;
    float: right;
    padding-bottom:35px;
    }
     
    .leftCol {
    float: left;
    width:190px;
    padding-bottom:35px;
    margin-right: 25px;
    }
     
    #content {
    width: 515px;
    }
     
    #left {
    width: 190px;
    }
     
    /* clearfix zum Aufheben der Floatumgebung */
     
    .clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
    }
     
    .clearfix {display: inline-block;}
     
    /* Hides from IE-mac \*/
    * html .clearfix {height: 1%;}
    .clearfix {display: block;}
    /* End hide from IE-mac */
     
    #footer {
    position:absolute;
    left:0;
    bottom:0;
    width:100%;
    height:40px;
    background: #262626 url(../images/topnavi_bg.jpg);
    border-top: 3px solid #e3e3e3;
    color: #FFF;
    text-align: center;
    font-weight: bold;
    }
    Miniaturansicht angehängter Grafiken Miniaturansicht angehängter Grafiken Navigation und Content Bereich verrutschen im IE-kv_ff.jpg   Navigation und Content Bereich verrutschen im IE-kv_ie.jpg  

     

  2. #2
    Maik Tutorials.de Gastzugang
    Hi,

    schick doch einfach mal deinen HTML-Quellcode durch den w3c-Validator:

    # Error Line 597, Column 49: document type does not allow element "div" here; assuming missing "li" start-tag.

    <div id="allgemein" style="display:none;">


    # Error Line 598, Column 5: document type does not allow element "li" here; missing one of "ul", "ol", "menu", "dir" start-tag.

    <li><a href="home.html">Startseite</a></li>

    The mentioned element is not allowed to appear in the context in which you've placed it; the other mentioned elements are the only ones that are both allowed there and can contain the element mentioned. This might mean that you need a containing element, or possibly that you've forgotten to close a previous element.

    One possible cause for this message is that you have attempted to put a block-level element (such as "<p>" or "<table>") inside an inline element (such as "<a>", "<span>", or "<font>").


    # Error Line 599, Column 5: document type does not allow element "li" here; missing one of "ul", "ol", "menu", "dir" start-tag.

    <li><a href="profil.html">Mein Profil</a></li>

    The mentioned element is not allowed to appear in the context in which you've placed it; the other mentioned elements are the only ones that are both allowed there and can contain the element mentioned. This might mean that you need a containing element, or possibly that you've forgotten to close a previous element.

    One possible cause for this message is that you have attempted to put a block-level element (such as "<p>" or "<table>") inside an inline element (such as "<a>", "<span>", or "<font>").


    # Error Line 601, Column 11: document type does not allow element "li" here; missing one of "ul", "ol", "menu", "dir" start-tag.

    <li><a href="gebliste.html">Geburtstagsliste</a></li>

    The mentioned element is not allowed to appear in the context in which you've placed it; the other mentioned elements are the only ones that are both allowed there and can contain the element mentioned. This might mean that you need a containing element, or possibly that you've forgotten to close a previous element.

    One possible cause for this message is that you have attempted to put a block-level element (such as "<p>" or "<table>") inside an inline element (such as "<a>", "<span>", or "<font>").


    # Error Line 602, Column 11: document type does not allow element "li" here; missing one of "ul", "ol", "menu", "dir" start-tag.

    <li><a href="login.html?action=logout" title="Logout">Ausloggen</a></li>

    The mentioned element is not allowed to appear in the context in which you've placed it; the other mentioned elements are the only ones that are both allowed there and can contain the element mentioned. This might mean that you need a containing element, or possibly that you've forgotten to close a previous element.

    One possible cause for this message is that you have attempted to put a block-level element (such as "<p>" or "<table>") inside an inline element (such as "<a>", "<span>", or "<font>").


    # Error Line 605, Column 64: document type does not allow element "li" here; missing one of "ul", "ol", "menu", "dir" start-tag.

    …="main" onclick="javascript:ShowHide('privatkunden')">Privatkunden</li>

    The mentioned element is not allowed to appear in the context in which you've placed it; the other mentioned elements are the only ones that are both allowed there and can contain the element mentioned. This might mean that you need a containing element, or possibly that you've forgotten to close a previous element.

    One possible cause for this message is that you have attempted to put a block-level element (such as "<p>" or "<table>") inside an inline element (such as "<a>", "<span>", or "<font>").


    # Error Line 607, Column 5: document type does not allow element "li" here; missing one of "ul", "ol", "menu", "dir" start-tag.

    <li><a href="privatkunden_eintragen.html" title="Privatkunden eintragen" >Eint

    The mentioned element is not allowed to appear in the context in which you've placed it; the other mentioned elements are the only ones that are both allowed there and can contain the element mentioned. This might mean that you need a containing element, or possibly that you've forgotten to close a previous element.

    One possible cause for this message is that you have attempted to put a block-level element (such as "<p>" or "<table>") inside an inline element (such as "<a>", "<span>", or "<font>").


    # Error Line 608, Column 5: document type does not allow element "li" here; missing one of "ul", "ol", "menu", "dir" start-tag.

    <li><a href="privatkunden_suchen.html" title="Privatkunden suchen" >Suchen</a>

    The mentioned element is not allowed to appear in the context in which you've placed it; the other mentioned elements are the only ones that are both allowed there and can contain the element mentioned. This might mean that you need a containing element, or possibly that you've forgotten to close a previous element.

    One possible cause for this message is that you have attempted to put a block-level element (such as "<p>" or "<table>") inside an inline element (such as "<a>", "<span>", or "<font>").


    # Error Line 610, Column 11: document type does not allow element "li" here; missing one of "ul", "ol", "menu", "dir" start-tag.

    <li><a href="privatkunden_upload.html" title="Privatkunden Datei hochlad

    The mentioned element is not allowed to appear in the context in which you've placed it; the other mentioned elements are the only ones that are both allowed there and can contain the element mentioned. This might mean that you need a containing element, or possibly that you've forgotten to close a previous element.

    One possible cause for this message is that you have attempted to put a block-level element (such as "<p>" or "<table>") inside an inline element (such as "<a>", "<span>", or "<font>").


    # Error Line 611, Column 11: document type does not allow element "li" here; missing one of "ul", "ol", "menu", "dir" start-tag.

    <li><a href="privatkunden_ohne_vertrag.html" title="Kunden ohne Vertrag"

    The mentioned element is not allowed to appear in the context in which you've placed it; the other mentioned elements are the only ones that are both allowed there and can contain the element mentioned. This might mean that you need a containing element, or possibly that you've forgotten to close a previous element.

    One possible cause for this message is that you have attempted to put a block-level element (such as "<p>" or "<table>") inside an inline element (such as "<a>", "<span>", or "<font>").


    # Error Line 614, Column 64: document type does not allow element "li" here; missing one of "ul", "ol", "menu", "dir" start-tag.

    …="main" onclick="javascript:ShowHide('firmenkunden')">Firmenkunden</li>

    The mentioned element is not allowed to appear in the context in which you've placed it; the other mentioned elements are the only ones that are both allowed there and can contain the element mentioned. This might mean that you need a containing element, or possibly that you've forgotten to close a previous element.

    One possible cause for this message is that you have attempted to put a block-level element (such as "<p>" or "<table>") inside an inline element (such as "<a>", "<span>", or "<font>").


    # Error Line 616, Column 11: document type does not allow element "li" here; missing one of "ul", "ol", "menu", "dir" start-tag.

    <li><a href="firmenkunden_eintragen.html" title="Firmenkunden eintragen"

    The mentioned element is not allowed to appear in the context in which you've placed it; the other mentioned elements are the only ones that are both allowed there and can contain the element mentioned. This might mean that you need a containing element, or possibly that you've forgotten to close a previous element.

    One possible cause for this message is that you have attempted to put a block-level element (such as "<p>" or "<table>") inside an inline element (such as "<a>", "<span>", or "<font>").


    # Error Line 617, Column 5: document type does not allow element "li" here; missing one of "ul", "ol", "menu", "dir" start-tag.

    <li><a href="firmenkunden_suchen.html" title="Firmenkunden suchen" >Suchen</a>

    The mentioned element is not allowed to appear in the context in which you've placed it; the other mentioned elements are the only ones that are both allowed there and can contain the element mentioned. This might mean that you need a containing element, or possibly that you've forgotten to close a previous element.

    One possible cause for this message is that you have attempted to put a block-level element (such as "<p>" or "<table>") inside an inline element (such as "<a>", "<span>", or "<font>").


    # Error Line 619, Column 11: document type does not allow element "li" here; missing one of "ul", "ol", "menu", "dir" start-tag.

    <li><a href="firmenkunden_ohne_vertrag.html" title="Kunden ohne Vertrag"

    The mentioned element is not allowed to appear in the context in which you've placed it; the other mentioned elements are the only ones that are both allowed there and can contain the element mentioned. This might mean that you need a containing element, or possibly that you've forgotten to close a previous element.

    One possible cause for this message is that you have attempted to put a block-level element (such as "<p>" or "<table>") inside an inline element (such as "<a>", "<span>", or "<font>").


    # Error Line 622, Column 61: document type does not allow element "li" here; missing one of "ul", "ol", "menu", "dir" start-tag.

    … class="main" onclick="javascript:ShowHide('vertraege')">Vertr&auml;ge</li>

    The mentioned element is not allowed to appear in the context in which you've placed it; the other mentioned elements are the only ones that are both allowed there and can contain the element mentioned. This might mean that you need a containing element, or possibly that you've forgotten to close a previous element.

    One possible cause for this message is that you have attempted to put a block-level element (such as "<p>" or "<table>") inside an inline element (such as "<a>", "<span>", or "<font>").


    # Error Line 624, Column 5: document type does not allow element "li" here; missing one of "ul", "ol", "menu", "dir" start-tag.

    <li><a href="vertraege_eintragen.html&kunde=p" title="Vertrag eingeben">Eintra

    The mentioned element is not allowed to appear in the context in which you've placed it; the other mentioned elements are the only ones that are both allowed there and can contain the element mentioned. This might mean that you need a containing element, or possibly that you've forgotten to close a previous element.

    One possible cause for this message is that you have attempted to put a block-level element (such as "<p>" or "<table>") inside an inline element (such as "<a>", "<span>", or "<font>").


    # Error Line 625, Column 5: document type does not allow element "li" here; missing one of "ul", "ol", "menu", "dir" start-tag.

    <li><a href="vertraege_suchen.html&kunde=p" title="Vertrag suchen">Suchen</a><

    The mentioned element is not allowed to appear in the context in which you've placed it; the other mentioned elements are the only ones that are both allowed there and can contain the element mentioned. This might mean that you need a containing element, or possibly that you've forgotten to close a previous element.

    One possible cause for this message is that you have attempted to put a block-level element (such as "<p>" or "<table>") inside an inline element (such as "<a>", "<span>", or "<font>").


    # Error Line 629, Column 20: document type does not allow element "li" here; missing one of "ul", "ol", "menu", "dir" start-tag.

    <li class="main">Administration</li>

    The mentioned element is not allowed to appear in the context in which you've placed it; the other mentioned elements are the only ones that are both allowed there and can contain the element mentioned. This might mean that you need a containing element, or possibly that you've forgotten to close a previous element.

    One possible cause for this message is that you have attempted to put a block-level element (such as "<p>" or "<table>") inside an inline element (such as "<a>", "<span>", or "<font>").


    # Error Line 630, Column 5: document type does not allow element "li" here; missing one of "ul", "ol", "menu", "dir" start-tag.

    <li><a href="einstellungen.html" title="Einstellungen" >Einstellungen</a></li>

    The mentioned element is not allowed to appear in the context in which you've placed it; the other mentioned elements are the only ones that are both allowed there and can contain the element mentioned. This might mean that you need a containing element, or possibly that you've forgotten to close a previous element.

    One possible cause for this message is that you have attempted to put a block-level element (such as "<p>" or "<table>") inside an inline element (such as "<a>", "<span>", or "<font>").


    # Error Line 631, Column 5: document type does not allow element "li" here; missing one of "ul", "ol", "menu", "dir" start-tag.

    <li><a href="gruppen.html" title="Gruppen" >Gruppen</a></li>

    The mentioned element is not allowed to appear in the context in which you've placed it; the other mentioned elements are the only ones that are both allowed there and can contain the element mentioned. This might mean that you need a containing element, or possibly that you've forgotten to close a previous element.

    One possible cause for this message is that you have attempted to put a block-level element (such as "<p>" or "<table>") inside an inline element (such as "<a>", "<span>", or "<font>").


    # Error Line 632, Column 5: document type does not allow element "li" here; missing one of "ul", "ol", "menu", "dir" start-tag.

    <li><a href="user.html" title="User" >User</a></li>

    The mentioned element is not allowed to appear in the context in which you've placed it; the other mentioned elements are the only ones that are both allowed there and can contain the element mentioned. This might mean that you need a containing element, or possibly that you've forgotten to close a previous element.

    One possible cause for this message is that you have attempted to put a block-level element (such as "<p>" or "<table>") inside an inline element (such as "<a>", "<span>", or "<font>").


    # Error Line 633, Column 7: end tag for "li" omitted, but OMITTAG NO was specified.

    </ul>
    Ich hatte dich aber erst vor kurzem (per PN) bei dem gleichen Problem darauf aufmerksam gemacht, dass das div-Element kein Nachfahre des ul-Elements ist, und der IE die Navigation korrekt darstellt, sobald das Markup valide ist.

    Kram mal deine PNs durch, denn soweit ich mich erinnere, hatte ich dir zum damaligen Fall auch das valide Markup gepostet. Da ich vor ein paar Tagen meine PN-Box ausgemistet habe, liegt mir u.a. diese Korrespondenz nicht mehr vor.

    Das Thema verschiebe ich somit ins HTML-Forum.

    mfg Maik
     

Ähnliche Themen

  1. Content bereich wird zu gross erzeugt
    Von nchristoph im Forum CSS
    Antworten: 2
    Letzter Beitrag: 24.11.10, 11:45
  2. Navigation mit Content - wie auf der Seite im Post?
    Von ArthurDent im Forum Javascript & Ajax
    Antworten: 0
    Letzter Beitrag: 16.09.10, 10:15
  3. Hilfe bei PDF Dateien aus dem Content Bereich
    Von mlx im Forum Stellenangebote (entgeltlich)
    Antworten: 5
    Letzter Beitrag: 03.07.10, 15:41
  4. Content Bereich nach Bedarf größern
    Von emptynick im Forum CSS
    Antworten: 5
    Letzter Beitrag: 22.07.07, 11:27
  5. Scrollbar bei variablen Content/Menü-Bereich
    Von LuvShining im Forum CSS
    Antworten: 5
    Letzter Beitrag: 18.03.05, 15:44