Internet Explorer, FireFox, HTML Problem

HoRRoRTeRRaN · 01.03.2006

Vorweg ich benutze den IE.
Also ich habe ne Homepage gecodet. Als ich sie dann vorgestellt hab kamen einige stimmen "ah das sieht ja voll zerhackt und kacke aus" etc. ich hab mich gewundert was sie meinten , weil im IE sah die page voll ok aus. Nach ner zeit sagte dann einer ich solle mir die page mal im FF anschaun. Dort sah sie wirklich nur kacke aus. das problem war das manche ränder nicht angezeigt werden, die ränder die per "style="border-right-style: solid; border-right-width: 1; border-left-style: solid; border-left-width: 1"" erstellt werden. Das komische dabei ist, wenn ich auf aktualisieren gehe, werden sie aufeinmal angezeigt, geh ich nochmal auf aktualisieren sind sie wieder weg. was is das?!

cart · 01.03.2006

Schlechtes CSS. Bau das CSS mal richtig ein, dann sollte es auch keine Probleme mit dem anzeigen geben. Wenn es immer noch anders aussieht als du es gern hättest, dann pass es lieber mit Hilfe von FF an, anstatt mit dem IE.

HoRRoRTeRRaN · 01.03.2006

ja und wie bitte? wie ich nachgelesen hab war das der richtige code...

cart · 01.03.2006

Niemand hier kann deinen Code debuggen, wenn du ihn nicht postest.

HoRRoRTeRRaN · 01.03.2006

oben eigentlich schon den hauptteil angegeben aber nochmal komplett vollständig:
<table style="border-collapse: collapse" bordercolor="#6F6F6F" border="0" cellpadding="0" cellspacing="0" width="1000">
<tr><td style="border-right-style: solid; border-right-width: 1; border-left-style: solid; border-left-width: 1"></td></tr></table>

Myxomat · 01.03.2006

Es wäre halt einfacher, wenn du zu der fraglichen Seite linken könntest. Das aber nur nebenbei.

HoRRoRTeRRaN · 01.03.2006

dies ist leider nicht möglich =) hat bestimmte gründe :P

EnimaN · 01.03.2006

schaue mal ob deine seite valide ist:

http://validator.w3.org/
http://jigsaw.w3.org/css-validator/

wenn nicht, dann haste erstmal ein paar fehler zu koorigieren

HoRRoRTeRRaN · 01.03.2006

is ne .php file...

BiBaButzemann · 01.03.2006

cart · 01.03.2006

Jo und? Irgendwo im Web wird sie wohl erreichbar sein und die URl kannst du beim Validator problemlos angeben.
Btw, der HTML/CSS Mix ist scheisse. Mach lieber sowas draus:

Code:

<table style="border:0px; padding:0px; margin:0px; width:1000px;">
 <tr>
  <td style="border-right:1px solid #6F6F6F; border-left: 1px solid #6F6F6F;"></td>
 </tr>
</table>

HoRRoRTeRRaN · 01.03.2006

ja der validator sagt er kann ab zeile blabla die datei nichtmehr parsen weil dort ein nichtbekannter befehl steht o.O;

HoRRoRTeRRaN · 01.03.2006

immerhin nur 63 errors 8[ http://validator.w3.org/check?uri=h...windows-1252&doctype=Inline&ss=1&sp=1&No200=1
jedoch welche die ich net checke T.T

aMrio · 01.03.2006

also ich hab firefox und die seite http://sct.h0sted.org/v2/index.php sieht imho ganz ok (und gut) aus.

war das ein baukastensystem oder selbst gecodet? weil bei letzterem wundert mich deine unkenntnis doch sehr; und bei ersterem wirst du wohl nie fehler vernünftig fixen können.

HoRRoRTeRRaN · 01.03.2006

nein, ich habe alles komplett selbst gecodet.
nur hier mal ein screen wie es bei mir aussieht, das mein ich:

cart · 01.03.2006

Da die meisten hier die dir helfen können den FF benutzen, solltest du lieber einen Screen vom IE posten, damit wir sehen können, wie es aussehen soll.

HoRRoRTeRRaN · 01.03.2006

von nem IE ähnlichen browser, zumindest siehts im IE genauso aus

cart · 01.03.2006

Bau mal ins Table-Tag "rules="all"" mit ein (Erklärung).

HoRRoRTeRRaN · 01.03.2006

nun erscheinen im FF linien die garnet da sein sollen, ich lass den tag mal drin, schaus dir selbst an^^

cart · 01.03.2006

Kannst du mir mal erklären, wie du einen Rahmen erzeugen willst, wenn dein Table-Tag so aussieht:

(...)rules="all" border="0" style="padding:0px; margin:0px; border-collapse: collapse"(...)

???
=> <table rules="all" style="padding:0px; margin:0px; border-collapse: collapse; border:1px solid #6F6F6F; width:1000px;">

Weitere Fehler und überflüssige Sachen:
1.
a) Startet ein HTML-Dokument mit dem DOCTYPE, danach kommt ein <html>. Ein </html> ist auch das letzte Tag im Dokument. _NICHTS ANDERES!_
b) Da ist ein <center> ganz oben. Weg damit. Das darf, wenn überhaupt, nur im <body> auftauchen. Ganz am Schluss genauso. Das </center> gehört VOR das </body>.
c)<body bgcolor="#000000" LEFTMARGIN=0 TOPMARGIN=0 MARGINWIDTH=0 MARGINHEIGHT=0> => <body style="margin:0px; background-color:#000000;">

2. <td style="border-right:1px solid #6F6F6F; border-left:1px solid #6F6F6F; width:1000px;" colspan="4"> - width:1000px; kann raus, da du mit colspan="4" schon angegeben hast, dass die Zelle über _alle_ 4 Spalten laufen soll.
<img width="1000" height="200" src="header/header.jpg"> - solltest du besser als Backgroundimage einbinden.
=> <td style="border-right:1px solid #6F6F6F; border-left:1px solid #6F6F6F; height:200px; background-image:url(header/header.jpg);background-repeat:no-repeat;" colspan="4"><br></td>

3. <td style="border-right:1px solid #6F6F6F; border-left:1px solid #6F6F6F; width:1000px;" align="left" bgcolor="#000000" colspan="4"> - siehe oben:
=> td style="border-right:1px solid #6F6F6F; border-left:1px solid #6F6F6F; width:1000px; text-align:left; background-color: #000000;" colspan="4">

4. Du solltest nicht mit <font> arbeiten, sondern mit CSS. Das macht es _viel_ übersichtlicher und ausserdem kannst du es hinterher schöner ein Klassen packen.

5. Mit CSS kannst du auch Sachen wie eine feste Vorgabe von Schriftart, -größe und -farbe angeben, die nur umdefiniert werden muss, wenn sie anders als die Vorgabe sein muss. Damit sparrst du dir die Hälfte deiner Formatierungen.

6. Wenn du mehr als 2 Rahmen gleich definierst, also z.b. border-left, border-right und border-bottom, ist es einfacher, wenn du einfach border:1px solid black; nimmst und danach border-top:0px; machst. Wenn du alle 4 Seiten formatierst, kann man auch nur border:1px solid black; nehmen. Damit sind dann alle 4 angesprochen.

Ich schätze, dass du damit erstmal genug zu tun haben wirst. Bevor du hier danach/dabei jede Kleinigkeit nachfragst, schau am besten erstmal auf http://de.selfhtml.org . Da ist auch eine CSS Hilfe.

edit: Btw, ich hasse Tabellenlayouts und das Chaos zeigt deutlich warum :bored:

Alles mit CSS wäre viel einfacher, übersichtlicher und würde weniger Probleme machen!

HoRRoRTeRRaN · 02.03.2006

Original geschrieben von cart
Kannst du mir mal erklären, wie du einen Rahmen erzeugen willst, wenn dein Table-Tag so aussieht:

(...)rules="all" border="0" style="padding:0px; margin:0px; border-collapse: collapse"(...)

???
=> <table rules="all" style="padding:0px; margin:0px; border-collapse: collapse; border:1px solid #6F6F6F; width:1000px;">

Weitere Fehler und überflüssige Sachen:
1.
a) Startet ein HTML-Dokument mit dem DOCTYPE, danach kommt ein <html>. Ein </html> ist auch das letzte Tag im Dokument. _NICHTS ANDERES!_
b) Da ist ein <center> ganz oben. Weg damit. Das darf, wenn überhaupt, nur im <body> auftauchen. Ganz am Schluss genauso. Das </center> gehört VOR das </body>.
c)<body bgcolor="#000000" LEFTMARGIN=0 TOPMARGIN=0 MARGINWIDTH=0 MARGINHEIGHT=0> => <body style="margin:0px; background-color:#000000;">

2. <td style="border-right:1px solid #6F6F6F; border-left:1px solid #6F6F6F; width:1000px;" colspan="4"> - width:1000px; kann raus, da du mit colspan="4" schon angegeben hast, dass die Zelle über _alle_ 4 Spalten laufen soll.
<img width="1000" height="200" src="header/header.jpg"> - solltest du besser als Backgroundimage einbinden.
=> <td style="border-right:1px solid #6F6F6F; border-left:1px solid #6F6F6F; height:200px; background-image:url(header/header.jpg);background-repeat:no-repeat;" colspan="4"><br></td>

3. <td style="border-right:1px solid #6F6F6F; border-left:1px solid #6F6F6F; width:1000px;" align="left" bgcolor="#000000" colspan="4"> - siehe oben:
=> td style="border-right:1px solid #6F6F6F; border-left:1px solid #6F6F6F; width:1000px; text-align:left; background-color: #000000;" colspan="4">

4. Du solltest nicht mit <font> arbeiten, sondern mit CSS. Das macht es _viel_ übersichtlicher und ausserdem kannst du es hinterher schöner ein Klassen packen.

5. Mit CSS kannst du auch Sachen wie eine feste Vorgabe von Schriftart, -größe und -farbe angeben, die nur umdefiniert werden muss, wenn sie anders als die Vorgabe sein muss. Damit sparrst du dir die Hälfte deiner Formatierungen.

6. Wenn du mehr als 2 Rahmen gleich definierst, also z.b. border-left, border-right und border-bottom, ist es einfacher, wenn du einfach border:1px solid black; nimmst und danach border-top:0px; machst. Wenn du alle 4 Seiten formatierst, kann man auch nur border:1px solid black; nehmen. Damit sind dann alle 4 angesprochen.

Ich schätze, dass du damit erstmal genug zu tun haben wirst. Bevor du hier danach/dabei jede Kleinigkeit nachfragst, schau am besten erstmal auf http://de.selfhtml.org . Da ist auch eine CSS Hilfe.

edit: Btw, ich hasse Tabellenlayouts und das Chaos zeigt deutlich warum Alles mit CSS wäre viel einfacher, übersichtlicher und würde weniger Probleme machen!

zu dem oberenteil mit dem 'border="0"'
ich möchte nur in bestimmten tabellen die ränder angezeigt haben. wenn ich nun das border="0" wegmache oder es halt auf 1px setze, dann werden durch meine ganze HP linien gezogen. dies sollte nicht sein. ob ich nun verdefiniere "normalerweise border="0" nur in bestimmten tabellen dann 1px #6F6F6F" oder ab ich mache "ersmal überalll border=1px nur da wo ich sie nich haben will muss ich dann border 0px' ist da nen unterschied?

cart · 02.03.2006

Also ich habe nicht überall einen Rahmen, wenn du border="0" aus den Table-Tag rausnimmst.

Nimm das hier mal für die Zellen.
<td style="border:1px solid #6F6F6F; background-color:#FFFFFF; width:292.5px; font-family: Verdana; font-size:11px; color:#000000;">

Wie gesagt: Schaff am besten erstmal Ordnung und mach soviel wie geht mit CSS. Dann findet man mögliche Fehler leichter.

Internet Explorer, FireFox, HTML Problem

HoRRoRTeRRaN

Guest

Technik/Software Forum

HoRRoRTeRRaN

Guest

Technik/Software Forum

HoRRoRTeRRaN

Guest

Myxomat

Guest

HoRRoRTeRRaN

Guest

HoRRoRTeRRaN

Guest

Technik/Software Forum

HoRRoRTeRRaN

Guest

HoRRoRTeRRaN

Guest

HoRRoRTeRRaN

Guest

Technik/Software Forum

HoRRoRTeRRaN

Guest

Technik/Software Forum

HoRRoRTeRRaN

Guest

Technik/Software Forum

HoRRoRTeRRaN

Guest

Technik/Software Forum