• Jetzt anmelden. Es dauert nur 2 Minuten und ist kostenlos!

Verschiedene Browser - Verschiedene Probleme

Status
Für weitere Antworten geschlossen.
D

DerM

Neues Mitglied
Hey ihr HTML-Tüftler!

Ich habe mir eine Homepage hochgezogen und habe sie mir immer ab und zu mal im Opera angeschaut, wie sie denn so aussieht. Alles immer perfekt, wie ich es mir vorgestellt habe.

Nun habe ich es mir aber mal im IE angeschaut, und alles ist verschoben. Tabellen sind zusammengequetscht, die ganze Seite ist nicht mehr zentriert sonder linksbündig und all so ein Quatsch.

Im Firefox gibt es auch Probleme.


WORAN kann das liegen?

Bitte helft mir!


Vielen Dank,
Michi
 
Werbung:
Fehlender oder Falscher Doctype, Quelltext nicht valide, und darüber hinaus gibt es sicher noch tausend und mehr andere Möglichkeiten, welche ich in meiner Glaskugel erblicke.
 
Werbung:
...

Hätt ich mir fast denken können, sorry! ;D


also hier ist er:
TUT MIR LEID! Ich bin gerade auf der Arbeit, kann die Leerzeichen nicht entfernen.


Code: 
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
 
  <title>Strompreisberatung | LED</title>
  <meta name="IDENTIFIER-URL" content="http://www.strompreisberatung.de/ausgegl&uuml;ht.html">
  
  <meta name="DESCRIPTION" content="Stromsparen mit LED Lampen z.B. an Weihnachten!">  
  <meta name="KEYWORDS" content="aktuell, nachrichten, weihnachten, led, sparen, lampe, lichterkette">
  <meta http-equiv="KEYWORDS" content="aktuell, nachrichten, weihnachten, led, sparen, lampe, lichterkette">

  <meta name="Content-Language" content="de">
  <meta http-equiv="AUTHOR" content="Michael Gardner">  
  <meta name="ROBOTS" content="INDEX, FOLLOW">

  <meta name="REVISIT-AFTER" content="7 days">
  <meta http-equiv="Pragma" content="SELECTED">
  <meta http-equiv="Cache-Control" content="SELECTED">



  
  
  <style type="text/css">
<!--
a:link { color:#003300; text-decoration:none; }
a:visited { color:#003300; text-decoration:none; }
a:active { color:#006600; text-decoration:none; }
a:hover { color:#006600; text-decoration:underline; }
//-->
  </style>
  
  
  <style type="text/css"> A {text-decoration: none } </style>
</head>


<body style="color: rgb(0, 0, 0); background-color: rgb(255, 204, 51);" onload="window.setTimeout ('datumuhr()',1000);" alink="#000099" link="#000099" vlink="#990099">



<br>
<table style="width: 752px; text-align: left; margin-left: auto; margin-right: auto; background-color: rgb(255, 255, 255);" border="0" cellpadding="0" cellspacing="0">
  <tbody>
    <tr>

    </tr>
    <tr>

      <td style="background-color: rgb(238, 238, 238);"> <img style="width: 160px; height: 80px;" alt="" src="http://www.html.de/images/bannerteil1.jpg"></td>



      <td align="center"><span style="font-weight: bold;"><img style="width: 604px; height: 80px;" alt="strompreisberatung" src="http://www.html.de/images/banner.jpg"> </span></td>

      <td style="background-color: rgb(255, 204, 51);"> <span style="font-weight: bold;"><img style="width: 160px; height: 80px;" alt="" src="http://www.html.de/images/bannerteil2.jpg"><br>

      </span></td>
    </tr>
    <tr>
      <td style="width: 120px; vertical-align: top; text-align: left; background-color: rgb(238, 238, 238);">
      
      <ul class="menue">   
      
      </ul>



         
      <div style="text-align: center;"><a href="index.html"><span style="color: rgb(51, 51, 51); font-weight: bold;">Home</span></a><br>



      <a href="impressum.html"><span style="color: rgb(51, 51, 51); font-weight: bold;">Impressum</span></a><br style="color: rgb(51, 51, 51); font-weight: bold;">

      <a href="ueberuns.html"><span style="color: rgb(51, 51, 51); font-weight: bold;">&Uuml;ber
uns</span></a><br style="color: rgb(51, 51, 51); font-weight: bold;">

      <br style="color: rgb(51, 51, 51); font-weight: bold;">

      <a href="testberichte.html"><span style="color: rgb(51, 51, 51); font-weight: bold;">Testberichte</span></a><br style="color: rgb(51, 51, 51); font-weight: bold;">

      <a href="erfahrungsberichte.html"><span style="color: rgb(51, 51, 51); font-weight: bold;">Erfahrungsberichte</span></a><br style="color: rgb(51, 51, 51); font-weight: bold;">

      <a href="stromrechner.html"><span style="color: rgb(51, 51, 51); font-weight: bold;">Stromrechner</span></a><br style="color: rgb(51, 51, 51); font-weight: bold;">

      <a href="energieausweis.html"><span style="color: rgb(51, 51, 51); font-weight: bold;">Energieausweis</span></a><br style="color: rgb(51, 51, 51); font-weight: bold;">

      <span style="text-decoration: underline;"><span style="font-weight: bold;"></span></span><a style="color: rgb(51, 51, 51);" href="newsletter.html"><span style="font-weight: bold;"></span></a><br>

      <a href="newsletter.html"><span style="font-weight: bold; color: rgb(51, 51, 51);">Newsletter</span></a><br style="color: rgb(51, 51, 51); font-weight: bold;">

      <a href="nachrichten.html"><span style="font-weight: bold; color: rgb(51, 51, 51);">Nachrichten</span></a><br>



      <a href="stromgewinnen.html"><span style="color: rgb(51, 51, 51); font-weight: bold;">Strom
gewinnen</span></a><br>



      </div>



      </td>



      <td align="left" valign="top" width="512">
      
      <p></p>
      <span style="font-weight: bold;"></span></td>

      <td style="width: 120px; vertical-align: top; text-align: left; background-color: rgb(238, 238, 238);"><br>

      <div style="text-align: center; background-color: rgb(238, 238, 238);">--------------------------<br>



      <br>

Bestellen Sie <a href="newsletter.html">hier</a>
unseren kostenlosen <a href="newsletter.html">Newsletter</a>!<br>




--------------------------<br>



      </div>



      </td>
    </tr>
    <tr>
    </tr>
    <tr>
      <td colspan="3" bgcolor="#c0c0c0" height="20" width="752">
      
      
      <div style="text-align: center;">Michael Gardner -
Westgraben 15 -
48324 Sendenhorst - 02526 / 614002 </div>



      </td>



    </tr>



  
  
  </tbody>
</table>



<!-- 4stats Tracker Code // begin -->
<script type="text/javascript" src="http://4stats.de/de/counter?id=41566&amp;cntr=hide"></script>
<noscript><a href="http://www.4stats.de/"
target="_blank"><img
src="http://4stats.de/de/stats?id=41566&amp;cntr=hide" border="0"
alt="4stats Webseiten Statistik + Counter" /></a></noscript>



<!-- 4stats Tracker Code // end -->
</body>
</html>

Vielen Dank für eure Hilfe
 
Zuletzt bearbeitet von einem Moderator:
Hast Du wohl in der Arbeit keine Backspace-Taste? :-)
Hättest ja auch einen Link posten können, da brauchts keine Leerzeichen.
 
:D doch die Taste hab ich schon, bloß auch etwas anderes.. bisschen Stress! Viel zu tun und gleich noch zum Geburtstag.. aber ich hab jetzt schon mal ein paar Leerzeichen rausgehauen!
 
Werbung:
Dein Code ist etwas veraltet und ein bunter Mix aus Div's und Tabellen.
Da kommt gewöhnlich nix g'scheit's dabei raus.

Versuch es mal zunächst mit diesem Doctype:
Code: 
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
 "http://www.w3.org/TR/html4/loose.dtd">
Wenn das nichts hilft (und auch ohnehin):
Schmeiß den ganzen Tabellenkram raus, befasse dich mit CSS und baue eine klar strukturierte Seite auf.
 
Danke!

Alles klar vielen Dank!


Ja, es wird bestimmt daran liegen, dass ich kein CSS verwendet habe... ich werd das Design ändern! Es war halt nur so das ich mir vor kurzer Zeit erst HTML beigebracht habe und deswegen auch sehr wenige Kenntnisse... dann hab ich mir NVU runtergeladen und einfach mal ein bisschen gebastelt. Aber nun weiß ich ja, dass das nicht ganz so einfach ist.


VIelen Dank :-)!


Michi
 
Noch eine Frage

So ich bin gerade dabei, das alles ein bisschen umzuschreiben und nicht mit dem Prog NVU zuarbeiten, sondern erstmal den Grund selber lege.

Nun muss ich aber sagen, dass ich trotzdem relativ viele Tabellen benutze. Ihr habt mir ja gesagt, ich soll dass alles in CSS packen. Könnt ihr mir villt kurz erläutern, wie man denn Menü leiste, Textfeld und rechte Werbeseite neben einander bekomme, ohne tabellen zubenutzen? Geht das überhaupt?

Vielen Dank!

Michi
 
Werbung:
DerM schrieb:
(...)Nun muss ich aber sagen, dass ich trotzdem relativ viele Tabellen benutze. Ihr habt mir ja gesagt, ich soll dass alles in CSS packen. Könnt ihr mir villt kurz erläutern, wie man denn Menü leiste, Textfeld und rechte Werbeseite neben einander bekomme, ohne tabellen zubenutzen? Geht das überhaupt?

Vielen Dank!

Michi
Zum Vergrößern anklicken....


Hallo Michi,

klar geht das...

Hier mal zwei Links, die Dir helfen sollten, Dich mit CSS vertraut zu machen:Außerdem kannst Du natürlich auch auf jeder beliebigen Webseite in den Quelltext schauen, um Dir Anregungen zu holen.

Grüße
Bernhard
 
Werbung:
Was grundsätzlich zum Internet-Explorer zu sagen ist:

Der IE (Version 5-7) vererbt padding, margin und text-align teilweise an Untergeordnete Elemente, die das eigentlich gar nicht erben sollten. Ich hab es mir angewöhnt grundsätzlich die frei oben genannten Attribute in meinem CSS anzugeben und auf 0 zu setzen, wenn sie 0 sein sollten.

Nichts desto trotz solltest du darüber nachdenken auf ein CSS Layout umzusteigen, auch wenn es vielleicht für dich nicht so einfach sein wird, wenn du bisher immer Tabellen zum Layouten verwendet hast.
 
Status
Für weitere Antworten geschlossen.

Neueste Beiträge

Zurück
Oben