Ein Div Container in dem 2 Weitere Drinn sind. Das beisst [Gelöst]

  • BlackPixel BlackPixe...
    Sternenflotten-Admiral
    0 x
    230 Beiträge
    3 Hilfreiche Beiträge
    27. 07. 2006, 08:16

    Also heute renn ich leider schon überall dagegen. #angry#

    Die einfachsten Sachen wollen nicht Glücken. Haut mich, schlagt mich, gebt mir Tiernamen, aber bitte, wo klemmts hier?

    [img]http://www.pc-reaktor.de/fehler.jpg[/img]

    Es gibt nen Container, in dem sind 2 weitere enthalten. der Erste ist der Hauptcontent, der 2. ist rightcontent. Verändert sich die Größe des 1. wandert der Footer nach unten. Prima. Nur leider wandert der Contentright auch nach unten. Er wird umgebrochen.

    Hier das HTML:

    [HTML]<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
    <html>
    <head>
    <title>Unbenanntes Dokument</title>
    <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">

    <link href="style.css" rel="stylesheet" type="text/css">
    </head>

    <body bgcolor="98A1B8">
    <div id="container">
    <div id="header">
    <div id="menu">
    <p>###main_menu###</p>
    <p>&nbsp;</p>
    <p>test</p>
    </div>
    </div>
    <div id="mainnav"></div>
    <div id="contentheader"></div>
    <div id="contents">
    <div id="content">
    <p>###main_content###</p>
    <p>&nbsp;</p>
    <p>TEXT </p>
    </div>
    <div id="content_right">###right_content###</div>
    </div>
    <div id="footer"></div>
    </div>

    </body>
    </html>
    [/HTML]

    und hier die CSS

    [HTML]body
    {

    }

    #container
    {
    position: absolute;
    width: 1016px;
    }

    #header
    {
    height: 222px;
    width: 1016px;
    background-image: url(head.jpg);
    background-repeat: no-repeat;
    background-position: 0 0;

    }

    #menu {
    height: 140px;
    width: 190px;
    top: 45px;
    left: 815px;
    position: relative;
    margin: 5px;

    }

    #contentheader
    {

    width: 1016px;
    height: 36px;
    background-image: url(head_1.jpg);
    background-repeat: no-repeat;
    background-position: 0 0;

    }

    #contents {

    width: 1016px;

    background-image: url(bg.jpg);
    background-position: 0 0;
    }

    #content {

    width: 760px;
    left: 20px;
    background-color: #FFF;
    }

    #content_right {
    position: relative;
    top: 0;
    width: 180px;
    left: 818px;
    background-color: #FFF;
    height: 95px;
    }

    #footer
    {

    width: 1016px;
    height: 34px;
    background-image: url(foot.jpg);

    }
    [/HTML]

    Die Contentright box soll natürlich Ihren Festen Platz haben. Das Gerüst ist zentriert.

    Ich hoffe es erbarmt sich jemand und zieht mich aus der Schlammpfütze raus. :o

    TYPO3 Slider Revolution: https://www.rutschmann.biz/extensions/typo3-slider-revolution/
    TYPO3 Layerslider Extension: http://www.rutschmann.biz/extensions/typo3-layerslider/
    TYPO3 Responsive Flipbook Extension: http://www.rutschmann.biz/extensions/typo3-responsive-flipbook/
    TYPO3 PayPal Download Checkout: http://www.rutschmann.biz/extensions/typo3-paypal-download/

    http://www.rutschmann.biz/
    ----------------------------------------------------
    Extbase, Fluid, HTML & CSS Development


  • 1
  • 1