Ich weiß leider nicht mehr warum, aber ich mache immer noch zusätzliches folgendes:
//HTML
<header class="header">
...
</header>//CSS
header.header {
...
}Ich weiß nicht mehr genau, was das für Vorteile birgt, aber es hat auf jeden Fall mit IE zu tun. Irgendwie erkennt der IE das dann besser oder so 
Tut mir Leid, aber probiers trotzdem mal!
Ja, aber ich glaube kaum, dass ich die selbe Coming Soon Page auch für Smartphones... benutzen werde. Stichwort Responsive Webdesign
Natürlich muss man eine Maximalbreite, Usability ist seeeeeeehr wichtig
Häh? Was ist los?
Ja, das ist ein anderer, irgendwo war das auch mit dem Jetski. Naja das ist schon lustig
Ja, kennst du das?
Komisch, irgendwann funktionierte das.
Bei Schritt 20 kommt dann eigentlich folgendes:
20. Mit dem Jetski über den Ozean.
Sieht halt nicht so schön aus, aber akzeptabel. Du muss dann halt ein bisschen scrollen^^
Meine Methode mit den Frames ist zugegeben echt nur eine Notlösung 
Auch nicht schlecht, wers kennt ist cool :DDDD
1. Geh auf Google Maps
2. Mach eine neue Route nach Japan
3. Guck dir Schritt 20 oder so an
:DDDD
OK. Danke Leute
Gibt es denn jetzt noch konkrete Verbesserungsvorschläge?
Ich glaube, dass Frameweiterleitung dir da weiterhelfen könnte oder?
lauras:
Zu Bedienen gibt es auf dieser Seite ja nicht viel, aber es funktioniert, egal, welcher Browser. Selbstvertsändlich sind die Holzwände offen, sonst würden sie ja am Ende der Animation zurückspringen
@Basiii:
Häh?! O__o Heißt das middle oder was? Das heißt doch bei jedem center, oder nicht?
Stichwort Metatags:
Copyright, robots und revisit-after sollten auch nicht fehlen.
Wie soll das denn genau aussehen? (Ein Beispiel wäre nicht schlecht :D)
Natürlich benutzen nicht alle Firefox, jedoch viele, aber das is ja auch egal. Ich habe es bisher immer so gemacht, dass ich erst für FF gemacht habe und mich dann langsam mit IE (BUH!), Chome... auseinandergesetzt habe. Und bei CSS3 gibt es bei Chrome, Safari... keine Probleme, da du einfach das Kürzel ändern musst. Wie kommst du darauf, dass gerade da Probleme auftreten könnten?
Achso Ich dachte es geht um die Sache mit den Aufgabenplanungssachen
Das mit dem plattformübergreifenden ist echt gut, da hast du Recht.
@Basiii:
Ich muss sagen, dass ich selbst eigentlich zufrieden bin
Ich wusste einfach nicht, welche "Bildunterschrift" (einfach nur kursiv geschrieben) schreiben soll. Das ist natürlich kein Wunder 
Naja, ein wenig Animation finde ich eigentlich garnicht so schlecht. Denn, wenn man die Seite nur mit "geschlossenen" Holzwänden, erweckt das Spannung :DDD Ladezeit ist bei den meisten ja kein Problem, trotzdem ist es natürlich ein Thema, das man beachten sollte.
Ja, das stimmt. Gimp habe ich benutzt, aber diese Muster soll man ja benutzen Oder wie würdest du bei zum Beispiel Holzwänden vorgehen, wenn du diese designen möchtest? Ich finde das leider immer noch sehr schwierig
Naja, soviel gibt es nicht, was einen interessieren könnte Da steht eigentlich überhaupt nichts!
<!DOYTYPE html>
<html>
<head>
<title>
Just wait a bit! Yamram is coming soon...
</title>
</head>
Die Metas habe ich noch nicht fertig Dafür brauche ich noch ein bisschen 
Was muss ich eigentlich als Meta-Informationen schreiben? Meiner Meinung nach sollte folgendes darein:
Eigentlich finde ich, dass das reicht. Was sagst du dazu?
Das mit den relativen Angaben und dem fixen verstehe ich nicht^^ Sorry
Wieso? Das sind doch Angaben für horizontale Ausrichtung und vertikale Ausrichtung oder nicht?
Haha, ok, besser als vorher reicht mir vorerst.
webmaster3000:
Irgendwie hast du Recht. Aber in Firefox und Google läuft alles ganz gut. Rest muss ich noch gucken.
Also meinst du, dass ich immer direkt für alle Browser das optimieren?
Nein, eigentlich nicht, denn, wenn du neulädst, wird wie gesagt alles NEU geladen
Naja, Glück im Unglück
Heyho,
kann ich mal deinen Code sehen?
Hey Leute,
um das Thema Coming Soon Page jetzt einmal abzuschließen, habe ich den alten Thread "gelöscht" und bin gerade dabei jetzt hier einen neuen zu erstellen. Nach dem ersten Thread, womit die meisten nicht zufrieden waren, dachte ich mir, dass ich die Idee der Coming Soon Page behalte, aber nach den lange gesuchten Tipps entwickle. Mithilfe eurer Tipps und noch anderen Tipps von Freunden, habe ich am Wochenende etwas neues entwickelt. Da ich zurzeit noch nichts hochladen möchte, zeige ich euch wieder Bilder und den Code natürlich. Ich weiß, ihr würdet das ganze leiber "live" sehen, aber naja.
Das Konzept ist recht einfach. Wenn die Seite geladen ist, schieben sich zwei Holzwände voneinander weg und es erscheint eine Art Himmel mit einer Aufschrift. Im unteren Teil der Seite kann man einen Newsletter abbonieren. Die Funktion dessen hat hier ersteinmal nichts zu suchen, es geht ausschließlich um das Design.
Soooo, hier ist einmal ein Bild der kompletten Seite, wenn die Holzwände noch "zu" sind:
[attachment=2]<!-- ia2 -->forum1.png<!-- ia2 -->[/attachment]
Nach ungefähr 6 Sekunden (man sieht schon vorher Yamram Coming soon...), sind die Holzwände dann links und rechts:
[attachment=1]<!-- ia1 -->forum2.png<!-- ia1 -->[/attachment]
Und hier ist nocheinmal Bild:
[attachment=0]<!-- ia0 -->forum3.png<!-- ia0 -->[/attachment]
Der Text hat eine Kontur
Etwas ganz gutes hierdran ist, dass ich keine Icons von irgendwelchen Designern benutzt habe, sondern nur Gimp und meinen Kopf
Nun kommen wir zum Code. Hier einmal die CSS:
body {
margin: 0px;
width: 100%;
height: 100%;
background: url(bge.png) center center no-repeat #1c74aa;
min-width: 800px;
min-height: 420px;
}
#newsletter {
position: fixed;
bottom: 0px;
left: 0px;
right: 0px;
background-color: #eeeeee;
padding: 10px;
border-top: 1px solid #aaaaaa;
box-shadow: 0px -2px 10px #3e3e3e;
}
p {
font-family: tahoma;
text-align: center;
}
p span {
color: #1f7fbb;
}
p a {
padding: 5px;
background: url(navi.png);
border: 1px solid silver;
border-radius: 10px;
color: #3e3e3e;
text-decoration: none;
}
input {
padding: 2px 5px 5px 5px;
background: url(navi.png);
border: 1px solid silver;
border-radius: 10px;
color: #3e3e3e;
font-size: 18px;
text-decoration: none;
height: 39px;
}
input:hover {
background: url(navi_hover.png);
}
input:focus {
color: #1f7fbb;
}
@-moz-keyframes MoveWindowLeft {
from {left: 0;}
to {left: -40%;}
}
@-moz-keyframes MoveWindowRight {
from {right: 0;}
to {right: -40%;}
}
div#windowleft {
-moz-animation: MoveWindowLeft 6s ease 0s 1;
height: 100%;
background: url(bgvorhang.png) right center;
position: fixed;
left: -40%;
width: 49%;
box-shadow: 2px 0px 20px #3e3e3e;
}
div#windowright {
-moz-animation: MoveWindowRight 6s ease 0s 1;
height: 100%;
background: url(bgvorhang.png) left bottom;
position: fixed;
right: -40%;
width: 49%;
box-shadow: -2px 0px 20px #3e3e3e;
}Jetzt kommt der HTML-Code entsprechend zensiert (ihr dürft es sehen, aber es ist unnötig)
<body>
<div id="windowleft"></div>
<div id="windowright"></div>
<div id="newsletter">
<form method="post" action="newsletter.php">
<p>
Wanna get all <span>infos</span> about the <span>progesses</span> and the <span>development</span>? Just order the <span>email newsetter</span> <input type="text" value="your email adress" name="email" /> <input type="submit" name="submit" value="order" />
</p>
</form>
</div>
</body>ACHTUNG: Ich habe das bisjetzt nur für FF optimiert. Den Rest mache ich am Ende.
So, jetzt würde ich gern von euch Meinungen hören zu:
MfG
Philipp
Hört sich gut an und könnte mich angehen
Eigentlich ist das keine Lücke