Anzeige

Layout verschiebt sich

Layout verschiebt sich | PSD-Tutorials.de

Erstellt von firewoman, 01.12.2009.

  1. firewoman

    firewoman Nicht mehr ganz neu hier

    Dabei seit:
    03.03.2008
    Beiträge:
    102
    Geschlecht:
    weiblich
    Software:
    CS4
    Kameratyp:
    canon eos 7d
    Layout verschiebt sich
    Hallo,

    versuche gerade eine Webseite aufzubauen,
    nun habe ich das Problem, das mir zwischen Navi und Footer immer ein paar Pixel dargestellt werden, obwohl ich padding und margin auf 0 gesetzt habe, kann mir jemand weiterhelfen?
    Finde einfach den Fehler nicht.
    hier mal der Quellcode:
    <head>
    <link rel="stylesheet" type="text/css" href="css.css" />
    <link rel="stylesheet" type="text/css" href="css/content.css" />
    <link rel="stylesheet" type="text/css" href="css/navigation.css" />
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title>---</title>
    <style type="text/css">
    <!--
    .Stil4 {
    color: #BFF200
    }
    -->
    </style>
    </head>

    <div id="content">
    <br />
    <br />
    <br />
    </div>
    </div>
    </div>

    <body>

    <div id="layout">
    <div id="header">
    <div id="header-center"> </div>
    </div>
    <div id="container">
    <div id="navi">
    <div align="center"></div>

    <table width="723" height="48" border=0 cellpadding=0 cellspacing=0>

    <tr>

    <td align="center" width="100"><a href="#" class="Stil4">Home</a></td>

    <td width="20">&nbsp;</td>



    <td align="center" width="100"><a href="#" class="Stil4">über uns</a></td>

    <td width="20">&nbsp;</td>

    <td align="center" width="100"><a href="#" class="Stil4">unsere Angebote</a></td>

    <td width="20">&nbsp;</td>

    <td width="100" align="center" class="Stil4"><a href="#" class="Stil4">Kontakt</a></td>

    <td width="20">&nbsp;</td>
    <td align="center" width="100"><a href="#" class="Stil4">Impressum</a></td>

    <td width="20">&nbsp;</td>
    </tr>


    </table>



    </div>

    <div id="container-center">
    <div id="content">


    <p>&nbsp;</p>
    <p>&nbsp;</p>
    <p>&nbsp;</p>
    <p>&nbsp;</p>
    <p>&nbsp;</p>
    <p>&nbsp;</p>
    <p>&nbsp;</p>
    <p>&nbsp;</p>
    <p>&nbsp;</p>
    <p>&nbsp;</p>
    <p><br />
    </p>
    </p>
    </div>
    </div>


    <div id="footer">
    <div id="footer-center"> </div>
    <div id="footer-content">
    <p>© Copyright 2009 - by <a href="http://www.wege-der-stimme.info"
    target="_blank">wege-der-stimme.info</a></p>
    </div>
    </div>
    </div>

    </body>
    </html>
    und hier noch die css

    body {
    padding:0;
    margin:0;
    background-color:#737373;
    color:#707070;
    font: 90% Verdana, "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans",
    "Lucida", "Trebuchet MS", "Times New Roman", "Bitstream Vera Sans", sans-serif;
    text-align: center;
    }

    #layout {
    margin:0;
    padding:0;
    background-color:#ffffff
    }


    #header {
    margin:0;
    padding:0;
    height:185px;
    background: #ffffff url(images/header_bg.jpg) repeat-x;
    margin-left: auto;
    margin-right: auto;
    }


    #header-center {
    width:793px;
    height:185px;
    background: #ffffff url(images/header.jpg);
    background-position: 0px 0px;
    margin-left: auto;
    margin-right: auto;
    }

    #container {
    width: 793px;
    margin: 0 auto;
    padding: 0;
    }

    #container-center {
    margin: 0 0 0 0;
    padding: 0 0 0 0;
    text-align:left;
    width:793px;
    background-image:url(images/content_bg..jpg);
    background-repeat:repeat-y;
    background-position: 0px 0px;
    margin-left: auto;
    margin-right: auto;
    padding-top: 0;
    margin-top:0;
    }

    #footer {
    padding: 0;
    margin:0 auto;
    background: #737373 url(images/footer_bg.jpg) repeat-x ;
    }

    #footer-center {
    width:793px;
    height:108px;
    text-align:center;
    margin: 0 auto;
    padding: 0;
    background: #737373 url(../images/footer.jpg) no-repeat 50% 0;
    }

    #footer-content {
    font: 70% Verdana, "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans",
    "Lucida", "Trebuchet MS", "Times New Roman", "Bitstream Vera Sans", sans-serif;
    color:#ffffff;
    margin: 0 auto;
    width:793px;
    text-align:center;
    }
    #footer-content a:link, #footer-content a:visited {
    font: 100% Verdana, "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans",
    "Lucida", "Trebuchet MS", "Times New Roman", "Bitstream Vera Sans", sans-serif;
    color:#ffffff;
    text-decoration:none;
    }
    #footer p {
    text-align:center;
    }
    #navi {

    font-family: Verdana, Arial, Helvetica, sans-serif;
    height: 50px;
    width: 793px;
    list-style: none;
    background-image:url(images/navi.jpg);
    background-repeat: no-repeat;
    padding: 0;
    margin: 0;


    }

    #content {
    width:793px;
    margin:0 auto;
    padding:0;
    }
     
    #1      
  2. sokie

    sokie Mod | Web

    Dabei seit:
    23.03.2008
    Beiträge:
    5.338
    Geschlecht:
    männlich
    Ort:
    Bünde NRW
    Software:
    <br>COREL <br> Texteditor
    Layout verschiebt sich
    AW: Layout verschiebt sich

    wasist denn das überhaupt? bitte vollständigen code posten, mit solchen Ausschnitten kann man doch nichts anfangen...
    Beispiel
    HTML:
    1.  
    2. <title>---</title>
    3. <style type="text/css">
    4. <!--
    5. .Stil4 {
    6.    color: #BFF200
    7. }
    8. -->
    9. </head>
    10.  
    11. <div id="content">
    12. <br />
    13. <br />
    14. <br />
    15. </div>
    16. </div>
    17. </div>
    18.  
    19.  
    20. <div id="layout">
    21. <div id="header">
    22. <div id="header-center"> </div>
    23. </div>
    24. <div id="container">
    25. <div id="navi">
    26.   <div align="center"></div
    27.  
    da wir der Head geschlossen, und es geht mit code weiter, ohne, dass es einen öffnenden body gibt. dann wird ein div Element geöffnet aber drei geschlossen...
    bitte "code" bzw "html" bereiche benutzen, Code aufräumen etc...

    kutsche ->
     
    Zuletzt bearbeitet: 01.12.2009
    #2      
x
×
×