Anzeige PRoblem
lima-city → Forum → Die eigene Homepage → HTML, CSS & Javascript
bescheuert aussehen
bestimmten anzahl
besucher
bewegen
bild
boxen
buchstabe
ding
element
gegenfrage
langen text
langes wort
leiste
problem
quellcode
realisieren
teil
text
wort
zwang
-
Hey Liebes Forum,
ich habe ein kleines Problemchen mit meinem Quellcode.
Unzwar mein Text geht über meine divs oder p's hinaus.
Vorschau:
http://nwage.lima-city.de/m2ds/
und mein Quellcode (Alles in einem Zusammen)
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>Startseite</title> </head> <style> body { background-image:url(images/background.png); text-align:left; } div#site { border:1px solid #000; width:960px; } div#top { width:960px; height:187px; } div#banner { width:960px; height:150px; background-image:url(images/index_01.png); } div#navigation { width:960px; height:32px; background-image:url(images/index_02.png); } div#xyz { width:960px; height:5px; background-image:url(images/index_06.png); } div#center { min-height:500px; background-image:url(images/index_03.png); width:960px; } div.cc { float:left; } div#content { width:770px; min-height:200px; margin-left:5px; margin-right:5px; margin-top:3px; margin-bottom:4px; } div#sidebar { width:165px; margin-left:3px; margin-right:10px; margin-top:3px; margin-bottom:4px; } div.sidebar { background-image:url(images/index_05.png); width:165px; height:250px; max-height:250px; background-repeat:no-repeat; } p.side_bar_title { line-height:40px; height:43px; max-height:43px; margin:0px; padding:0px; } p.side_bar_content { line-height:30px; max-height:212px; height:212px; margin:0px; padding:0px; } div#bottom { width:960px; background-image:url(images/index_04.png); height:40px; } div#footer { line-height:45px; } </style> <body marginheight="0" marginwidth="0" > <center> <div id="site"> <div id="top"> <div id="top_navigation"> </div> <div id="banner"> </div> <div id="navigation"> </div> <div id="xyz"> </div> </div> <div id="center"> <div class="cc"> <div id="content" style=" border:1px solid #FFC;" class="cc"> aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa </div> <div id="sidebar" class="cc"> <div id="login_side" class="sidebar"> <p class="side_bar_title"> aaa </p> <p class="side_bar_content"> LalalaaaaLalalaaaaLalalaaaaLalalaaaaLalalaaaaLalalaaaaLalalaaaaLalalaaaaLalalaaaaLalalaaaaLalalaaaaLalalaaaaLalalaaaaLalalaaaaLalalaaaaLalalaaaaLalalaaaaLalalaaaaLalalaaaaLalalaaaaLalalaaaaLalalaaaaLalalaaaaLalalaaaaLalalaaaaLalalaaaaLalalaaaaLalalaaaaLalalaaaaLalalaaaaLalalaaaaLalalaaaaLalalaaaaLalalaaaaLalalaaaaLalalaaaaLalalaaaaLalalaaaaLalalaaaaLalalaaaaLalalaaaaLalalaaaaLalalaaaaLalalaaaaLalalaaaaLalalaaaaLalalaaaaLalalaaaaLalalaaaaLalalaaaaLalalaaaaLalalaaaaLalalaaaaLalalaaaaLalalaaaaLalalaaaaLalalaaaaLalalaaaaLalalaaaaLalalaaaaLalalaaaaLalalaaaaLalalaaaaLalalaaaaLalalaaaaLalalaaaaLalalaaaaLalalaaaaLalalaaaaLalalaaaaLalalaaaaLalalaaaaLalalaaaaLalalaaaaLalalaaaaLalalaaaaLalalaaaaLalalaaaaLalalaaaaLalalaaaaLalalaaaaLalalaaaaLalalaaaaLalalaaaaLalalaaaa </p> </div> </div> </div> </div> <div id="bottom"> <div id="footer"> Tesst </div> </div> </div> </center> </body> </html>
Ich hab schon in GOogle recherchiert aber kam nicht zu ner genauen Lösung und wollt hier nochmal nachfragen.
Freue mich auf eure Antworten
LiebeN Gruß
Beitrag zuletzt geändert: 16.12.2010 21:55:06 von nwage -
Diskutiere mit und stelle Fragen: Jetzt kostenlos anmelden!
lima-city: Gratis werbefreier Webspace für deine eigene Homepage
-
Gegenfrage:
Was soll den passieren wenn der Text über die Box(en) hinausgeht?
-Soll der Text dann zwangs-umgebrochen weren?
-oder die Box vergrößert werden?
-oder der Überstehende Teil verborgen werden?
-oder eine Scroll-leiste angezeigt werden?
Und:
Kommt dort nur Text vor oder auch andere Elemente? (Bilder,Tabellen u.ä.)
z.B. ein Bild "umzubrechen" dürfte nicht nur bescheuert aussehen sondern auch (mit css) unmöglich zu realisieren sein.
Ist in #Content übrigens nur Text, halte ich es für sehr unwahrscheinlich das Du je ein so langes Wort haben wirst (Wörter werden an Leerzeichen umgebrochen)
-
simuliertes schrieb:
Gegenfrage:
Was soll den passieren wenn der Text über die Box(en) hinausgeht?
-Soll der Text dann zwangs-umgebrochen weren?
-oder die Box vergrößert werden?
-oder der Überstehende Teil verborgen werden?
-oder eine Scroll-leiste angezeigt werden?
Und:
Kommt dort nur Text vor oder auch andere Elemente? (Bilder,Tabellen u.ä.)
z.B. ein Bild "umzubrechen" dürfte nicht nur bescheuert aussehen sondern auch (mit css) unmöglich zu realisieren sein.
Ist in #Content übrigens nur Text, halte ich es für sehr unwahrscheinlich das Du je ein so langes Wort haben wirst (Wörter werden an Leerzeichen umgebrochen)
Zwangsumbruch falls das möglich ist^
Box vergrößern ist ja kein ding aber das bottom soll sich auch mit nach unten bewegen (hab ich selbst schon gefixxt )
überstehende teil weiß ich das es mti overflow ? geht
nein keien scrollleiste
da kommen text und elemente (bilder etc.)
und bezüglich content ich will soetwas nicht ausschließen das es einen so langen text gibt, bzw. das selbe problem gillt auch für die sidebar.
Beitrag zuletzt geändert: 16.12.2010 22:31:57 von nwage -
nwage schrieb:
Zwangsumbruch falls das möglich ist^
Box vergrößern ist ja kein ding aber das bottom soll sich auch mit nach unten bewegen (hab ich selbst schon gefixxt )
überstehende teil weiß ich das es mti overflow ? geht
nein keien scrollleiste
da kommen text und elemente (bilder etc.)
und bezüglich content ich will soetwas nicht ausschließen das es einen so langen text gibt, bzw. das selbe problem gillt auch für die sidebar.
Zwangsumbruch mit css ist leider nicht möglich, Du bist da mer´hr oder weniger nur auf die overflow-möglichkeiten beschränkt.
mit php -oder javascript könntest Du ab einer bestimmten Anzahl von Buchstaben in einem Wort einen zwangsumbruch bewirken.
Dabei ist der Hacken das die Breite eines Wortes dann eher ein Schätzwert ist weil Buchstaben unterschiedlich Breit sind (in Pixeln, vergleich mal z.B. i mit X von der Breite).
Viele Seiten lösen aber das Problem einfach garnicht und versuchen ihren Inhalt dann nie zu lang werden zu lassen oder ignorieren es , weil ein so langes Wort zu selten vorkommt.
nosadgnjhipofjgpiejoghrfskgoüksfüogküfsgklpfslgpflsd+ügsf+lhgkfühkgfdjhpfdsjhpifdsjphdphnspjhfpspjhsfjghpsfjghfsphgfpsdpjgpfdshgpfdsjhpfsdpghfdshjfsdpjhpfsjhp
Wie Du (nicht) siehst schneidet lima zB einfach ab, das "Wort" ist zu lang....
Beitrag zuletzt geändert: 16.12.2010 22:53:06 von simuliertes -
simuliertes schrieb:
nwage schrieb:
Zwangsumbruch falls das möglich ist^
Box vergrößern ist ja kein ding aber das bottom soll sich auch mit nach unten bewegen (hab ich selbst schon gefixxt )
überstehende teil weiß ich das es mti overflow ? geht
nein keien scrollleiste
da kommen text und elemente (bilder etc.)
und bezüglich content ich will soetwas nicht ausschließen das es einen so langen text gibt, bzw. das selbe problem gillt auch für die sidebar.
Zwangsumbruch mit css ist leider nicht möglich, Du bist da mer´hr oder weniger nur auf die overflow-möglichkeiten beschränkt.
mit php -oder javascript könntest Du ab einer bestimmten Anzahl von Buchstaben in einem Wort einen zwangsumbruch bewirken.
Dabei ist der Hacken das die Breite eines Wortes dann eher ein Schätzwert ist weil Buchstaben unterschiedlich Breit sind (in Pixeln, vergleich mal z.B. i mit X von der Breite).
Viele Seiten lösen aber das Problem einfach garnicht und versuchen ihren Inhalt dann nie zu lang werden zu lassen oder ignorieren es , weil ein so langes Wort zu selten vorkommt.
nosadgnjhipofjgpiejoghrfskgoüksfüogküfsgklpfslgpflsd+ügsf+lhgkfühkgfdjhpfdsjhpifdsjphdphnspjhfpspjhsfjghpsfjghfsphgfpsdpjgpfdshgpfdsjhpfsdpghfdshjfsdpjhpfsjhp
Wie Du (nicht) siehst schneidet lima zB einfach ab, das "Wort" ist zu lang....
ok recht herzlichen dank für deine beiträge.
dann mach ich es wohl auch wie lima city oder die anderen seiten und pack ein overflow rein.
Lieben Gruß -
Meine Persöhnliche Meinung:
Mach's auf keinen fall wie lima-city.
Meineer Meinung nach hat Informationsverfügbarkeit Vorrang vor Schönheit (der Seite).
Mit anderen Worten, besser es sieht sch**** aus aber man kann's noch lesen als, das teile des Textes/Bildes/whatever einfach abgeschnitten werden... -
Hallo nwage
Ich stimme simuliertes zu. Stell dir vor es wird tatsächlich so ein langes Wort hineingeschrieben. Nun liest das ein Besucher und denkt sich irgendwas stimmt hier nicht. Und dann merkt er da Fehlt was vom Wort. Ich glaube der Besucher kommt nicht mehr auf deine Seite zurück um sich Info oder was auch immer zu holen. Ich bezweifle aber das es so lange Wörter gibt die ein solches Problem darstellen. Sieht natürlich nicht sehr schön aus.
und bezüglich content ich will soetwas nicht ausschließen das es einen so langen text gibt, bzw. das selbe problem gillt auch für die sidebar.
Text wird eigentlich auch kein Problem sein, da sich die Wörter nach einem Leerzeichen umbrechen wenn sie nicht mehr in die Box passen. Dein Beispiel zeigt ja nur was passiert wenn man auf der Taste a einschläft
.
Noch eine Idee von mir: Wenn du deine Seite nicht auf eine bestimmte Breite setzt sondern immer auf 100% Breite setzt ist die Wahrscheinlichkeit das ein so langes Wort vorkommt sehr gering. Allerdings ist das natürlich mit etwas Aufwand verbunden.
Gruß S.Brosch
Beitrag zuletzt geändert: 17.12.2010 8:37:09 von software-brosch -
Diskutiere mit und stelle Fragen: Jetzt kostenlos anmelden!
lima-city: Gratis werbefreier Webspace für deine eigene Homepage
