UL-Listenmarkierungsdesign-Webseite mit mehrspaltigem Layout_HTML/Xhtml_Webseitenproduktion

Ich habe vor ein paar Tagen plötzlich an diese Methode gedacht, als ich ein dreispaltiges Layout mit CSS geschrieben habe. Diese Idee kommt mir etwas verrückt vor. Wenn etwas daran nicht stimmt, können Sie mir gerne einen Rat geben.
Wenn ich ein dreispaltiges Layout schreiben muss, verwende ich normalerweise die folgende DIV-Layoutmethode:
Abbildung 1 DIV-Layout
Die Verwendung einer solchen Verschachtelungsmethode kann zweifellos die Wahrscheinlichkeit von Codefehlern erheblich verringern, gleichzeitig ist ein solches Layout jedoch auch etwas kompliziert und für die spätere Wartung etwas unpraktisch. Eine Methode, die wir beim Layouten der Navigation häufig verwenden, ist die Verwendung von

-Listen für das Layout. Die Navigation kann als mehrspaltiges Layout beschrieben werden.
Abbildung 2 DIV-Layout
Dies ist ein Layout mit fester Breite, was bedeutet, dass es noch nicht sehr flüssig ist. Ich werde es noch einmal versuchen, wenn ich Zeit habe:

ldquo;-//W3C//DTD XHTML 1.0 Transitional//EN” “http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd”>




* {margin:0; padding:0;}
body {width:100%;
height:100%;background:#ddedfb;
}
#mainContent {
width:600px;
margin:10px auto;
}
#header,#footer {
background:#8AC7FA;
height:80px;
clear:both;
}
• #footer {
clear:both;
padding-top:10px;
• }
  #content {
  height:300px;
  margin:10px auto;
  • }
  #content ul {
  list-style:none;
  • height:100%;
  }
  #content ul li {
  width :150px;
  height:100%;
background:#8AC7FA;
float:left;
• }
#content ul li#li2 {
width:280px;
margin:0 10px;
}
#content ul li#li2 ul li {
width:270px;
height:140px;
margin:5px;
background:#0581F0 ;
}


Das ist der KopfDas ist die linke SeiteDas ist der obere Teil in der MitteDas ist der untere Teil in der Mitte Das ist die rechte SeiteDas ist die Unterseite Dieser Code kann unter IE7 und FF3 normal angezeigt werden. Andere Browser wurden nicht getestet. Wenn Sie eine bessere Methode haben, schlagen Sie sie bitte vor.