Design+Site Check

[Freelancer]

Falls es noch irgendjemand interessiert bzw. falls noch irgendjemand Lust hat, mir zu helfen und die Seite kritisch zu bewerten, hier nochmal die URL: http://www.bail-webdesign.com/

Und sollte noch jemand Interesse haben, mir zu helfen, was das Problem mit meinen DIV's und Styles angeht, da mir wie gehabt keine Synchronisation zwischen verschiedenen Webbrowsern, in diesem Fall IE und Firefox gelingt, kann dies noch immer gerne tun. Ich habe 2 Beispiele:
Die Sartseite für Firefox: http://www.bail-webdesign.com
Und Galery als Beispiel für IE: http://www.bail-webdesign.com/gallerie (Ich weiß, Galerie ist falsch geschrieben )
Ach ja: Selbst die Galerie sieht im IE nicht ganz perfekt aus, d.h. die Navigation bricht aus, und der Copyright et. Verweis teilt sich auch in zwei Absätze...


Wie gehabt sieht die Sartseite im IE schrecklich, im Firefox ok aus, und anders herum mit der Galerie-Page.
Wer sich diesem ganzen Problem nun widmen will, und dort einen Mittelweg zu finden, der kann gerne die ganzen Dateien als ".rar" downloaden:
http://www.bail-webdesign.com/bail-webdesign.rar

Danke! Gruß

Freelancer

 

[Malleus]

Folgende Fehler gibt's auf Deiner Seite:

var Pictures = new Array(
"http://www.bail-webdesign.com/img/jpg/top_gallerie.jpg",
"http://www.bail-webdesign.com/img/jpg/bottom.jpg",
"http://www.bail-webdesign.com/img/jpg/navi.gif",
"http://www.bail-webdesign.com/img/jpg/cover.jpg",  ///// Dieses Komma muß weg!
);

Das Ende muß "so" aussehen: Du hast das Schluß-Kommenar-Tag vergessen:

-->
</script>
</head>

 

[Freelancer]

Danke, habs gleich verbessert...

Sehe gerade, das mit dieser Verbesserung die IE Version gleich genausogut funktioniert wie die Startseiten-Firefox-Version. Genial! Danke! Nur ein Manko noch, im IE bricht die Navigation noch immer aus bzw. der Copyright-Verweis teilt sich noch immer trotz genügend Platz in 2 Absätze....kann mir diesbezüglich noch jemand helfen bzw. erklären warum? Im Firefox siehts ok aus...

 

[dkdenz]

Kopiere das mal exakt so rein und guck, ob was passiert...

<div id="haftung">Bail Webdesign | Copyright <SCRIPT LANGUAGE="JavaScript1.2">
var months=new Array(13);
var time=new Date();
var date=time.getDate();
var year=time.getYear();
if (year < 2000)
year = year + 1900;
document.write(year + "</center>");</SCRIPT> | All Rights Reserved |<a href="http://www.bail-webdesign.com">Haftung»»</a></div>

 

[Freelancer]

Genialer Ansatz, darauf lässt sich aufbauen, Danke dkdenz!

 

[Malleus]

Das ganze kann man auch wie folgt lösen:

<script language="JavaScript" type="text/javascript">
<!--
document.write(new Date().getFullYear())
//-->
</script>

Das ist etwas "valider" ;-)

Bei mir steht beim MSIE der Text über dem Bild ???

Der unterer Text sieht bei mir auch etwas seltsam aus: Anbei ein Bild

 

[Freelancer]

Bei mir steht beim MSIE der Text über dem Bild ???

Der unterer Text sieht bei mir auch etwas seltsam aus: Anbei ein Bild

Datum-Script ist geändert.
Ja, beim Firefox allerdings nicht. IE setzt die Syle-Befehle wohl anders um als Firefox.
Ich wende folgende Styles an:

#center	{
	margin-top:05px;
	text-align:center;
	text-valign:bottom;
	text-decoration:none;
	position:absolute;
	left:635px;
	top:7px;
	width:484px;
	margin-left:-380px;
	background-image:	url(../img/jpg/cover.jpg);
	height:582px;
}

#header	{
width:476px;
height:135px;
}

#navi {
margin-top:96px;
width:476px;
height:16px;
background-image:	url(../img/gif/navi.gif);
}

Die Befehle "margin" und "width, height, left ect.", also sprich die Angaben über px wertet IE wohl anders aus... gibt es eine bessere Methode wie diese Zahlenangaben, oder sollte ich im allgemeinen dieses "margin ect." nicht verwenden?


Hier einmal meine Version IE - Firefox, anbei das Bild:

 

[Malleus]

Versuch' mal folgende CSS-Änderungen:

#navi {
position:relative;
top:100px;
width:476px;
height:16px;
background-image:	url(navi0000.gif);
}

#welcome	{
font-size: 12px;
width:484px;
text-align:center;
color:#A79D6F;
position:relative;
top:260px;
font-weight:bold;
}

#welcome2	{
font-size: 11px;
width:484px;
text-align:center;
color:#8E8769;
position:relative;
top:268px;
}

#haftung {
text-align:center;
color:#D6BBBB;
position:relative;
top:386px;

font-size:8px;
font-weight:bold;
}

 

[Freelancer]

Danke, Danke, Danke! Die Seite sieht im IE endlich ansehbar aus. Und bis auf die ausrechende Navigation sieht sie sogar gleich aus wie in Firefox. Und um ein paar Worte zur Navigation zu sagen:

Ich konnte folgende Änderung nicht durchführen:

#navi {
background-image:    url(navi0000.gif);
}

Das ist der falsche Pfad zur GIF-Datei. Oder wolltest du somit was spezielles ausdrücken?
Das ganze ließe sich natürlich auch wie folgt lösen:

#navi {
background-color:#FEF6D1;
}

Lässt die Navigation im IE allerdings immer noch ausbrechen. Meine Theorie lautet, dass für den Ausbruch eigentlich nur eine Positionsangabe schuld sein kann. Oder etwa nicht?

Gruß
Freelancer

 

[Malleus]

Die "Navi"-Angabe hat natürlich den falschen Pfad, hab' mir das ganze bei Dir runtergezogen und dann entsprechend angepaßt.

Das mit dem Umbrechen schau' ich mir morgen vielleicht an, hab' gerade keine Zeit, "muß" meine Tochter beschäftigen ;-)

Idee: Wir wäre es, wenn Du ein "DIV" erzeugst mit dem Style "white-space:nowrap", das sollte eigentlich den Umbruch verhindern.

 

[Malleus]

Hatte gerade etwas Zeit, ich glaub', ich hab' Dich bezüglich "Ausbrechen" falsch verstanden:

Nimm mal aus dem Stylesheet bei ".center" das "text-align:center" raus und füg dieses in der "Navi"-Klasse ein, das sollte es gewesen sein.

 

[Freelancer]

Es funktioniert! Danke malleus!!! Ich glaube ich kann es nicht oft geug sagen...Danke, Danke, Danke !!

 

[Malleus]

Alles klar, freut mich, daß ich Dir helfen konnte.

 

[Prj. Phoenix]

auch mal ne frage was bedeuten dies "#" for den öh... "namen" im css?

sind das klassenbezeichungen?

 

[Malleus]

Die bezeichnen die Eigenschaften des Elementes mit der entsprechenden ID.

Näheres hier:
Css4You - ID-Selektoren

 

[Prj. Phoenix]

axo oki thx