Announcement

Collapse
No announcement yet.

Problem beim setzen einer variablen Breite

Collapse
X
  • Filter
  • Time
  • Show
Clear All
new posts

  • Problem beim setzen einer variablen Breite

    Hallo zusammen,

    ich habe ein Äußeres "div" (variable Breite), darin sollen ein linkes, ein zentriertes und ein rechtes "div" liegen.
    Die Breiten der linken und rechten "div"s sind fest. Das mittlere "div" soll sich nun der Größe des äußeren "div"s anpassen.

    Alle drei "div"s müssen innerhalb des äußeren "div"s liegen und dürfen nicht außerhalb positioniert sein. Außerdem darf weder das linke, noch das rechte "div" auf dem mittleren liegen, wegen halbtransparenten "png"s.

    Kann mir da bitte jemand einen Tip geben? Braucht ihr aktuelles Code dafür oder ist das Problem ausreichend beschrieben?

    Danke im Voraus für eure Hilfe.

  • #2
    Hallo BigManu,

    kleines Beispiel:
    HTML Code:
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="de" lang="de">
    <head>
      <title>Kleines Beispiel mit drei Spalten</title>
      <meta http-equiv="content-type" content="text/html; charset=ISO-8859-1" />
      <style type="text/css">
        #aussen       { border:3px solid red; }
        #innen_links,
        #innen_rechts { width:120px; }
        #innen_links  { float:left;border:3px solid green; }
        #innen_rechts { float:right;border:3px solid blue; }
        #innen_mitte  { border:3px solid yellow;margin-left:126px;margin-right:126px; }
      </style>
    </head>
    <body>
      <div id="aussen">
        <div id="innen_links">Hier ist Links</div>
        <div id="innen_rechts">Hier ist Rechts</div>
        <div id="innen_mitte">Hier ist die Mitte</div>
      </div>
    </body>
    </html>
    Gruß Falk
    Wenn du denkst du hast alle Bugs gefunden, dann ist das ein Bug in deiner Denksoftware.

    Quellcode ohne ein Mindestmaß an Formatierung sehe ich mir nicht an! Ich leiste keinen Privatsupport per Mail oder PN!

    Comment


    • #3
      Moin,

      einen Verbesserungsvorschlag hätte ich. Niemals Namen für id/class vergeben, die was mit dem Layout zu tun haben (Strikte Trennung von Inhalt und Layout). Wenn man das Layout mal ändern und die beiden äußeren Bereiche vertauschen will, hat man plötzlich ein Element "innen_links", das aber rechts floatet. Dann kann man entweder mit der unsinnigen Auszeichnung leben, oder aber man muss doch wieder an etlichen Stellen in den Code greifen. Das macht CSS dann komplizierter, als es nötig wäre.

      Gruß,
      -Efchen

      P.S.: Zur div-Suppe sag ich jetzt nichts, weil ja kein Inhalt angegeben war.

      Comment

      Working...
      X