Brauche fachmännischen Rat!

[SirBardn]

Hi, also bräuchte mal ein wenig Hilfe, weil ich hier leider nicht weiterkomme.
Also das Problem ist diese Seite http://msf.webhop.net , und dann dort die Kategorie "Downloads".
Wenn ich diese "Downloads" Seite mit Linux (Mozilla) anschaue, ist sie wunderbar, also so, wie ich sie haben wollte.
Wenn ich aber mit Windows, und egal mit welchem Browser (IE und FireFox) auf diese "Downloads" Seite gehe, sieht sie total scheiße aus. Da müssen irgendwie die Tables durcheinander kommen.
Ich find aber den Fehler nicht. Vielleicht wär ja einer (oder mehrere) von euch so nett und schaut sich mal den Quelltext von dieser Seite an.
Vielen Dank schon mal

SirBardn

PS: So sollte es aussehen !!


http://212.60.223.236/msf/so.jpg

[Sphinx]

{Made By :} {Download:} - Zeilen eine feste Breite vorgeben.


Währe anstelle von "Made By" nicht "Puplished" besser ? Und wegen der Übersichtshalber ":" Weglassen ?

[Gast]

ersetze mal ="0> durch ="0">

[SirBardn]

Original geschrieben von Gast
ersetze mal ="0> durch ="0">

Wo is'n das? Ich kann's nich finden (auch nich mit Suchfunktion meines Editors)

[Gast]

in einigen img-tags war das. ich denke, ich werde heute abend mal prüfen, ob die " mein proxy gefressen hat.

benutzt du einen wysiwyg-editor oder was ähnliches wie notepad?

[SirBardn]

Ich weiß nich was das is: "wysiwyg-editor", aber ich benutze halt Screem = html Editor und gEdit = entspricht notepad. Beides auf Linux.

[Gast]

wysiwyg= what you see is what you get= was du siehst bekommst du= man arbeitet nicht mit irgendwelchem quellcode sondern quasi in der fertigen ansicht.


hmm... komm gerade nicht auf den server.

[imagine]

Die Seiten sind invalide. Korrigier erst die Syntaxfehler und schau dann ob das Problem immer noch besteht.
http://validator.w3.org/check?uri=http://212.60.223.236/msf/

[SirBardn]

Also, ich hab's hinbekommen. Für alle die's interessiert, ich hab bei den download.gifs vergessen die <img... wieder zu zu machen, mit anderen Worten: Ich hab dieses Zeichen ">" vergessen.
Aber trotzdem komisch, dass mache Browser das verstehen, andere wiederum nicht.

[SirBardn]

Nächste Frage: Kann ich den schwarzen Hintergrund irgendwie durchsichtiger/transparent machen, oder geht das mit css nich??

[imagine]

Wenn der Hintergrund transparent ist, ist er nicht mehr schwarz.

Falls du eine Halbtransparenz meinst: Ja PNG kennt sowas. Der IE kommt mit PNG jedoch nicht vollkommen klar, es gibt allerdings bestimmte Micros~1 Behaviour Skripte die Halbtransparenz ermöglichen.

IIRC bedeuet das konkret: Du nimmst ein halbtransparentes schwarzes PNG und setzt das als Hintergrund ein. Dem IE lieferst du allerdings nur ein schwarzes Bild und machst das über diese HTC Skripte halbtransparent.

Deine Seiten sind übrigens immer noch invalide.

[MadMan2k]

oder du nimmst das von DM-Inferno geklaute(legal?) Hintergrundbild dunkelst es entsprechend ab und setzt es bei der Tabelle als Hintergrund.

[Dee]

Oder noch einfacher: bastel Dir ein schwarz-weisses GIF mit weißen Gitterlininen. Dann hast Du sowas ähnliches wie transparent. :)

Gruß, Dee

[SirBardn]

@ imagine:
Ok, also das mit dem halbtransparenten PNG könnt ich wahrscheinlich hinbekommen. Aber ich weiß nicht wie das halbtransparent-Script für den IE aussehen muss. Gibt's das irgendwo?
Außderdem weiß ich nicht, wie ich Netscape etc. einen Hintergrund geben und IE nen anderen.

@ MadMan2k:
Das war auch meine erste Idee, aber dann müsste ich ja genau das Stück, das hinter dem schwarzen Hintergrund liegt eben der Tabelle als Hintergrund geben. Sonst sieht es ja nicht aus als wäre sie trasparent, weil sich der Tabellenhintergrund nicht nahtlos in den Gesamthintergrund einfügt. Wie ließe sich das bewerkstelligen?
Übrigens sind wir doch ein UT clan. Da kann es doch nich so schlimm sein auf eine Website von einem UT clan ein Hintergrundbild aus einer UT map zu nehmen. Is ja nich geklaut, sondern nur geliehen. Sonst müssten diejenigen Clans, die das UT Logo auf ihre Seite packen auch dafür blechen. Außderdem ist doch ne Website von nem UT clan die beste Werbung für UT, oda nich!?!

@Dee:
Darauf komm ich zurück, wenn die anderen Möglichkeiten nich klappen. Trotzdem danke.

[MadMan2k]

Original geschrieben von SirBardn
@ MadMan2k:
Das war auch meine erste Idee, aber dann müsste ich ja genau das Stück, das hinter dem schwarzen Hintergrund liegt eben der Tabelle als Hintergrund geben. Sonst sieht es ja nicht aus als wäre sie trasparent, weil sich der Tabellenhintergrund nicht nahtlos in den Gesamthintergrund einfügt. Wie ließe sich das bewerkstelligen?

da du bei der Seite blöderweise ein riesiger Hintergrundbild genomen hast, anstatt sich wiederholdener Plattern, wirst du das geasmte Hintergrundbild nochmal als abgedunkelte VErsion bereitstellen müssen.
Den Tabellenhintergrund kannst du dann, so definieren:


body {
background-image:url(background_dark.jpg);
background-position: -50% -10%; /* offset left top */
}


du musst allerdings etwas mit den Werten experimentieren, damit es bei dir passt.

wegen der PNG transparenz & IE:
http://www.koivi.com/ie-png-transparency/

[Gast]

oder allgemein zur transparenz:

http://www.forum-3dcenter.org/vbulletin/showthread.php?threadid=136588&highlight=transparent

[SirBardn]

@MadMan2k:
Cool danke. Ich hab zwar im Moment keine Zeit, aber ich werd's nachher gleich mal probieren, das mit dem abgedunkelten Hintergrund meine ich. Wenns nicht klappt versuch ich die PNG Sache.
Aber zu dem rießen Hintergrund: Ich wollte halt, dass der Hintergrund oben anders ist als alles was darunter liegt. Wenn ich sich wiederholende Platten genommen hätte, würde der Hintergrund doch überall gleich aussehen. Da ich das nicht wollte hab ich n rießen Hintergrund gemacht, der bis zu einer Bildschirmauflösung von 1600*1200 geht. Und nach unten genügend Platz bieten zum ordentlich scrollen. (1600*2000)

@Gast, werd ich auch mal nachher anschauen, danke

[imagine]

Falls sich dein Hintergrundbild irgendwann mal wiederholt, kannst du auch einen langen Streifen davon nehmen und den in X-Richtung kacheln.

[SirBardn]

Wie?

[-Slicer-]

Original geschrieben von SirBardn
Wie?

Du machst einfach einen 1px breiten senkrechten Streifen, in deinem Fall von schwarz nach orange. Dann so einbinden:
<body style="background-image:url(background.jpg)">
Jetzt sollte der Hintergrund in x und y Richtung gekachelt werden.
Falls du nur in x Richtung gekachelt haben willst, mußt du es so schreiben
<body style="background-image:url(background.jpg)" background-repeat:repeat-x;>


Würde dir allerdings empfehlen einen Hintergrund von schwarz über orange bis schwarz zu machen (1px breit), dann hast du wenn die Seite doch mal länger wird immer schöne übergänge.

[imagine]

Das Bild kann auch breiter als 1 Pixel sein. Da der Hintergrund nicht gleichmäßig ist empfehle ich das auch.