probleme mit internet explorer

guitarist

hi! ich benutze mozilla und hab ein neues design für unsere band gemacht...allerdings sieht die seite auf dem internet explorer komplett anders aus...seht einfach nach: http://www.noability.de/newhp

mit opera dürfte die ungefähr so aussehen wie ich es will aber mit dem internet explorer passt die größenverteilung nicht...

vielen dank im voraus!

Wais

komisch so ein riesen unterschied habe ich bisher noch nie bemerkt. An deiner stelle würde ich es auf IE aufjedenfall optimieren denn die Mehrheit benutzt den IE.

guitarist

ja nur des problem ist dass ich des schon versucht hab aber mir nicht möglich ist...

Wais

poste ma bitte dein Code von der Hauptseite oder so

Ronald

Moin!

Bei mir sieht es mit allen drei Browsern (Mozilla, IE, Opera) chaotisch / fehlerhaft aus. Eigenartigerweise werden mit jedem Browser andere Grafiken nicht angezeigt, auch nicht nach mehrfachem reload.

Mal fehlt der rechte Rand und in der Mitte etwas (Opera), mal nahezu alles (IE). Mozilla zeigt die Seite nach mehrmaligem reload dann irgendwann richtig an, nur die Links sind etwas zu weit nach links gerutsch und sehen etwas komisch aus, da die Standardlinks optisch nicht zu Webseite passen.

Kann es sein, daß dein Webspace Trafficprobleme hat?

G.a.d.M.

Ronald

guitarist

des is der code vom index

HTML

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
  <meta name="description"
 content="Dies ist die offizielle Homepage der Band No Ability aus dem Raum Coburg. Die Band covert, spielt aber auch eigene Lieder im Bereich Punk Rock oder Alternative.">
  <meta name="author" content="No Ability">
  <meta name="keywords"
 content="No Ability, Band, Raum Coburg, Punk Rock, Alternative">
  <meta name="robots" content="follow">
  <meta http-equiv="content-type"
 content="text/html; charset=ISO-8859-1">
  <meta http-equiv="Content-Style-Type" content="text/css">
  <link rel="stylesheet" type="text/css" href="style.css">


  <link rel="shortcut icon" href="na.ico">
  <title>Die Offizielle No Ability Website --- News</title>
</head>
<body style="background-color: rgb(147, 145, 146);">
<script language="JavaScript1.2" type="text/javascript">
function block(form) {
	if (document.all || document.getElementById) {
		for (i=0;i<form.length;i++) {
			var tempobj=form.elements[i];
			if(tempobj.type.toLowerCase()=="submit"||tempobj.type.toLowerCase()=="reset"){
				tempobj.disabled=true;
			}
		}
	}
}
</script>
<table
 style="width: 855px; margin-left: auto; margin-right: auto; text-align: left;"
 border="0" cellpadding="0" cellspacing="0">
  <tbody>
    <tr>
      <td colspan="3"
 style="height: 62px; vertical-align: top; background-image: url(header.jpg);">[img]header.jpg[/img]</td>
    </tr>


    <tr>
      <td style="vertical-align: top; background-image: url(links.jpg);">
      <table
 style="margin-left: auto; margin-right: auto; text-align: left; width: 186px; height: 486px;"
 border="0" cellpadding="0" cellspacing="0">
        <tbody>
          <tr>
            <td colspan="5"
 style="width: 185px; height: 319px; vertical-align: top;">[url='news.html']News[/url]


            [url='band.html']Band[/url]


            [url='alben.html']Alben[/url]




            [url='pics.html']Pics[/url]


            [url='gigs.html']Gigs[/url]


            [url='downloads.html']Downloads[/url]


            [url='http://www.forum.noability.de/']Forum[/url]


            [url='g%E4stebuch.html']G&auml;stebuch[/url]


            [url='links.html']Links[/url]




            [url='kontakt.html']Kontakt[/url]


            [url='impressum.html']Impressum[/url]


            </td>
          </tr>
          <tr>
            <td> [img]uslinks.jpg[/img]


            </td>


            <td> [url='fabi.html'][img]usfabi.jpg[/img][/url]


            </td>
            <td> [url='steffen.html'][img]ussteffen.jpg[/img][/url]


            </td>
            <td> [url='alex.html'][img]usalex.jpg[/img][/url]


            </td>
            <td> [url='daniel.html'][img]usdaniel.jpg[/img][/url]




            </td>
            <td> [img]usrechts.jpg[/img]


            </td>
          </tr>
        </tbody>
      </table>
      </td>
      <td style="vertical-align: top;">


      <table style="width: 100%; text-align: left;" border="0"
 cellpadding="0" cellspacing="0">
        <tbody>
          <tr>
            <td
 style="vertical-align: top; background-image: url(neu2.jpg);"
 height="420" width="194">
            <table style="text-align: left; width: 100%;" border="0"
 cellpadding="0" cellspacing="0">
              <tbody>
                <tr>
                  <td
 style="vertical-align: top; text-align: left; width: 194px; height: 129px;">[img]newsletter.jpg[/img] 




                  <form
 action="http://www.fueralles.de/cgi-bin/nsl_pro/newsletter.cgi?id=noability"
 method="post" name="entry" onsubmit="block(this);"> <input
 name="submitemail" style="background-color: rgb(218, 150, 151);"
 value="Deine E-Mail Adresse"
 onmouseover="if (value == 'Deine E-Mail Adresse') {value=''}"
 onmouseout="if (value== '') {value='Deine E-Mail Adresse'}"
 onfocus="if (value == 'Deine E-Mail Adresse') {value=''}"
 onblur="if (value== '') {value='Deine E-Mail Adresse'}" size="24"
 type="text">


                    <div style="text-align: left;"><input name="action"
 value="subscribe" checked="checked" type="radio">Eintragen <input
 name="action" value="unsubscribe" type="radio">Austragen<input
 value=" Abschicken " type="submit"> </div>
                  </form>
                  </td>
                </tr>
                <tr>
                  <td
 style="vertical-align: top; text-align: left; width: 194px; height: 129px;">[img]termine.jpg[/img]




01.01.01 kindergeburtstag


02.02.02 muddis geburtstag
03.03.03 papis geburtstag</td>
                </tr>
                <tr>
                  <td
 style="vertical-align: top; text-align: left; width: 194px; height: 162px;">
                  [img]dies.jpg[/img]


                  [url='g%E4stebuch.html']G&auml;stebuch[/url]: 




14:09 von daniel


                  [url='http://www.forum.noability.de/']Forum[/url]:


24.12.04 01:24 von wuschel </td>
                </tr>
              </tbody>
            </table>
            </td>
            <td
 style="width: 445px; height: 420px; vertical-align: top; background-image: url(text.jpg);">


            <iframe src="text.html" name="Fensterlein" marginheight="4"
 marginwidth="4" align="left" frameborder="0" height="420"
 scrolling="yes" width="445">Ihr
Browser kann
leider keine
eingebetteten
Frames
anzeigen
            </iframe> 


            </td>
          </tr>
          <tr>
            <td
 style="vertical-align: top; background-image: url(unten.jpg);"
 colspan="2" height="66" width="639"> 


            </td>


          </tr>
        </tbody>
      </table>
      </td>
      <td
 style="vertical-align: top; background-image: url(rechts.jpg);"
 colspan="2" height="486" width="30">


      </td>
    </tr>
  </tbody>
</table>


</body>
</html>

Alles anzeigen

und zu den bidler problemen auf der linken seite...da fehlen noch die links weil ich die noch net gemacht hab...
so sollte die seite eigentlich aussehen: http://www.noability.de/newhp/screenshot.jpg

Ronald

Moin!

Also ohne den Quelltext jetzt genauer angeschaut zu haben:

Du solltest als allererstes die Zeilenumbrüche aus den Tags herausnehmen, denn jeder Zeilenumbruch ist ein (unsichtbares) Zeichen und das kann einen Browser verwirren.

Beispiel: aus deinem Quelltext

Code

<table
 style="margin-left: auto; margin-right: auto; text-align: left; width: 186px; height: 486px;"
 border="0" cellpadding="0" cellspacing="0">

Besser:

Code

<table style="margin-left: auto; margin-right: auto; text-align: left; width: 186px; height: 486px;" border="0" cellpadding="0" cellspacing="0">

Ich habe einmal angefangen deinen Quelltext zu säubern, da fing sogar der IE an zu kapieren, was man von ihm will - das scheint also das Hauptproblem mit der optischen Anzeige zu sein.

Hast du gerade etwas an der Seite geändert? - Im Moment sind die Grafiken nämlich alle spurlos weg, selbst nach mehrmaligem reload? Oder doch ein Trafficproblem deines Servers ?

Tipp: Ich würde eine große Hintergrundgrafik machen und dann ggf. grafische Beschriftungen pp. transparent darüber legen.
Die Links zu den Bandmitgliedern könnte man auch sehr gut mit einem Link-Area machen.

Die Verweis zu der Stylesheetdatei ist falsch, du hast sie ein Verzeichnis höher abgelegt als die HP selbst.

Soweit im Moment mal,

G.a.d.M.

Ronald

EDIT: jetzt (3 Min. später) werden die Grafiken wieder angezeigt

guitarist

also bei link-area hab ich festgestellt dass des mein ie explorer nicht erkennt (ie 4.0)

und des mit dem zeilenumbruch hab ich net gewusst dass des fehler verursachen kann...

Ronald

Areas werden von den Browsern seit HTML 3.2 erkannt, also beim Internet-Exporer ab Version 2.0 (Netscape ebenfalls 2.0).

Wenn's bei dir nicht geklappt hat, dann war der Quelltext sicherlich fehlerhaft.

G.a.d.M.

Ronald

Hm ok...hat hier vllt trotzdem jdm ne Lösung für mein Problem? Hat vllt jemand einen fehler gefunden?

Ronald

Zitat von Anonymous

Hm ok...hat hier vllt trotzdem jdm ne Lösung für mein Problem? Hat vllt jemand einen fehler gefunden?

Meintest du eventuell:

Zitat von Anonymous

Hm ok.
Hat hier vielleicht trotzdem jemand eine Lösung für mein Problem?
Hat vielleicht jemand einen Fehler gefunden?

Mensch Kinder, wir sind hier in Deutschland und wenn ihr in diesem Forum vernünftige Hilfe bekommen wollt, dann schreibt bitte verständliches Deutsch.
Ich (und ich weiß, daß ich da nicht allein bin) habe keine Lust, mir Gedanken über Problemlösungen zu machen, wenn ich die Frage erst 'decodieren' muß!

Ronald

Shila

Zitat von Ronald

Ich (und ich weiß, daß ich da nicht allein bin) habe keine Lust, mir Gedanken über Problemlösungen zu machen, wenn ich die Frage erst 'decodieren' muß!

Ronald

Da muß ich dir Recht geben.
Momentan ist es hier wirklich schlimm, was einem z.T. zu gemutet wird.