CSS/Layer: Height-Problem

Diese Seite verwendet Cookies. Durch die Nutzung unserer Seite erklären Sie sich damit einverstanden, dass wir Cookies setzen. Weitere Informationen

  • CSS/Layer: Height-Problem

    Ich habe 3 Layer nebeneinander, Layer 1 und Layer 3 als Navis, Layer 2 als Platz für Inhalt.

    1. Problem: Wenn jetzt in Layer 1 oder 3 mehr Text steht als in den anderen beiden, wird ein Teil des Texts außerhalb des Layers angezeigt.
    2. Problem: Dasselbe, nur dass hier in Layer 2 mehr Text steht und dieser quasi "überschwappt".

    Ich hab schon allen 3 Layern "height: 100%" zugewiesen, im IE löst das auch beide Probleme, aber im Mozilla nur ersteres. Wie kann ich beide Probleme browserkompatibel lösen?
  • das prob liegt wahrscheinlich daran, dass du deine layer nicht uebergeordneten elternelemente drinnen hast!! deshalb weiss mozilla nicht auf was es die 100% anwenden soll!! schick mir mal die html und css datei per mail oder wenn nicht all zu gross poste es hier...andere wirds vielleicht auch interessieren!!
    werd's mir anschauen!!

    ceeyaa.mex
  • Bitteschön:

    CSS (Ausschnitt):

    Quellcode

    1. /* LAYER & TABELLEN */
    2. #links {
    3. position: absolute;
    4. left: 0px;
    5. width: 190px;
    6. color: #564b47;
    7. margin: 0px;
    8. padding: 0px;
    9. }
    10. #inhalt {
    11. margin: 0px 190px 0px 190px;
    12. border-left: 2px solid #564b47;
    13. border-right: 2px solid #564b47;
    14. padding: 0px 0px 20px 0px;
    15. background-color: #ffffff;
    16. }
    17. #rechts {
    18. position: absolute;
    19. right: 0px;
    20. width: 190px;
    21. color: #564b47;
    22. margin: 0px;
    23. padding: 0px;
    24. }
    Alles anzeigen


    HTML:

    HTML-Quellcode

    1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
    2. "http://www.w3.org/TR/2000/REC-xhtml1-20000126/DTD/xhtml1-transitional.dtd">
    3. <html xmlns="http://www.w3.org/1999/xhtml">
    4. <head>
    5. <title>Home</title>
    6. <link href="style.css" rel="stylesheet" type="text/css">
    7. </head>
    8. <body>
    9. <div id="links">
    10. // php includes
    11. </div>
    12. <div id="rechts">
    13. // Ein paar includes
    14. </div>
    15. <div id="inhalt">
    16. // Und noch ein paar includes
    17. </div>
    18. </body>
    19. </html>
    Alles anzeigen