Beiträge von sejuma

Wie der filezilla funktioniert, kann ich dir nicht sagen. In jedem Fall muss die Startseite index.html oder index.php lauten und darf sich nicht in einem Ordner befinden. So wie's bei dir aussieht heißt sie net-side.
Normalerweise loggst du dich in den funpic-Server ein und lädst diese Datei direkt hoch.

So sollte es auch gehen:

<p style= "text-align:right">

Danke für die Blumen, yeti, warst schließlich der Initialfunke!
Mit -530px schließt der untere Bildrand in etwa mit der Linie über "Bier Trinken" ab. Aber das soll der Siggi mal selbst austüfteln, wie's ihm am besten gefällt. In dieser Zeit kann er uns ja ein Bier kalt stellen

Denk' schon, ist ja nur eine Warnung.
Der Sinn dieser Warnung könnte darin liegen: Stell dir mal vor, du hast einen schwarzen Hintergrund hinterlegt. Da kannst du noch so viel Text reinschreiben. Wenn der nicht eine hellere Farbe hat, wirst du ihn nicht lesen können.
Aber du vergibst dir ja nichts, wenn du color: black; reinschreibst.

Musst nicht zwingend eine angeben.
Die Vordergrundfarbe ist "color" und bezieht sich auf die Schriftfarbe.
Wenn sie vom Standardwert schwarz abweicht ist es sinnvoll, sie im body zu hinterlegen, da sie sonst in jedem div definiert werden müsste.

@yeti: du bringst mich da auf eine Idee - gemeinsam sind wir stark!
@Siggi:

Erstelle eine Sicherungskopie deiner Datei.

Nimm den css und html-Code von yeti.

Weise dem #content wie beschrieben eine feste Breite zu, etwa 550px

Ändere den #footer wie folgt (height rausnehmen):

#footer {
background-color: black;
padding: 0;color: white;
border-width: 1px;
border-style: solid;
border-color: gray;
margin: 10px;

Füge in die css 2 neue Klassen ein:

.left
{float:left;
margin-top:-512px;}


.right
{float:right;
margin-top:-512px;}

Ändere im HTML den footer-code wie folgt:

<div id="footer">
  [img]boarder_l.jpg[/img]
  [img]boarder_r.jpg[/img]
    Bier Trinken!
  </div>

Passe in der CSS noch die borders im footer an oder lass sie ganz weg.

Betrachte das Zwischenergebnis.

Wenn's so passt, dann lösche in den sidebar-pics die background url bzw. die kompletten container.

Viel Erfolg!

Setz mal bei #lisidebar-platzhalter und bei #residebar-platzhalter die height auf ca. 700px.
Du musst nach unten immer soviel Platz frei halten wie der content lang ist.

Die bessere Alternative ist es, die Platzhalter ganz wegzulassen und dafür dem content eine bestimmte Breite zuzuweisen mit

width:550px;

oder 60% kommt das in etwa hin.

Nimm die Bilder aus dem footer raus und mach sie in die sidebars. Das ist von der Anordnung her konsequenter. Mit position:absolute; kommt der IE nicht immer zurecht.

Mal meine "Standardantwort" oder First-Check:
Hast du in deinen Seiten einen DOCTYPE angegeben und sind die Seiten valide?
Falls ja liegt es dann wirklich an der unterschiedlichen Interpretationsweisen der Browser. Allerdings sind die Macken des IE bekannt und lassen sich mit bestimmten Tricks meist auch beheben.

Die Bilderbreite und -höhe solltest du nicht in % angeben, sondern mit den Pixelwerten, wie sie die jeweilige Grafik hat. Notfalls ganz weglassen, führt dann aber zu längeren Ladezeiten.
Darüber hinaus kann es zu einem Konflikt kommen, wenn die Zellenbreite (hier 33 %) kleiner ist als das Bild.

Überprüfe auch nochmal die Reihenfolge der öfnenden und schließenden Tags.

Auch der FF stellt deine Seiten nicht richtig dar, z.B. wenn man auf search geht sind auch hier die Tabellen verschoben.

Sorry, aber ich geb's auf. Hab mal einen Doctype reingemacht und die Seite validiert. Ergebnis: Ein schwerwiegender Fehler und nach dessen Bereinigung noch 227 weitere. Solange die nicht bereinigt sind, sucht man wie die Nadel im Heuhaufen nach den Ursachen.
Da kannst du nichts dafür, das liegt an deinem Editor.
Meine Empfehlung: Probiers mit nem anderen Editor, vielleicht mit NVU,
Noch besser mit Phase 5 und CSS, wenn du das hinkriegst, aber das erfordert bestimmte Kenntnisse in HTML und CSS. In diesem Fall hat CSS nichts mit Counterstrike sondern mit Cascading Style Sheets zu tun.

Das kann daran liegen, dass du bei deinen Tabellenbreiten mit unterschiedlichen Maßeinheiten (px und %) arbeitest, die der IE unterschiedlich interpretiert.
Gib mal bei bei den äußeren Tabellen als "table width" entweder einheitlich die 934px oder einheitlich die 100% ein.

Hab mal etwas rumgedoktert, allerdings kann ich mir das Ergebnis momentan nur im alten IE 5.5 ansehen.

Such mal nach dieser Zeile:

<td colspan=4> <img src="Bilder/newsticker_01.jpg" width="512px"

Wenn ich hier den Wert für "width" auf maximal 338px setze erscheint der Balken "im grünen Bereich". Musst evtl. noch eine Feinjustierung vornehmen.
Das ganze hängt damit zusammen, dass die Tabellen sehr verschachtelt sind und nicht immer einen öffnenden und schließenden table-tag bzw. tr- oder td-tag an der richtigen Stelle haben.
Deshalb solltest du unbedingt yeti's Vorschlag beherzigen, einen DOCTYPE einfügen und anschließend die Seite validieren. Da bekommst du dann exakt die Fehlerstellen angezeigt, die es zu verbessern gilt.

Das ist eben genau das Problem solcher WYSIWYG-Editoren. Sie mal nach ob der eine Quelltext-Ansicht bzw. einen Quelltext-Bearbeitungsmodus hat.
Ansonsten benutze den ganz normalen Windows-Editor.

In einer HTML-Datei dürfen

<html>

,

<head>

und

<body>

sowie die dazugehörigen schließenden Tags (z.B.

</html>

usw) nur einmal vorkommen.
Du verwendest sie aber mehrfach. Sieh dir mal an, wie die Grundstruktur einer Seite aufgebaut ist, z.B. hier oder in unzähligen anderen Beispielen im web.

Hab mir deine Seite jetzt mal etwas genauer angesehen.
Suche mal in deimen Quelltext nach folgender Stelle:

<table border="0" width="750" align="left">
        <tr>
            <td width="744">

Ersetze diesen Code durch

<table style="width: 750px;" border="0">
  <tbody>
            <td style="width: 744px; margin-top: 0px;">

Bei mir ist der Rand im Firefox dann weg.

Zitat von Shade

Die ersten zwei Vorschläge alleine haben leider nicht funktioniert.

Davon war auszugehen. Aber ohne das wäre die Fehleranzeige nicht möglich gewesen. Übrigens solltest du das auf den übrigen Seiten genauso machen.

Folgender Vorschlag:
Mach zuerst mal eine Sicherungskopie von deinen Dateien, damit ich nicht schuld bin wenn was schief läuft

Dann nimm im Quelltext mal alles raus, was im Validator als unzulässig angegeben ist. Insbesondere mal die unzulässigen Angaben bei Zeile 170, Spalten 288, 303, 319, 333. Also z.B. diese Stelle

leftmargin="0"

und die anderen ebenso.
Wenn das über dein Programm nicht geht, dann nimm den normalen Windows Editor (aus dem Zubehörbereich). Die einzelnen Änderungen immer abspeichern und nachsehen, wie's dann aussieht.

Das ist leider das generelle Problem solcher WYSIWYG-Editoren: Du kannst damit ohne große Kenntnisse relativ schnell und einfach eine HP erstellen, aber dass da meist viele Fehler im Quellcode produziert werden, ohne dass du was dafür kannst, fällt leider nicht auf.
Wenn du dich für die Materie wirklich interessierst, solltest du dir einige Grundkenntnisse in HTML und CSS aneignen und die Page mit einem vernünftigen Editor dann selbst coden. Ist etwas mühsam am Anfang, aber man kommt schnell in die Materie rein wenn man die Logik mal kapiert hat.

Da gibt's etliches zu tun, ob's was nützt muss man dann sehen:

1. Gib mal vor der ersten Zeile des Quelltextes das hier ein:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">

2. Ersetze (ziemlich oben) <style> durch

<style type="text/css">

3. Speichere die Änderungen ab.
4. Lass die Seite dann hier validieren und bereinige die Fehler. Da sind insbesondere auch einige unzulässige margin-Ausdrücke drin, welche die Ursache sein können.
Wenn die Seite valide (also frei von Code-Fehlern) ist und das Problem dann immer noch besteht, melde dich nochmal.

Ordne mal dem #main-container noch eine Breite zu, z.B.
width:90%; oder width:780px;
dann sollte es klappen.

Das kann mit der Verschachtelung und der Vererbung zusammenhängen. Link zur Veranschaulichung oder Quelltext wäre hilfreich.

http://favicon.de/