• Jetzt anmelden. Es dauert nur 2 Minuten und ist kostenlos!

[ERLEDIGT] Responsive - Text fließt aus DIV

s_a_r_a_h

Neues Mitglied
Hallo liebe Forenmitglieder,
ich habe hier ein kleines Problem: In einer responsiven Seite die bisher einwandfrei funktioniert möchte ich ein Div mit Hintergrundbild einfügen, in dem Ein Bild links, ein Text rechts und ein Button rein soll.

Bisher sieht das div mit Hintergrund sehr gut aus, ebenfalls das Bild auf der linken Seite des Divs. Nur der Text fließt aus dem Div hinaus, habe schon etliche Sachen ausprobiert...ich bekomme es nicht hin. in der id #inhalt steht nur für jeweilige Größe angepasst Schriftgröße und Padding.

Vielen Dank schonmal.

HTML:
 <div style="
         background-image:url(images/hg_gbild.png); 
         background-repeat:no-repeat; 
         width:80%;   
         background-size:100%;
         margin-left:9.3%; 
         height:281px; 
         margin-top:5%;">
    
    
    
     <div id="inhalt" style=" ">
       <img src="images/screenshot.gif" alt=" " width="30%" style="float:left; margin-right:2%;"> 
           <div>
              <strong>LOREM IPSUM</strong><br>
     
    
                    Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut          labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. 
 
        </div>
   </div>
    
</div>
 
Werbung:
Hallo Sarah,

du könntest ja dem #inhalt noch den Wert overflow: hidden oder overflow: scroll geben, dadurch würde der Text nicht mehr aus dem div hinausfließen.
 
Bei hidden wird es abgeschnitten und bei scroll...naja Scrollbalken halt. Problem ist ich könnte es einfach auch mit <br> lösen. Möchte ich aber nicht, da das DIV wiederholt wird und mit anderen Inhalten gefüllt wird. Danke für deine Antwort.
 
Werbung:
Aso okay verstehe jetzt...
Hast du deiner Box eine Breite gegeben? Sonst nimmt sie sich so viel Platz wie sie eben braucht
 
Habe ich getan, max-width:850px, width:100%. komisch ist das es relativ weit oben im code normal angezeigt wird und ein paar zeilen weiter unten dieser fehler auftritt. Dazwischen ist nichts geschrieben was dieses Div so beeinflussen kann. Vllt als info dazu ich arbeite mit Dreamweaver CC. Da gab es seit kurzen ein update oder so da habe ich nun cc und cc2014 2 versionen auf einmal drauf. im Header steht wenn ich HTML5 eingebe nicht weiter nur (<!doctype html>) und sonst nehme ich html 4.1 transitional....hab ich beides versucht...gleicher fehler..
 
ich muss noch dazu schreiben...in den kleinen Anzeigeformaten und in den großen Formaten(Desktop) habe ich verschiedene Menüs und Button. Die je nach Funktionalität ein und ausgeblendet werden. Das passiert in einer externen css Datei mit display:none; und display:block; ----das funktioniert einwandfrei... kann das aber dieses Problem verursachen?
 
Werbung:
Habe es selbst geschafft. Danke für die Hilfe Kaspar. Problem war: ich habe einige Zeilen darüber eine Reihe Bilder mit <br> dazwischen gehabt. Die habe ich ganz unprofessionell in eine TAbelle innerhalb eines Divs gepackt. ...siehe da der Text.....
der damit eigentlich nichts zu tun hat, ... ist dahin gerutscht wo er hin soll..und das auch noch in allen Browsern die ich hier habe.
 
Ah okay schön^^
Hatte schon vermutet, dass der Fehler in den Zeilen dazwischen war, kann anders ja auch fast nicht sein wenn es oben funktioniert und unten (nach den bösen Zeilen ;)) nicht mehr.
 
Meine Nerven waren nach fast drei Tagen runter....hab jetzt erstmal ne ganze Packung Schoki weggenascht!
 
Werbung:
Zurück
Oben