zurück zur Startseite
  


Zurück XHTMLforum > (X)HTML und CSS > CSS
Seite neu laden Text nicht trennen

Antwort
 
LinkBack Themen-Optionen Ansicht
  #1 (permalink)  
Alt 14.10.2012, 12:27
Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 15.10.2005
Beiträge: 73
netinja befindet sich auf einem aufstrebenden Ast
Standard Text nicht trennen

Hallo,

Ich habe leider auch wieder ein Problem.

Ich habe rechts ein Bild und links davon einen Slogan und darunter nochmal Text. Slogan und Text sollen nur in ihrer Gesamtheit unter das Bild rutschen. Das erreiche ich mit display: table.

test-1

Damit aber jetzt bei schmalem Browserfenster der Text nicht endlos weit nach unten geht, sollen Slogan und Text getrennt herunterrutschen.

Wenn ich aber deswegen das div.slogan durch div.slogan und div.text ersetze,

Code:
<div class="slogan">
        <p><em><strong>"Hier kommt  <br>
        ein 3-zeiliger Slogan<br>
        der immer zentriert sein soll"</strong></em></p>
</div>
		
<div class="text">
        <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero et accumsan et iusto odio dignissim qui blandit praesent luptatum zzril delenit augue duis dolore te feugait nulla facilisi. Nam liber tempor cum soluta nobis eleifend option congue nihil imperdiet doming id quod mazim placerat facer possim assum. </p>
</div>
ist div.slogan nicht mehr über die volle verfügbare Breite zentriert.

test-2

Ich habe zusätzlich noch ein Bild gefertigt, wie es jetzt ist, und wie es werden soll:
http://netinja.ne.funpic.de/ask/text...ten/gesamt.png

Ich habe schon ewig herumprobiert, aber bekomme es nicht hin.
Bitte Hilfe.

LG
Netinja
Mit Zitat antworten
Sponsored Links
  #2 (permalink)  
Alt 14.10.2012, 12:32
Erfahrener Benutzer
XHTMLforum-Kenner
 
Registriert seit: 28.01.2005
Beiträge: 11.780
fricca kann auf vieles stolz seinfricca kann auf vieles stolz seinfricca kann auf vieles stolz seinfricca kann auf vieles stolz seinfricca kann auf vieles stolz seinfricca kann auf vieles stolz seinfricca kann auf vieles stolz seinfricca kann auf vieles stolz sein
Standard

display:table bringt shrink-to-fit mit.
Versuch's mal mit overflow.
Mit Zitat antworten
Sponsored Links
  #3 (permalink)  
Alt 14.10.2012, 12:58
Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 15.10.2005
Beiträge: 73
netinja befindet sich auf einem aufstrebenden Ast
Standard

Zitat:
Zitat von fricca Beitrag anzeigen
display:table bringt shrink-to-fit mit.
Versuch's mal mit overflow.
Hallo fricca,

Damit geht es leider auch nicht

Code:
.slogan,
.text {
    display: table;
    overflow: auto; 
    border: 1px solid;
}
Und wenn ich noch eine 100%-Breite dazugebe, rutscht der Slogan sofort unter das Bild, was natürlich auch nicht sein soll.
Hast du noch eine Idee?

LG
Netinja
Mit Zitat antworten
  #4 (permalink)  
Alt 14.10.2012, 13:00
Erfahrener Benutzer
XHTMLforum-Kenner
 
Registriert seit: 28.01.2005
Beiträge: 11.780
fricca kann auf vieles stolz seinfricca kann auf vieles stolz seinfricca kann auf vieles stolz seinfricca kann auf vieles stolz seinfricca kann auf vieles stolz seinfricca kann auf vieles stolz seinfricca kann auf vieles stolz seinfricca kann auf vieles stolz sein
Standard

Ohne display:table!
Mit Zitat antworten
  #5 (permalink)  
Alt 14.10.2012, 13:15
Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 15.10.2005
Beiträge: 73
netinja befindet sich auf einem aufstrebenden Ast
Standard

es funktioniert!!

Danke, danke danke!!


LG
Netinja
Mit Zitat antworten
Antwort

Themen-Optionen
Ansicht

Forumregeln
Es ist Ihnen nicht erlaubt, neue Themen zu verfassen.
Es ist Ihnen nicht erlaubt, auf Beiträge zu antworten.
Es ist Ihnen nicht erlaubt, Anhänge hochzuladen.
Es ist Ihnen nicht erlaubt, Ihre Beiträge zu bearbeiten.

BB-Code ist an.
Smileys sind an.
[IMG] Code ist an.
HTML-Code ist aus.
Trackbacks are an
Pingbacks are an
Refbacks are aus


Ähnliche Themen
Thema Autor Forum Antworten Letzter Beitrag
Wrapper wächst nicht mit, keine Floats maclady CSS 11 10.02.2010 17:30
Wachsende Container Andy CD CSS 13 10.02.2010 13:08
DIV bis GANZ unten burnZ CSS 5 27.07.2008 13:14
Helft mir. Ich habe voll die Leseschwäche nick CSS 12 15.01.2008 20:52
Problem mit div und Höhe deep4 CSS 2 13.11.2007 20:03


Alle Zeitangaben in WEZ +2. Es ist jetzt 12:00 Uhr.