Webmaster Forum Logo Part 1 Webmaster Forum Logo Part 2
Webmaster Forum Logo Part 3
     
 
  :: Anmeldung

Benutzername:

Registrierung...

Passwort:

Passwort vergessen?

angemeldet bleiben


  
  :: Umfrage
Welche sozialen Netzwerke benutzt du regelmäßig?

 Facebook
 Webmaster - WebspaceWebmaster - WebspaceWebmaster - Webspace 73%
 keines
 Webmaster - WebspaceWebmaster - WebspaceWebmaster - Webspace 21%
 Google+
 Webmaster - WebspaceWebmaster - WebspaceWebmaster - Webspace 19%
 Twitter
 Webmaster - WebspaceWebmaster - WebspaceWebmaster - Webspace 13%
 Xing
 Webmaster - WebspaceWebmaster - WebspaceWebmaster - Webspace 6%
 schülerVZ
 Webmaster - WebspaceWebmaster - WebspaceWebmaster - Webspace 4%
 meinVZ
 Webmaster - WebspaceWebmaster - WebspaceWebmaster - Webspace 3%
 studiVZ
 Webmaster - WebspaceWebmaster - WebspaceWebmaster - Webspace 3%
 MySpace
 Webmaster - WebspaceWebmaster - WebspaceWebmaster - Webspace 2%
 LinkedIn
 Webmaster - WebspaceWebmaster - WebspaceWebmaster - Webspace 2%

 ges. 687 Stimmen
 
  :: Buttons

Valid XHTML 1.0 Transitional

Lieber Besucher, herzlich willkommen bei: WebmasterWork. Falls dies dein erster Besuch auf dieser Seite ist, lese dir bitte die Hilfe durch. Dort wird dir die Bedienung dieser Seite näher erläutert. Darüber hinaus solltest du dich registrieren, um alle Funktionen dieser Seite nutzen zu können. Benutze das Registrierungsformular, um dich zu registrieren oder informiere dich ausführlich über den Registrierungsvorgang. Falls du dich bereits zu einem früheren Zeitpunkt registriert hast, kannst du dich hier anmelden.

Skatekid

Haudegen

Dabei seit: 19.04.2010

Beiträge: 585

 

1 Zum Seitenanfang

Sonntag, 15. April 2012, 16:49

Bild-/Textverschiebung verhindern

Hi,

ich habe folgendes Problem...

Wenn man meine Homepage www.animetown.de mit kleineren Bildschirmen besucht, verschieben sich Bilder und Text, so dass sie über den Rand der Newsbox gucken.
Um zu verdeutlichen, was ich meine, habe ich mal 2 Screens gemacht:

So sieht es eigentlich aus: http://animetown.wmw.cc/Bilder/Index/screen.jpg
Und so hier auf kleinen Screens: http://animetown.wmw.cc/Bilder/Index/screen2.jpg

Nun die Frage...wie kann ich das verhindern?^^ Hoffe, mir kann da jemand helfen.
Anime/Mangafans klicken hier --> www.animetown.de (Optimiert auf Mozilla Firefox, nieder mit IE :D)
 

Josephine

Haudegen

Dabei seit: 30.04.2009

Beiträge: 700

 

2 Zum Seitenanfang

Sonntag, 15. April 2012, 19:20

Also ich habe auch einen kleinen Bildschirm. Meinst du das der Link mit Kommentaren nicht mehr unter dem Text steht sonder unter dem Bild ist?
Wenn ja, dann weil der div Container smallcomments mit dem Kommentar, sich nicht in dem Div befindet in dem der Text steht.
Unterschätze nie jemanden der einen Schritt zurück geht! Er könnte Anlauf nehmen.
 

Skatekid

Haudegen

Dabei seit: 19.04.2010

Beiträge: 585

 

3 Zum Seitenanfang

Sonntag, 15. April 2012, 20:13

Guck dir mal die Screens an :P Die Bilder in den News gucken bei kleinerem Bildschirm über den Rand und die Kommentare verschieben sich nach rechts oO Das Bild soll aber, wie im ersten Screen in dem Kasten bleiben und die Kommentare unter dem Bild stehen^^ Also Bild1 = so, wie es aussehen soll ;D
Anime/Mangafans klicken hier --> www.animetown.de (Optimiert auf Mozilla Firefox, nieder mit IE :D)
 

Deffcon

Kaiser

Dabei seit: 11.11.2010

Beiträge: 1 037

 

4 Zum Seitenanfang

Sonntag, 15. April 2012, 20:57

Da das img im NewsSummaryContent mit float:left betitelt ist und das Bild höher ist als der span mit dem Text müsstest du den smallcomments ein clear:both; im css hinzufügen, das sollte dein Problem beheben.

MFG Simon
(ps. du hättest ruhig dazu schreiben sollen dass man auf die Comments achten soll ich hab auch gesucht wie ein Depp auf dem Bild.)
 

Skatekid

Haudegen

Dabei seit: 19.04.2010

Beiträge: 585

 

5 Zum Seitenanfang

Montag, 16. April 2012, 22:33

Naja, mir ging es hauptsächlich darum, dass das Bild über die Box guckt^^ Aber danke, werde das mal probieren, wenn ich zu Hause bin :)

Edit: Durch clear:both krieg ich irgendwie immer nur ne Lücke dazwischen...o_O Was mich auch wundert: Wieso wird das Ganze bei mir richtig angezeigt (siehe Screen 1), wenn bei anderen (Screen 2) trotzdem derselbe Text in denselben Zeilen etc. angezeigt wird. Es verschiebt sich ja nur das Newsbild nach unten über den Rand und die Kommentare rutschen nach rechts oO
Anime/Mangafans klicken hier --> www.animetown.de (Optimiert auf Mozilla Firefox, nieder mit IE :D)

Dieser Beitrag wurde bereits 1 mal editiert, zuletzt von »Skatekid« (16. April 2012, 22:33)

 

Deffcon

Kaiser

Dabei seit: 11.11.2010

Beiträge: 1 037

 

6 Zum Seitenanfang

Montag, 16. April 2012, 22:42

Mich wundert es auch.
Auf meinem Laptop-Bildschirm wird es auch mit der Verschiebung angezeigt aber es ist komisch, dass das passiert da du ja mit fixen Größen gearbeitet hast und nicht Prozent oder em oder irgendetwas skalarem.

Vielleicht hat ja jemand noch was passendes.

Kannst ja mal versuchen das Span auf die gleiche Höhe zu bringen wie das Bild. Dann könnte es auch klappen.
Mit min-height sollte das gehen. Ich glaub 196px war das Bild
 

Skatekid

Haudegen

Dabei seit: 19.04.2010

Beiträge: 585

 

7 Zum Seitenanfang

Dienstag, 17. April 2012, 00:05

Ok, das mit der Min-Height scheint zu funktionieren^^ Auf kleineren Bildschirmen scheint der Text auch kleiner angezeigt zu werden...keine Ahnung wieso o_O Deshalb geht das Bild dann auch über den Rand...Ist jetzt auf normalen Bildschirmen immernoch, wie es sein soll und auf kleineren halt nach dem Text wie eine Leerzeile, aber das ist nicht so tragisch und das Bild und die Kommentare bleiben da, wo sie sein sollen :) Werd das morgen mal uploaden.

Also erstmal danke, hat mir wirklich geholfen :thumbsup:

Falls aber noch jemand eine bessere Methode hat, so dass es immer wie in Screen 1 aussieht, kann er sich hier gerne outen ;D Wenn nicht, auch nicht schlimm.
Anime/Mangafans klicken hier --> www.animetown.de (Optimiert auf Mozilla Firefox, nieder mit IE :D)

Dieser Beitrag wurde bereits 1 mal editiert, zuletzt von »Skatekid« (17. April 2012, 00:05)