Vorstellung |
gezeichnet
Fachidiot Threadstarter
Beiträge: 104 |
Fast vergessen:
Ist wahrscheinlich eh klar, aber:
Für die CSS sind Cookie gesetzt, also immer wieder mal refreshen, sonst seht Ihr immer die alte Version
(neuestes Update, heute ca. 12.30 Uhr)
und nochmals THX
---
frag ned bled und schau moi do:
http://www.spezialedition.com
|
 Profil
E-Mail
Website
Editieren
Zitieren
|
gezeichnet
Fachidiot Threadstarter
Beiträge: 104 |
yeeeeessssss !!!
Habs echt geschaft!
www.alpenturbos.at now also too on Nestscape (zumindest am 7er...)
Also:
Ladebalken is weg
Funzt am IE (6er) und Netscpe 7er (mehr hab ich nicht zum Testen)
Jetzt natürlich wieder ne bitte:
Sagt mir doch wie ihr so vorgeht beim Designen, also beim Testen. Ich meine, Testet ihr schon während der gestaltung oder erst wenn die Site fertig ist?
Hat mich nähmlich ganz schön gef...t das optimieren fürn Netscape
Mich würde es auch interessieren welcher Browser euer liebster ist (wenns sowas überhaupt gibt), bzw. welcher eurer Meinung der beste ist.
Ein paar Statments zu meiner Site wären auch recht toll, aber nicht refreshen vergessen.... -> fehlen noch ein paar Bilder, das Gästebuch (is out, ich weiss, aber die wollens halt...) und die Lieder fürn Player.
also ich find die Site ist echt gut geworden
(zuviel Spielerei, ich weiss...)
Ciao
gezeichnet
---
frag ned bled und schau moi do:
http://www.spezialedition.com
|
 Profil
E-Mail
Website
Editieren
Zitieren
|
sondermuelli
Quasselstrippe
Beiträge: 363 |
Naja. So ganz hast du s wohl noch nicht geschafft. Da kommt es mit Mozilla noch zu einigen seltsamen Phänomenen. Hier ist mal ein Screenshot. Das Design ist weiterhin wahrlich kein Brüller (wenn auch es die Zielgruppe nicht sonderlich verschrecken wird) und ich hatte dauerhaft einen horizontalen Scrollbalken, sogar als ich das Browserfenster mal auf 1600 Pixel maximiert habe.
Zum Thema testen bzw. Browser. Mein Standard-Browser ist Mozilla Firefox. Was in dem gut aussieht, sieht in der Regel in dan anderen modernen Browsern auch gut aus. Nur beim IE kann man sich da nicht immer so sicher sein.
Der erste Test kann nicht früh genug sein und die Anzahl der Tests und der getesteten Browser nicht hoch genug. Ich teste eigentlich ständig während der Entwicklung. Und zwar auf folgenden Browsern: Opera 5, 6, 7.2, 7.5, Netscape 4.7, 6.0, 6.2, 7.1, Mozilla 0.9, 1.1, 1.7, Firefox und IE 4, 5, 5.5, 6. Mein Anspruch ist dabei, dass es bis auf Netscape 4.7 und Opera 5 in allen Browsern gleichermaßen gut aussieht und funktioniert. Und ehrlich gesagt ist das auch gar nicht besonders schwierig, wenn man von Anfang aufpasst und immer brav testet.
//Edit: Safari und Mac IE 5 nicht zu vergessen. Die kommen natürlich auch dran, aber da ich selber keinen Mac besitze nicht ganz so häufig. Allerdings machen die beiden meist eh nicht so viele Probleme.
---
wer hilft mir beim geschirr spülen?
Diese Nachricht wurde geändert von: sondermuelli |
 Profil
E-Mail
Website
Editieren
Zitieren
|
gezeichnet
Fachidiot Threadstarter
Beiträge: 104 |
@sondermuelli
Danke erst mal....
1. für den Screenshot:
Da kommt es mit Mozilla noch zu einigen seltsamen Phänomenen. |
Weiss nicht was das ganze gerede von wegen CSS und Browserunabhängig soll? Die Fussleiste (AGB, ECG...) zB.:
Zur Position der Fusszeile: die liegt in einer DIV in der auch der Text (Bilder Sponsoren), die Linkleiste und die "Schriftauswahlbox" liegen -> height=400px;
Sollte sich der Inhalt verändern (=grösser), "wandert" die Fusszeile mit dem definierten Abstand mit. Zumindest bei ""ZWEI" Browsern (IE und Netscape).
Selbst bei diesen ZWEI wollte ich es eigentlich anders machen, aber die Bezugspunke zur Positionierung sind auch hier verschieden. Mozilla rechnet da wieder anders.... was soll das, für was gibt es eigentlich Standarts bzw. den W3C?????????
2.
hatte dauerhaft einen horizontalen Scrollbalken, sogar als ich das Browserfenster mal auf 1600 Pixel maximiert habe. |
Wieder das problem:
Um die Hintergrundgrafik bei den ZWEI Standartbrowsern auch wirklich über die ganze Breite des Bildschirms zu sehen zu sehen, hier der Code:
#bodyOben {
background-image:url(../Bilder/Body/bodyOben/Neu/CIOben.jpg);
height:248px;
left: 0px;
position: absolute;
top: 10px;
} null null width: 102%;
}
#bodyUnten {
position: absolute;
left: 0px;
width: 100%; (wahrschenlich egal ob 100 oder 102% angabe)
height:253px;
background-image:url(../Bilder/Body/bodyOben/CIUnten.jpg);
top: 248px;
}
Durch die 102% natürlich ein Scrollbalken! Wenns eine Trick dafür gibt, bei dem ich das verhindern kann, wäre sehr dankbar!!!!!!!
3.
Das Design ist weiterhin wahrlich kein Brüller |
Wie gesagt, ich finds nich so schlecht, und der "Kunde" is begeistert....
4.
Und zwar auf folgenden Browsern: Opera 5, 6, 7.2, 7.5, Netscape 4.7, 6.0, 6.2, 7.1, Mozilla 0.9, 1.1, 1.7, Firefox und IE 4, 5, 5.5, 6. Mein Anspruch ist dabei, dass es bis auf Netscape 4.7 und Opera 5 in allen Browsern gleichermaßen gut aussieht und funktioniert. |
Wow....
Neueste Umfrage Marktanteile Browser:
81% IE
7% Netscape
rest = WURSCHT!!!!!!!!!!!!!!
Meine Meinung
Noch ne Frage:
Ich hab den IE 5er gehabt und wollte ihn eigentlich zu Testzwecken auch behalten, als ich mir aber den IE 6 er geholt habe hat der sich einfach über den 5er darübergeschrieben. Ohne Chance dies zu verhindern....
Meine Frage: Wo bekomme ich eigentlich all diese Versionen her (IE 4, 5, 5.5, 6.) und kann ich die auch problemlos Instalieren?
Danke noch mal, und schönen Tag noch...
---
frag ned bled und schau moi do:
http://www.spezialedition.com
|
 Profil
E-Mail
Website
Editieren
Zitieren
|
alexhaid
Fachidiot
Beiträge: 132 |
Beim IE geht es grundsätzlich nicht, mehrere Versionen parallel zu fahren...
Irgendein schlauer Kopf kam auf die Idee ein paar Zeilen zu verändern und dann geht es.
Hier kannst du dir zwei Versionen downloaden:
http://www.webwork-community.net/temp/ie5_5.zip
http://www.webwork-community.net/temp/ie5_01.zip
Einfach in ein Verzeichnis entpacken und starten
be blessed,
alex
Diese Nachricht wurde geändert von: alexhaid |
 Profil
E-Mail
Editieren
Zitieren
|
gezeichnet
Fachidiot Threadstarter
Beiträge: 104 |
@alexhaid
Thx, funzt
grüsse
---
frag ned bled und schau moi do:
http://www.spezialedition.com
|
 Profil
E-Mail
Website
Editieren
Zitieren
|
DukeXP
Quasselstrippe
Beiträge: 266 |
Tunnelseite
Gerade der erste Eindruck zählt und entscheidet ob der Besucher bleibt oder die Seite fluchtartig wieder verlässt. Also was findet der geneigte Besucher bei dir? Einen unscharfen Hintergrund, der den Augen wehtut und keinen Bezug zur Seite erkennen lässt, darauf eine äußerst verwaschene Grafik. Was schließt er daraus? Eine unprofessionelle Fanseite, die von einem Kind / Jugendlichen erstellt wurde und höchstwahrscheinlich nicht besonders aktuell ist. Was wird er also tun?
Entscheidet sich der Besucher dennoch die Seite eingehend zu studieren steht er vor einem Problem: Wo geht es weiter? Ist das etwa schon alles? Gerade bei der von dir genannten Zielgruppe solltest du keinen unbegrenzten Entdeckergeist voraussetzen.
Startseite
Sehr unruhig und wenig augenfreundlich. Die horizontale und vertikale Navigation (übrigens beide mangels Kontrast fast nicht lesbar) konkurrieren miteinander und werden erst bei längerer Betrachtung als identisch erkannt. Das Layout erweckt den Eindruck, dass Teile nicht geladen werden konnten oder die Seite für bestimmte Browser / Auflösungen optimiert ist.
Auch wenn ein Menü zur benutzerdefinierten Schrifteinstellung von einigen Seiten empfohlen wird ist es normalerweise überflüssig. Speziell in deinem Fall bewirkt es keinerlei Verbesserung der Lesbarkeit sondern verwirrt als zusätzliches Element nur zusätzlich. Der Besucher wird möglicherweise gefragt, ob ein Cookie auf seinem Rechner abgelegt werden darf. Wird er das wohl wollen? Anfänger sicher nicht, routinierte Internetnutzer ebenfalls nicht! Evtl. könnten sich ein paar fortgeschrittene Anwender dazu hinreissen lassen.
Technik
Der Einsatz von CSS ist keine Entschuldigung für "Fehldarstellungen" in den gängigen Browsern, die sich überlappenden Menüeinträge werden auch noch den letzten verbliebenen Besucher vertreiben. Warum so viele wertlose Spielereien, wenn doch ein ausgewogenes Layout, das der CI der Gruppe entspricht, und interessante Informationen viel wichtiger sind?
Fazit
Auch wenn das jetzt hart klingt: du solltest nicht weiter an diesem verbauten Layout herumdoktern sondern ganz ohne Altlasten die Seite komplett neu erstellen und aus den hier gemachten Fehlern lernen.
---
Schützenverein „Einigkeit“ Autenzell-Rettenbach
meisterschuetzen.net - Der Treffpunkt für Sportschützen
Diese Nachricht wurde geändert von: DukeXP |
 Profil
Editieren
Zitieren
|
sondermuelli
Quasselstrippe
Beiträge: 363 |
Zur Position der Fusszeile: die liegt in einer DIV in der auch der Text (Bilder Sponsoren), die Linkleiste und die "Schriftauswahlbox" liegen -> height=400px;
Sollte sich der Inhalt verändern (=grösser), "wandert" die Fusszeile mit dem definierten Abstand mit. Zumindest bei ""ZWEI" Browsern (IE und Netscape). |
Das ist ja schonmal falsch. Es funktioniert nur im IE so wie du dir das vorstellst. Netscape 7.1 macht es genau so wie in meinem Screenshot. Ist schliesslich auch ein Gecko-Browser.
Für solche Sachen gibt es "min-height:" Das wiederum kennt der IE nicht, aber man könnte ja in Erwägung ziehen mit IE-spezifischen Kommentaren zu arbeiten.
Um die Hintergrundgrafik bei den ZWEI Standartbrowsern auch wirklich über die ganze Breite des Bildschirms zu sehen zu sehen, hier der Code:
#bodyOben {
background-image:url(../Bilder/Body/bodyOben/Neu/CIOben.jpg);
height:248px;
left: 0px;
position: absolute;
top: 10px;
}null null width: 102%;
} |
Was ist denn das für ein fieser Kot um den Hintergrund zu strecken. Dafür gibt es repeat-x und repeat-y.
In deinem Fall:
1:
2:
3:
4:
5: | body {
background-image:url(../Bilder/Body/bodyOben/Neu/CIOben.jpg);
background-repeat:repeat-x;
background-position:0 10px;
} |
Insgesamt sieht dein Stylesheet mehr als wild aus. Das hättest du wahrscheinlich mit weniger als der Hälfte an code auch hinbekommen. Und wenn du das ganze auskommentiert hättest würde man sich zudem auch ein bisschen besser darin zurechtfinden. Ehrlich gesagt glaube ich, dass es wenig Sinn macht dieses Stylesheet noch auf Vordermann zu bringen.
//Edit: Uh. Und jetzt ist mein Kaffee kalt!
---
wer hilft mir beim geschirr spülen?
Diese Nachricht wurde geändert von: sondermuelli |
 Profil
E-Mail
Website
Editieren
Zitieren
|
gezeichnet
Fachidiot Threadstarter
Beiträge: 104 |
@DukeXP
Ähm, ja...
OK (schluck), denke mal ihr seid alle profis, OK....
Als solche nehme ich natürlich jede Kretik dankend an. Was die Tunnelseite betrifft -> Absolut richtig, weis nicht ob das eine entschuldigung ist, aber die wollten es so -> ich hab probiert es ihnen auszureden, ehrlich.
Das Layout erweckt den Eindruck, dass Teile nicht geladen werden konnten oder die Seite für bestimmte Browser / Auflösungen optimiert ist. |
Ja, auch richtig aber die wissen ja selbst nicht was der Inhalt der Site überhaupt sein soll -> jetzt hab ich mal einfach genug Platz gelassen. Material (Bilder usw) stehen überhaupt nicht zur verfügung, die paar Bildchen hab ich selbst gemacht...
...und aus den hier gemachten Fehlern lernen. |
Sinn und zweck der Seite... wenn schon Finanziell dabei fast nichts rausspringt, dann nehm ich mir die Freiheit zu probieren was ich eben probieren möchte, in dem Fall eben CSS.
Was mich stutzig macht.. wieso ist die Navigation schwer lesbar???? find ich überhaupt nicht -> für dich hab ich das Stylesheet mit der Lupe gemacht
@sondermuelli
danke für den Tipp mit repeat-x: Ich bin ein Depp
@beide
habt ihr mal ein paar Volksmusik-Sites angesehen? Da hebt sich meine deutlich ab, ehrlich. Ob das jetzt gut oder schlecht ist - keine Ahnung.....
jedenfalls DANKE noch mal und ich bin weiterhin für jeden Tip/Kretik offen...
Sers
gezeichnet
---
frag ned bled und schau moi do:
http://www.spezialedition.com
|
 Profil
E-Mail
Website
Editieren
Zitieren
|
DukeXP
Quasselstrippe
Beiträge: 266 |
gezeichnet schrieb am 10.05.2004 19:06
@beide
habt ihr mal ein paar Volksmusik-Sites angesehen? Da hebt sich meine deutlich ab, ehrlich. Ob das jetzt gut oder schlecht ist - keine Ahnung..... |
Ist nicht so ganz meine Welt. Ich kenne lediglich die Seite der Zillertaler ( http://www.zillertaler.com), da wir (Schützenverein) die Gruppe am ersten Tag unserer Fahnenweihe engagiert hatten. Die Startseite ist dort IMO recht gut gelungen.
---
Schützenverein „Einigkeit“ Autenzell-Rettenbach
meisterschuetzen.net - Der Treffpunkt für Sportschützen
Diese Nachricht wurde geändert von: DukeXP |
 Profil
Editieren
Zitieren
|
gezeichnet
Fachidiot Threadstarter
Beiträge: 104 |
@sondermuelli
body {
background-image:url(../Bilder/Body/bodyOben/Neu/CIOben.jpg);
background-repeat:repeat-x;
background-position:0 10px;
}
habs probiert...
funzt weder im IE 6 noch im netscape 7.0....
---
frag ned bled und schau moi do:
http://www.spezialedition.com
|
 Profil
E-Mail
Website
Editieren
Zitieren
|
sondermuelli
Quasselstrippe
Beiträge: 363 |
gezeichnet schrieb am 10.05.2004 19:19
body {
background-image:url(../Bilder/Body/bodyOben/Neu/CIOben.jpg);
background-repeat:repeat-x;
background-position:0 10px;
}
habs probiert...
funzt weder im IE 6 noch im netscape 7.0....
|
Das funktioniert unter Garantie in allen modernen Browsern. Hast du denn das Div mit der id #bodyOben aus der HTML-Datei rausgenommen?
---
wer hilft mir beim geschirr spülen?
|
 Profil
E-Mail
Website
Editieren
Zitieren
|
gezeichnet
Fachidiot Threadstarter
Beiträge: 104 |
@sondermuelli
#bodyHinter {
background-color: #000000; (hintergrund will ich schwarz)
}
Die Hintergrundgrafik besteht aus 2 Teilen (Oben = Bild ca.300px breit welches sich wiederholt)
Obere Teil der Hintergrundgrafik:
#bodyOben {
background-image:url(../Bilder/Body/bodyOben/Neu/CIOben.jpg);
height:248px;
left: 0px;
position: absolute;
top: 10px;
width: 102%;
}
Untere Hintergrundgrafik = 4x248px (einfache Kachelung)
#bodyUnten {
position: absolute;
left: 0px;
width: 100%;
height:253px;
background-image:url(../Bilder/Body/bodyOben/CIUnten.jpg);
top: 248px;
}
....
Hast du denn das Div mit der id #bodyOben aus der HTML-Datei rausgenommen? |
Ich kann das div nicht rausnehmen, weil die Hintergrundgrafik aus zwei Teilen besteht -> war ein Versuch !
Ich weis auch nicht warum aber glaub mir, das funzt nicht....
mfg
gezeichnet
---
frag ned bled und schau moi do:
http://www.spezialedition.com
|
 Profil
E-Mail
Website
Editieren
Zitieren
|
gurkerl
Pixelschubser
Beiträge: 5 |
Oh, ich bin erblindet!
Ist der Hintergrund dein Ernst??
|
 Profil
Editieren
Zitieren
|
gezeichnet
Fachidiot Threadstarter
Beiträge: 104 |
Ja, wenn's nicht passt -> stell dir doch einen Hintergrund ein der dich "sehen lässt"....
http://www.alpenturbos.at/Ci.htm -> bisherige CI.
weiss nicht was die jammerei soll (eeeh, zu viel Farbe, ihhh, is nicht so wie jede andere Site auch...)
Is halt was anderes, besonders Stolz bin ich auch nicht, aber den Sinn und Zweck der Übung hats erfüllt..... hab viel gelernt.
Hab ich übrigens schon erwähnt das die Site noch nicht fertig ist, wenn (irgendwann) einmal mehr Bilder vorhanden sind (von Veranstaltungen usw..) wird die Site voller und damit fällt der Hintergrund schon nicht mehr so auf....
(sonst: Photoshop -> Helligkeit/Kontrast -> vieleicht ein bischen Weichzeichnen -> Fall erledigt....)
mfg
gezeichnet
---
frag ned bled und schau moi do:
http://www.spezialedition.com
|
 Profil
E-Mail
Website
Editieren
Zitieren
|