Seite 1 von 2 12 LetzteLetzte
Ergebnis 1 bis 10 von 11

Thema: Alle Elemte gleiche Ausdehnung Horizontal

  1. #1
    Meister(in)
    Registriert seit
    27.03.2009
    Ort
    Berlin
    Beiträge
    278
    Danke
    0
    Bekam 0 mal "Danke" in 0 Postings

    Standard Alle Elemte gleiche Ausdehnung Horizontal

    Hallo zusammen,

    ich habe mich irgendwie total abgeschossen und weil ich garnicht mehr kann will ich nochmal ganz von vorne anfangen. Ich würde mich um rege Beteiligung freuen.

    Also wie folgt. Ich habe ein menu und daneben Inhalt.
    Im Inhalt sind unterschiedlich lange Elemente enthalten.
    Das längste Element soll jedoch die Breite vorgeben und alle anderen sollen sich genau so verhalten. Wenn ich also das Browserfenster kleiner mache soll der Rahmen des Inhaltes(hier grün) und die anderen Elemente nachziehen.

    Hier also mal meine testdatei:
    und für alle zum anschauen noch mal im Web

    Code:
    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
            "http://www.w3.org/TR/html4/loose.dtd">
    <html>
    <head>
    <style type="text/css">
    body {
    font-size: 15px;
    font-family: courier;
    }
    #menu {
    border: 1px solid grey;
    float: left;
    width: 8em;
    }
    #inhalt {
    border: 1px solid green;
    margin-left: 10em;
    }
    p{
    border: 1px dashed #aaa;
    }
    </style>
    <title>Testseite für die Schlauchsteherin</title>
    </head>
    <body>
       <div id="menu">
          <ul>
             <li>Punkt 1</li>
             <li>Punkt 2</li>
             <li>Punkt 3</li>
          </ul>
       </div>
    
       <div id="inhalt">
          <p>
             Hallo hier steht jetzt gaaaaaaaaaaaaaaz viel textHallo hier steht jetzt gaaaaaaaaaaaaaaaaaaaaaaz viel text
             HallohierstehtjetztgaaaaaaaaaaaaaaazvieltextHallohierstehtjetztgaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaazvieltext
             Hallo hier steht jetzt gaaaaaaaaaaaaaaz viel textHallo hier steht jetzt gaaaaaaaaaaaaaaaaaaaaaaz viel text
          </p>
          <p>
             Hallo hier steht jetzt gaaaaaaaaaaaaaaz viel textHallo hier steht jetzt gaaaaaaaaaaaaaaaaaaaaaaz viel text
             Hallo hier steht jetzt gaaaaaaaaaaaaaaz viel textHallo hier steht jetzt gaaaaaaaaaaaaaaaaaaaaaaz viel text
             Hallo hier steht jetzt gaaaaaaaaaaaaaaz viel textHallo hier steht jetzt gaaaaaaaaaaaaaaaaaaaaaaz viel text
             Hallo hier steht jetzt gaaaaaaaaaaaaaaz viel textHallo hier steht jetzt gaaaaaaaaaaaaaaaaaaaaaaz viel text
             Hallo hier steht jetzt gaaaaaaaaaaaaaaz viel textHallo hier steht jetzt gaaaaaaaaaaaaaaaaaaaaaaz viel text
             Hallo hier steht jetzt gaaaaaaaaaaaaaaz viel textHallo hier steht jetzt gaaaaaaaaaaaaaaaaaaaaaaz viel text
          </p>
    
          <p>Auch hier steht Text, aber nicht so viel wie vorher. Etwas weniger halt</p>
       </div>
    </body>
    </html>
    Ich bedanke mich schonmal in voraus.
    ---
    Eine verwirrte thilda
    Achtung: Dies ist ein alter Thread im HTML und Webmaster Forum
    Diese Diskussion ist älter als 90 Tage. Die darin enthaltenen Informationen sind möglicherweise nicht mehr aktuell. Erstelle bitte zu deiner Frage ein neues Thema im Forum !!!!!

  2. #2
    Kaiser(in)
    Registriert seit
    24.04.2006
    Ort
    Ludwigshafen
    Beiträge
    2.720
    Danke
    0
    Bekam 0 mal "Danke" in 0 Postings

    Standard AW: Alle Elemte gleiche Ausdehnung Horizontal

    Das funktioniert doch so.
    Du musst lediglich dem Text eine Chance geben, damit er auch umbrechen kann.
    Füge mal in die gaaaaanz langen "Wörter" ein paar Leerzeichen ein, dann sollte es klappen.

  3. #3
    Meister(in)
    Themenstarter

    Registriert seit
    27.03.2009
    Ort
    Berlin
    Beiträge
    278
    Danke
    0
    Bekam 0 mal "Danke" in 0 Postings

    Standard AW: Alle Elemte gleiche Ausdehnung Horizontal

    Ziehl dieser Übung sollte ja aber sein das der Inhalt immer die gleiche Breite hat. Es soll also ein scrollbalken entstehen.
    Und es soll ebend nicht umgebrochen werden.

  4. #4
    Kaiser(in)
    Registriert seit
    24.04.2006
    Ort
    Ludwigshafen
    Beiträge
    2.720
    Danke
    0
    Bekam 0 mal "Danke" in 0 Postings

    Standard AW: Alle Elemte gleiche Ausdehnung Horizontal

    Dann musst du dem #inhalt einen Breitenwert zuweisen. Z.B.
    Code:
    #inhalt {width: 30em;}

  5. #5
    Meister(in)
    Themenstarter

    Registriert seit
    27.03.2009
    Ort
    Berlin
    Beiträge
    278
    Danke
    0
    Bekam 0 mal "Danke" in 0 Postings

    Standard AW: Alle Elemte gleiche Ausdehnung Horizontal

    Ok, das funktioniert.

    Jetzt setze ich noch einen drauf und gebe dem Inhalt einen position: fixed; sowie eine feste höhe. Überfließenden Inhalt fange ich mit overflow: auto; ab.

    Hier nun das nächste Problem.
    Ich mache also mein Browserfenster wieder kleiner und kann nun nicht mehr nach links scrollen weil es mir nicht angeboten wird.
    Hatte das vorher auch schonmal mit min-width...

    Wie komme ich nun zu meinem Scrollbalken für die Horizontale?

    Hier das Anschauungsmaterial

  6. #6
    Kaiser(in)
    Registriert seit
    24.04.2006
    Ort
    Ludwigshafen
    Beiträge
    2.720
    Danke
    0
    Bekam 0 mal "Danke" in 0 Postings

    Standard AW: Alle Elemte gleiche Ausdehnung Horizontal

    Lass das position: fixed weg, dann kannst du auch scrollen.

    Unabhängig davon verstehe ich den Sinn dieser Übung nicht ganz: Jeder Browser bietet Scrollbalken an, wenn Bedarf dazu besteht.
    Scrollbalken innerhalb einer Seite wirken sich nach meinem persönlichen Geschmack nur störend auf das Gesamtlayout aus.

  7. #7
    Meister(in)
    Themenstarter

    Registriert seit
    27.03.2009
    Ort
    Berlin
    Beiträge
    278
    Danke
    0
    Bekam 0 mal "Danke" in 0 Postings

    Standard AW: Alle Elemte gleiche Ausdehnung Horizontal

    Das position: fixed; soll ja da hin da der inhalt in dem div fest stehen soll. Denn wenn ich nach rechts scrolle verschwindet mein Menu und das soll ja nicht sein.

  8. #8
    Kaiser(in)
    Registriert seit
    24.04.2006
    Ort
    Ludwigshafen
    Beiträge
    2.720
    Danke
    0
    Bekam 0 mal "Danke" in 0 Postings

    Standard AW: Alle Elemte gleiche Ausdehnung Horizontal

    Da sollstest du doch aber besser das Menue fixieren (?)

  9. #9
    Meister(in)
    Themenstarter

    Registriert seit
    27.03.2009
    Ort
    Berlin
    Beiträge
    278
    Danke
    0
    Bekam 0 mal "Danke" in 0 Postings

    Standard AW: Alle Elemte gleiche Ausdehnung Horizontal

    Wo du recht hast, hast du recht... ich sag ja. stehe irgendwie aufn schlauch.
    Probier ich doch morgen, wenn ich zu hause bin gleich mal aus. danke für den denkanstoß.

    Ich hoffe das wars jetzt.

  10. #10
    Kaiser(in)
    Registriert seit
    24.04.2006
    Ort
    Ludwigshafen
    Beiträge
    2.720
    Danke
    0
    Bekam 0 mal "Danke" in 0 Postings

    Standard AW: Alle Elemte gleiche Ausdehnung Horizontal

    Ich glaube du verkomplizierst das alles etwas.
    Nimm doch einfach ein fixes Layout mit festen Breiten (hast du ja schon) und bemesse die Gesamtbreite so, dass damit die Seite auf "vermeintlich" vielen Bildschirmen komplett angezeigt wird, zumindest in der Breite.
    "Vermeintlich" deshalb, weil du nie weißt, wie breit die jeweiligen Bildschirmfenster sind.
    Ich denke mit einer Gesamtbreite von ca. 900-1000px sollte das in den überwiegenden Fällen funktionieren.

Ähnliche Themen

  1. horizontal
    Von radeon55 im Forum HTML & CSS Forum
    Antworten: 2
    Letzter Beitrag: 09.07.2008, 13:22
  2. div boxen auf gleiche höhe
    Von minder im Forum HTML & CSS Forum
    Antworten: 7
    Letzter Beitrag: 15.06.2008, 22:55
  3. Objektasurichtung (Vertikal & Horizontal)
    Von OGT24 im Forum HTML & CSS Forum
    Antworten: 1
    Letzter Beitrag: 02.08.2007, 03:45
  4. 3 divs horizontal zentreiren
    Von Linuxguru im Forum HTML & CSS Forum
    Antworten: 1
    Letzter Beitrag: 24.01.2006, 11:40
  5. Gleiche Größe für alle Thumbnails
    Von MarkusDerUnwissende im Forum HTML & CSS Forum
    Antworten: 8
    Letzter Beitrag: 21.06.2005, 20:35

Stichworte

Berechtigungen

  • Neue Themen erstellen: Nein
  • Themen beantworten: Nein
  • Anhänge hochladen: Nein
  • Beiträge bearbeiten: Nein
  •