Anpassung an andere Browser

Hallo zusammen,

ich wollte mal fragen, wie ihr bei HTML und CSS vorgeht? Ich habe einige Beispiele gesehen, bei dem der "Border" zum Beispiel auch noch mal in der alten Schreibweise (CSS) zusätzlich in den Code eingebunden wurde?
Ein anderes Problem gibt es angeblich bei dem "IE", der nur zentriert, wenn man

body {
	text-align: center;
}

in den Code mit einfügt.

Gibt es da eine Sammlung, auf die ihr achtet oder irgendwas ähnliches?

Gruß John

Zitat von MrMurphy

Hallo

Nein. Ich habe schlicht die Grundlagen gelernt (aktuell HTML5 / CSS3) sowie mich mit Responsive Design und Media Queries beschäftigt und wende sie an. Also ganz klassisch.

Gruss

MrMurphy

Alles anzeigen

Zitat von wolf

Hier kannst du nachschauen was unterstützt wird: http://caniuse.com/
Hier kannst du deinen Code wenn du fertig bist mit allen nötigen Präfixen versehen lassen: http://pleeease.io/play/

Ansonnsten noch in allen Browsern ähnliches aussehen: http://necolas.github.io/normalize.css/
jQuery src: http://cdnjs.cloudflare.com/aj…query/2.1.3/jquery.min.js
CSS Tutorials: https://css-tricks.com/
Ispiration: https://dribbble.com/, http://tympanus.net/codrops/, http://ettrics.com/blog/
Fülltexte: http://meettheipsums.com/

...

EDIT..
http://google.com/ .. hatte ich vergessen

Alles anzeigen

Vielen Dank euch beiden, hatte letzte Woche die ganzen HTML und CSS3 von html-seminar durchgearbeitet. Hat mich wirklich um einiges weiter gebracht. Sollte ich am besten neben HTML und CSS noch etwas lernen, oder meint ihr das reicht volkommen aus?

Also ich bleib eher bei Internetseite, bei denen der Benutzer sich lediglich ein paar Informationen einholen kann zum Beispiel über eine Firma, d.h. in diesem Sinne nur ein paar Links.
Mir geht es halt nur darum, mehr aus dem Design rauszuholen, ich behaupte von mir, dass ich sehr gut mir Photoshop umgehen kann und da ist halt die Frage, ob CSS da reicht?

Zitat von JR Cologne

In deinem Fall würde dann HTML und CSS auf jeden Fall ausreichen.

Wie das genau mit Photoshop ist, weiß ich nicht. Vielleicht gibt es da ja noch irgendwas, was dann bzgl. der Tatsache, dass du mit Photoshop arbeitest, ganz hilfreich wäre zu lernen. Aber mir fällt jetzt nichts ein, was du machen könntest.

Eins noch: Wenn du noch tiefer in HTML/CSS einsteigen willst und du dem englischen halbwegs mächtig bist, kann ich dir w3schools nur empfehlen. Dort kann man dann nochmal ganz gute Ergänzungen zum HTML-Seminar finden.

Ok ich danke dir.

Zitat von wolf

Du brauchst in morderner webentwicklung am ende kein photoshop mehr .. keine Hintergrund bilder für buttons keine transparenten bilder für schatten usw.. alles via CSS lösbar (ein paar ausnahmen gibt es)..

Ja ich hab es schon gesehn, man kann nun auch Farbverläufe etc einfach per CSS deklarieren, hab nur Angst,dass es irgendwie von manchen Broswern nicht ganz akzeptiert wird.
Bin halt noch relativ neu im Bereich HTML und CSS.
Zudem hab ich einen Header, bei dem ich bezweifel, dass man den komplett nur über CSS erstellen kann.

Zitat von MrMurphy

Hallo

Eine veraltete Vorstellung. Niemand besucht eine Seite wegen ihres Layouts. Entscheidend ist nur der Inhalt. Ob der Header wie mit Photoshop aussieht oder nur ähnlich oder ganz anders interessiert die Besucher kein bißchen.

Das beste Layout ist jenes, welches von den Besuchern überhaupt nicht wahrgenommen wird. Wahrgenommen wird es nämlich nur wenn es stört oder sogar nervt.

Gruss

MrMurphy

Alles anzeigen

Deine Aussage würde ich nicht wirklich unterstützen, es gibt das Sprichtwort, dass das "Auge immer mit isst". So ist es auch bei der Homepage, natürlich darf das Design nicht überladen sein, aber ich denke es macht schon einen großen Unterschied, wenn ich ein Design benutze, welches sehr aufgeräumt und ansehnlich wirkt im Gegensatz zu einer Homepage, bei der nur Wert auf den Inhalt gelegt wurde.

Zitat von wolf

könnt ihr bitte aufhören hamburger zu posten? :x

Klares schlichtes Design ist wichtig.. mehr nicht, weniger auchnicht..

Ok, also zurück zum Thema.
Hab das mit dem Footer jetzt wie folgt gelöst, bei mir funktioniert es, ist nur die Frage, aber der Code in Ordnung ist, oder ob ihr mir etwas anderes empfehlen würdet.

<div id="fussbereich">
<p>Test</p>
</div>

#fussbereich {
    background-image: url(images/test.png);
    background-repeat: repeat-x;
    height: 150px; 
    position: absolute;
    bottom: 0;
    width: 100%;
}




#fussbereich p {
    color: azure;
    line-height: 150px;
}