epiCommentary - Webseite für meinen Freund (Dota 2)

Doublerainbow · #1 (**permalink**) 24.05.2012, 01:03

Hallo ihr,

ich habe gestern und heute diese Seite zusammengebastelt, da wir relativ einen Internetpräsenz brauchten und hätte sehr sehr gern euer Feedback!

epiCommentary - Channeling Dota 2

Liebe Grüße,

Doublerainbow

PS: Mir ist aufgefallen, dass der gradient im Hintergrund beim Internet Explorer nicht bis ganz unten geht - vielleicht hat ja einer Ahnung wie ich das noch hinbekomme?

inta · #2 (**permalink**) 24.05.2012, 08:41

Nur kurz zur „Technik“:

Du verwendest leere Elemente (h1, h2, p, usw.) das solltest du nicht tun. Auch die vielen br-Elemente sollten rausfliegen, nutze statt dessen Absätze (p).

Zitat:

Zitat von Doublerainbow

PS: Mir ist aufgefallen, dass der gradient im Hintergrund beim Internet Explorer nicht bis ganz unten geht - vielleicht hat ja einer Ahnung wie ich das noch hinbekomme?

Gib html und body eine Höhe von 100%. Du musst das Padding noch zurücksetzen, sonst bekommst du in einigen Browsern immer einen Scrollbalken.

Doublerainbow · #3 (**permalink**) 30.05.2012, 21:45

Hallo inta, danke für deine Tips, der Hintergrund geht jetzt immer bis zum Boden. Allerdings habe ich jetzt ein neues Problem: Bei der Index-Seite ist der Hintergrund nun kürzer als der Inhalt... was tun?

inta · #4 (**permalink**) 31.05.2012, 10:30

Für body reicht min-height: 100%; dann haut es auch im IE hin, zumindest im aktuellen, für ältere brauchst du einen Hack.

dazzle89 · #5 (**permalink**) 31.05.2012, 16:25

Hallo,

wenn ich die Seite sehe, muss ich keineswegs an Dota denken. Ich würde einige Elemente einbauen, die mit Dota zu tun haben (z.B. eine Headgrafik)

K.Roland · #6 (**permalink**) 02.06.2012, 17:21

Hallo Doublerainbow,

dem body eine Hintergrundfarbe mitgeben, background-color: transparent; brauchst du nicht wirklich.

Code:

body {
    background-attachment: fixed;
    background-clip: border-box;
    background-color: transparent;
    background-image: -moz-linear-gradient(center top , #171111, #62524F);
    background-origin: padding-box;
    background-position: 0 0;
    background-repeat: repeat;
    background-size: auto auto;
    color: #333333;
    margin-bottom: 0;
    margin-left: 0;
    margin-right: 0;
    margin-top: 0;
    min-height: 100%;
    padding-bottom: 0;
    padding-left: 0;
    padding-right: 0;
    padding-top: 0;
}

Siehe Anhang:

Anhang 4628

____________
Gruß,
Roland

Doublerainbow · #7 (**permalink**) 23.08.2012, 11:44

Hallo ihr, danke für die Hilfe und euer Feedback!

@ dazzle89: Danke für den Tipp, da werde ich mir was ausdenken müssen..

@ alle: Jetzt habe ich schon wieder ein kleines Problem - und zwar der Abstand über dem Stream und Schedule Div, der nur im Internet Explorer angezeigt wird, woran liegt das? Vorher hatte ich das Problem nicht.. :/

efwe · #8 (**permalink**) 23.08.2012, 23:58

der flashplayer is aus viewport verschoben - (<div id="grey" ...)

Doublerainbow · #9 (**permalink**) 24.08.2012, 12:51

Danke efwe, kannst du mir etwas ausführlicher erklären, was du meinst? Allgemein bin ich mit der momentanen Lösung nicht zufrieden, also wenn du eine Idee hast her damit!

Gruß, Rainbow

efwe · #10 (**permalink**) 24.08.2012, 16:45

hallo- ja der halbe player ist nach links verschoben -und nur zur haelfte zu sehen-> FF 3.6
im safari ok- allerdigs auch unschoen an den rand des containers geklebt-

Themen-Optionen
Druckbare Version zeigen Jemanden per E-Mail auf dieses Thema hinweisen
Ansicht
Linear-Darstellung Zur Hybrid-Darstellung wechseln Zur Baum-Darstellung wechseln

Ähnliche Themen
Thema	Autor	Forum	Antworten	Letzter Beitrag
Komplexen Hintergrund für Webseite slicen	cssnoobi	Grafik, Design, Typografie	5	04.08.2011 20:20
CSS-Styles werden bei einem Linksprung von Webseite A auf Webseite B nicht geladen	Fools	(X)HTML	3	13.09.2010 11:57
Wie sieht eine Webseite in verschiedenen Browsern aus	TreasureZone	Grafik, Design, Typografie	5	18.05.2010 19:52
Webseite lässt sich im Mozilla nicht scrollen	xxxarndxxx	CSS	3	30.10.2007 10:58
Bitte eure Meinungen zu meiner neuen Webseite	laborix	Site- und Layoutcheck	22	04.11.2006 20:27