[CSS] box tag rechts vom forum

Dieses Thema im Forum "Webdesign" wurde erstellt von .x-tra, 10. Februar 2009 .

Schlagworte:
Status des Themas:
Es sind keine weiteren Antworten möglich.
  1. 10. Februar 2009
    box tag rechts vom forum

    folgendes problem.
    ich hab nen phpbb forum am laufen, bzw. bastel grad an nem neuen style.
    und zwar keine feste größe sondern immer maximale breite.

    ich möchte aber nun von oben bis unten auf der rechten seite also am äußersten Rand eine 150px breite feste Spalte haben.

    ich weiß, muss das ganze mit float irgendwie machen.
    kann mir da jemand nen tip geben, also nen stückchen code?

    rausfinden, wo ichs einfügen muß, muss ich selber, ist klar, aber der teil html und css code, der von allem "rechts liegen gelassen wird" müsste ja gleich sein.
    achja und auch dynamisch, also diese spalte immer von ganz oben bis ganz unten reserviert, sollen paar menüs rein.


    wäre lieb wenn da jemand rat weiß...
     
  2. 10. Februar 2009
    AW: box tag rechts vom forum

    wenn deine page immer 100% haben soll, musst du dein menu nach rechts "floaten" und den rest mit nem margin nach links verschieben.

    so sieht das aus:
    HTML:
    <html>
     <head>
     <title>Test</title>
     <style type="text/css">
     /* <![CDATA[ */
     #menu {
     float: right;
     width: 150px;
     border: 1px solid #000;
     height: 200px;
     }
     
     #content {
     margin-right: 160px; /* a weng mehr als 150 damit abstand dazwischen is */
     border: 1px solid #000;
     height: 200px;
     }
     /* ]]> */
     </style>
     </head>
     <body>
     <div id="menu">
     Dein Menu
     </div>
     <div id="content">
     Dein Inhalt
     </div>
     </body>
    </html>
     
  3. 11. Februar 2009
    AW: box tag rechts vom forum

    aber wie bekomme ich die boxen denn nun in jedem fall bis zum ende der seite hin, auch wenn kein inhalt drin ist....

    da schaut hier...... die beiden menü boxen sollen immer bis ganz unten gehen.

    {bild-down: http://pict.cc/pics/1/0/f/32f569cc5432d80f1dfbee9753df9bca.jpg}
     
  4. 11. Februar 2009
    AW: box tag rechts vom forum

    HTML:
    <html>
     <head>
     <title>Test</title>
     <style type="text/css">
     /* <![CDATA[ */ 
     /* iefix - der braucht ein eltern-element um die höhe zu bestimmen */
     #overall {
     height: 100%;
     }
     
     #menu {
     float: right;
     width: 150px;
     border: 1px solid #000;
     height: 100%;
     }
     
     #content {
     margin-right: 160px;
     border: 1px solid #000;
     height: 100%;
     }
     /* ]]> */
     </style>
     </head>
     <body>
     <div id="overall">
     <div id="menu">
     Dein Menu
     </div>
     <div id="content">
     <p>Dein Inhalt</p>
     </div>
     </div>
     </body>
    </html>
    so und nu hopp hopp html lernen
     
  5. 12. Februar 2009
    AW: box tag rechts vom forum

    hab aus id jeweils class gemacht.
    kenn mich da nämlich nicht so aus, und das hatte nicht hingehauen....

    so nun kann doch geclosed werden.
     
  6. Video Script

    Videos zum Themenbereich

    * gefundene Videos auf YouTube, anhand der Überschrift.