2 divs immer gleiche höhe

Dieses Thema im Forum "Webdesign" wurde erstellt von »The Gr4ndp4, 14. Mai 2014 .

Schlagworte:
  1. Diese Seite verwendet Cookies. Wenn du dich weiterhin auf dieser Seite aufhältst, akzeptierst du unseren Einsatz von Cookies. Weitere Informationen
  1. #1 14. Mai 2014
    Hey,

    ich bin gerade dabei eine Seite für einen bekannten zu machen.

    Wie die Seite grob aufgebaut ist, seht ihr im Anhang.

    Mein Problem ist, das ich möchte, das sie left_box und die Middle_box, immer gleich hoch sind, und die höhe dadurch bestimmt wird, welche box mehr Inhalt hat.

    Ich gehe davon aus, das sie 2 divs ( left und middle ) einen Div brauchen, der diese beide umschliest, das wäre in meinen Fall der main div.

    Im Netz lese ich überall, das ich nur mit float:left arbeiten bräuchte, jedoch komme ich nie auf das Ergebniss was ich möchte.
    Derzeit hab ich es so geregelt das ich die höhe für jede Seite einfach fix im css defeniert habe, was ja auch eine lösung wäre.

    Jedoch möchte ich auf der Seite, aktuelles, immer neue News hinzufügen lassen, also kann ich der Seite keine fixe größe geben.
    Oder gibt es da noch andere Möglichkeiten.


    Link zur Seite: Olbert Werksvertretungen
     

    Anhänge:


  2. Anzeige
  3. #2 14. Mai 2014
    Zuletzt bearbeitet: 13. April 2017
  4. #3 14. Mai 2014
    AW: 2 divs immer gleiche höhe

    [g]mdn flexbox[/g]

    macht float:left/right und skripte zum angleichen der höhe von elementen überflüssig.
     
  5. #4 14. Mai 2014
    AW: 2 divs immer gleiche höhe

    du kannst z.B. auch padding und / oder margin der linken box unendlich groß machen und einfach der div außenrum sagen dass sie den overflow abschneiden soll.

    Beispiel:
    HTML:
    <style>
    #master{
     position: relative;
     border: 5px solid #FF0004;
     width: 800px;
     overflow: hidden;
    }
    #header{
     border: 5px solid #00F3FF;
     width: 790px;
    }
    #menu{
     border: 5px solid #5100FF;
     width: 290px;
     float: left;
     overflow: auto;
     padding-bottom:32767px;
     margin-bottom:-32767px;
    }
    #content{
     border: 5px solid #FF9E00;
     width: 490px;
     float: left;
    }
    </style>
    <div id="master">
     <div id="header">Header</div>
     <div id="menu">
     Menu
     </div>
     <div id="content">
     Content
     <br><br><br><br><br><br><br><br><br><br>blabla
     </div>
    </div>
    
     
  6. #5 15. Mai 2014
    AW: 2 divs immer gleiche höhe

    Danke schon mal für eure Antworten, ich werde mich morgen mal hinsetzen und alles durchgehen :)

    - - - - - - - - - - Beitrag zusammengefügt - - - - - - - - - -

    Hey,
    ich hab noch eine Frage, und zwar könnt ihr mir sagen, nach was ich suchen muss, wenn es darum geht, wachsenden Inhalt auf mehere Seiten zu verteilen?

    Also um so mehr Inhalt es wird, um so mehr Seite ( 1|2|3|4 .. )

    danke
     
  7. #6 15. Mai 2014
    AW: 2 divs immer gleiche höhe

    Ich würde mal fast behaupten dass es darauf ankommt wo du deine Inhalte her beziehst. Ich würds ja per PHP machen?
     
  8. #7 15. Mai 2014
    AW: 2 divs immer gleiche höhe

    Aus einer mysql Datenbank, ja bitte mit php :)
     

  9. Videos zum Thema
Die Seite wird geladen...
Similar Threads - divs immer gleiche
  1. Horizontal Liste von Divs

    fragl0r , 26. Oktober 2014 , im Forum: Webentwicklung
    Antworten:
    6
    Aufrufe:
    1.525
  2. Antworten:
    5
    Aufrufe:
    2.572
  3. Antworten:
    3
    Aufrufe:
    1.007
  4. [CSS] Layout mit divs

    Dr. Cox , 18. Juni 2011 , im Forum: Webdesign
    Antworten:
    4
    Aufrufe:
    1.219
  5. Antworten:
    7
    Aufrufe:
    447