[CSS] Tabellenlayout VS CSS

Dieses Thema im Forum "Webdesign" wurde erstellt von joop, 1. Dezember 2009 .

  1. 1. Dezember 2009
    Tabellenlayout VS CSS

    Also ich habe eine neue Idee für ein Design, aber bei mir hapert es immer an der Umsetzung nur mit CSS

    Mit Tabellen würde das ganze so aussehen

    Code:
    <table align=center" width="800px" border="1" cellpadding="5px" cellspacing="2">
     <tr>
     <td height="80px" colspan="3">HEADER</td>
     <td rowspan="2">LOGIN</td>
     </tr>
     <tr>
     <td colspan="3" height="60px">NAVIGATION NAVIGATION NAVIGATION NAVIGATION</td>
     </tr>
     <tr>
     <td>NEWSTICKER I</td>
     <td>NEWSTICKER II</td>
     <td>NEWSTICKER III</td>
     <td>NEWSTICKER VI</td>
     </tr>
     <tr height="500px">
     <td colspan="3">CONTENT</td>
     <td width="150px">KUNDENBWERTUNGEN</td>
     </tr>
     <tr>
     <td colspan="3">FOOTER - MINIMAL CMS UND SO COPYRIGHT BLABLA</td>
     <td colspan="3">FOOTERNAVI</td>
     </tr>
    </table>
    Aber wie genau würde das dann als CSS Layout aussehen? Kann mir wer Tipps geben, ob man das irgendwoher ableiten kann, wie das in CSS aussehen muss?

    Kann mir wer helfen und mir diese Tabelle als CSS Layout schreiben?
     
  2. 1. Dezember 2009
    AW: Tabellenlayout VS CSS

    Hätte es so in etwa gemacht:
    HTML:
    <html><head>
    <style type="text/css">
     #content {
     width:800px;
     height:500px;
     background-color:red;
     }
     
     #box_head {
     float:left;
     }
     
     #login {
     height:80px;
     width:200px;
     float:left;
     background-color:green;
     }
     
     #header {
     height:40px;
     width:600px;
     background-color:yellow;
     }
     
     #nav {
     height:40px;
     width:600px;
     background-color:grey;
     }
    </style>
    </head><body>
    
    <div id="content">
     <div id="box_head">
     <div id="header">HEADER</div>
     <div id="nav">NAAAAAAAVI</div>
     </div>
     <div id="login">LOGIN</div>
    </div>
    
    </body></html>
    
    Und so weiter halt

    MfG
     
  3. 1. Dezember 2009
    AW: Tabellenlayout VS CSS

    ich würde die css entsprechend einbinden. Dann ist der Code schön sauber und übersichtlich.

     
  4. 1. Dezember 2009
    AW: Tabellenlayout VS CSS

    Danke sQuiD aber das krieg ich dann auch noch selber hin, aber immer wenn ich ein Layout in CSS mache will das nicht so wie ich das will
     
  5. 1. Dezember 2009
    AW: Tabellenlayout VS CSS

    Hab ich mir schon fast gedacht

    Ich nutze generell Dreamweaver. Dort kannst Du die Css Files wunderbar mit erstellen. Weiterhin gibt es doch auch Tools, welche Dir die Arbeit abnehmen.
     
  6. Video Script

    Videos zum Themenbereich

    * gefundene Videos auf YouTube, anhand der Überschrift.