kostenloser Webspace werbefrei: lima-city

Text springt aus Div Container

lima-city → Forum → Die eigene Homepage → HTML, CSS & Javascript

1. Autor dieses Themas

   marvinkleinmusic

   

   marvinkleinmusic hat kostenlosen Webspace.

   13:46, 29.3.2014

   Hallo Zusammen!
   
   
   Ich habe ein kleines Problems bezüglich Inhalt meines Div Containers.
   Ich arbeite bei dem Container mit 2 verschiedenen CSS anweisungen, einmal für Mobil und einmal Desktop.
   
   Das ganze lasse ich per @media only screen geschehen.
   

   /* Mobile */
   @media only screen and (max-width: 949px) {
   header{
   background-color:#3e71ef;
   width:100%;
   height:12%;
   text-align:center;
   }
   #content{
   background-color:#fff;
   width:100% !important;
   min-height:80%;
   height:auto !important;
   text-align:center;
   }
   footer{
   background-color:#3e71ef;
   width:100%;
   height:8%;
   text-align:center;
   color:#fff;
   
   
   }
   
   
    }
    /* Desktop */
    @media only screen and (min-width: 950px) {
   header{
   background-color:#3e71ef;
   width:100%;
   height:7%;
   text-align:center;
   }
   #content{
   background-color:#fff;
   width:100% !important;
   min-height:88%;
   height:auto !important;
   text-align:center;
   }
   footer{
   background-color:#3e71ef;
   width:100%;
   height:5%;
   text-align:center;
   color:#fff;
   
   }
   .copyright{
   padding-top:2px;
   }	
    }

   
   
   Nun habe ich jetzt einen Text der Die Zeile sprengt (200x a nebeneinander).
   Dieser soll aber am ende des 100% Div Containers einfach einen Zeilenumbruch in die nächste Zeile erhalten und nicht einfach rechts aus der Seite rausgehen.
   
   Das Problem konnte ich bei der Höhe so lösen:
   

   min-height:88%;
   height:auto !important;

   
   
   Aber bei der Breite ist es mir noch ein Rätsel wie das Funktioniert.
   
   Vielleicht weis ja jemand von euch weiter und kann mir bei diesen Problem helfen.
   
   LG
   

2. Diskutiere mit und stelle Fragen: Jetzt kostenlos anmelden!

   lima-city: Gratis werbefreier Webspace für deine eigene Homepage

3. mein-wunschname

   mein-wunschname hat kostenlosen Webspace.

   14:27, 29.3.2014

   Also du hast
   
   aaaa
   
   200 x hintereinander, ohne Leerzeichen dazwischen?
   
   Dann funktioniert der Zeilenumbruch nicht und der div-Container wird immer größer. Probiere dann mal die CSS-Anweisung
   
   

   word-wrap:break-word;

   
   
   Dies erzeugt auch mitten im Wort einen Umbruch.
   
   Oder du schneidest einfach ab mit
   
   

   overflow:hidden

   
   
   Beitrag zuletzt geändert: 29.3.2014 14:28:11 von mein-wunschname
4. Autor dieses Themas

   marvinkleinmusic

   

   marvinkleinmusic hat kostenlosen Webspace.

   18:40, 29.3.2014

   Uhi die word-wrap Funktion kannte ich noch garnicht! Vielen dank! :)

5. Diskutiere mit und stelle Fragen: Jetzt kostenlos anmelden!

   lima-city: Gratis werbefreier Webspace für deine eigene Homepage

Dir gefällt dieses Thema?