mediengestalter.info
FAQ :: Mitgliederliste :: MGi Team

Willkommen auf dem Portal für Mediengestalter

Aktuelles Datum und Uhrzeit: Do 25.04.2024 12:04 Benutzername: Passwort: Auto-Login

Thema: Verzerrte Seitendarstellung vom 17.07.2008


Neues Thema eröffnen   Neue Antwort erstellen MGi Foren-Übersicht -> Allgemeines - Nonprint -> Verzerrte Seitendarstellung
Seite: 1, 2  Weiter
Autor Nachricht
playa86
Threadersteller

Dabei seit: 17.07.2008
Ort: Hanau
Alter: -
Geschlecht: Männlich
Verfasst Do 17.07.2008 13:14
Titel

Verzerrte Seitendarstellung

Antworten mit Zitat Zum Seitenanfang

Hallo erstmal,

ich bin ganz neu hier. Hab die Seite von einem Bekannten empfohlen bekommen.
Nun hoffe ich, dass mir hier weitergeholfen werden kann.
Ich bin nicht gerade der Profi im Designen und Coden von Webseiten.
Und ich stoße oft auf Probleme, wo ich mir nicht immer selbst weiterhelfen kann.
So wie jetzt. Und zwar habe ich das Problem, dass die Seite im Internet Explorer richtig und korrekt dargestellt wird jedoch im Firefox komplett zerrisen und durcheinander aufgebaut ist.

Also es wird sehr wahrscheinlich an den Tabellen liegen. Hab ich jetzt schon des öfteren gehört.
Ich habe auch schonversucht mich durch diesen HTML CODE durchzuschlagen, jedoch ohne erfolg.
Ich komm da einfach nicht weiter.
Zur hilfe hatte ich diese weibseite: http://de.selfhtml.org/css/formate/box_modell.htm
Aber das ist ganz anders beschrieben als mein HTML CODE aussieht.

Nun zur Info der Webseite.
Ich hatte ein Template genommen und das Design komplett verändert. Danach neue Slices erstellt. Das ganze hab ich mit Photoshop gemacht. Dann habe ich weiter mit Front Page gearbeitet. Um die ganzen Texte und einzelnen Seiten zu erstellen usw.

So, jetzt hoffe ich, dass mir jemand weiterhelfen kann.
Falls ihr noch mehr infos braucht, einfach schreiben..ich aktualisiere dann so schnell wie möglich.
Ich DANKE euch schonmal im Vorraus.

Achso, fast vergessen, hier der Link der Webseite: Webseite

Gruß
Marcel
  View user's profile Private Nachricht senden
nicoG

Dabei seit: 25.01.2006
Ort: Freiburg
Alter: -
Geschlecht: Männlich
Verfasst Do 17.07.2008 15:22
Titel

Re: Verzerrte Seitendarstellung

Antworten mit Zitat Zum Seitenanfang

playa86 hat geschrieben:

ich bin ganz neu hier. Hab die Seite von einem Bekannten empfohlen bekommen.

Moin Lächel
player86 hat geschrieben:

So wie jetzt. Und zwar habe ich das Problem, dass die Seite im Internet Explorer richtig und korrekt dargestellt wird jedoch im Firefox komplett zerrisen und durcheinander aufgebaut ist.

player86 hat geschrieben:

Also es wird sehr wahrscheinlich an den Tabellen liegen. Hab ich jetzt schon des öfteren gehört.

player86 hat geschrieben:

Aber das ist ganz anders beschrieben als mein HTML CODE aussieht.

player86 hat geschrieben:
Dann habe ich weiter mit Front Page gearbeitet.

* Ich will nix hören... * * Wo bin ich? * * Ich geb auf... *
player86 hat geschrieben:

So, jetzt hoffe ich, dass mir jemand weiterhelfen kann.

Ich geb dich mal weiter:
http://www.vorsprungdurchwebstandards.de/theory/retro-coding/
http://www.andreas-kalt.de/webdesign/tutorials/webdesign-mit-webstandards


Zuletzt bearbeitet von nicoG am Do 17.07.2008 15:23, insgesamt 1-mal bearbeitet
  View user's profile Private Nachricht senden
Anzeige
Anzeige
top
Moderator

Dabei seit: 25.11.2003
Ort: Hedwig Holzbein
Alter: 52
Geschlecht: Männlich
Verfasst Do 17.07.2008 15:28
Titel

Antworten mit Zitat Zum Seitenanfang

Auch auf die Gefahr aus diesem Forum verbannt zu werden, meine Frau sich scheiden lässt, meine Kinder weinen wenn ich heimkomme und die Leute auf der Straße mit dem Finger auf mich zeigen. Ich habe mal eine Kleinigkeit an der grausamen Imageready-Tabellensuppe geändert. * Ich will nix hören... *

Wenn du noch mehr Internetseiten machen willst, lerne lieber erst einmal HTML und CSS. Der Quelltext ist sowas von überholt, dass es sich nicht lohnt die ganzen Fehler aufzuzählen. Fürs erste solltest du die Umsetzung besser einem Experten überlassen.

Code:

<!-- ImageReady Slices (Unbenannt-1) -->
<div align="center">
  <center>
<table id="Tabelle_01" style="border-collapse: collapse;" border="0" bordercolor="#111111" cellpadding="0" cellspacing="0" height="781" width="900">
   <tbody><tr>
      <td colspan="7" height="89">
         <img src="Bilder/index_01.jpg" alt="" height="89" width="900"></td>
   </tr>
   <tr>
        <td height="237"> <img src="Bilder/index_02.jpg" width="32" height="237" alt=""></td>
        <td height="237" colspan="2">
          <table width="142" border="0" cellspacing="0" cellpadding="0">
            <tr>
              <td><img src="Bilder/index_03.jpg" width="142" height="66" alt=""></td>
            </tr>
            <tr>
              <td><a href="home.html"><img src="Bilder/index_06.jpg" width="142" height="21" border=0 alt=""></a></td>
            </tr>
            <tr>
              <td><a href="team.html"><img src="Bilder/index_07.jpg" width="142" height="25" border=0 alt=""></a></td>
            </tr>
            <tr>
              <td><a href="restaurant.html"><img src="Bilder/index_08.jpg" width="142" height="25" border=0 alt=""></a></td>
            </tr>
            <tr>
              <td><a href="gbuch.html"><img src="Bilder/index_09.jpg" width="142" height="25" border=0 alt=""></a></td>
            </tr>
            <tr>
              <td><a href="kontakt.html"><img src="Bilder/index_10.jpg" width="142" height="25" border=0 alt=""></a></td>
            </tr>
            <tr>
              <td><a href="impressum.html"><img src="Bilder/index_11.jpg" width="142" height="26" border=0 alt=""></a></td>
            </tr>
            <tr>
              <td><img src="Bilder/index_12.jpg" width="142" height="24" alt=""></td>
            </tr>
          </table>
        </td>
        <td colspan="3" height="237"> <img src="Bilder/index_04.jpg" width="725" height="237" alt=""></td>
        <td rowspan="6" height="691"> <img src="Bilder/index_05.jpg" width="1" height="691" alt=""></td>
      </tr>
   <tr>
      <td colspan="4" height="96">
         <img src="Bilder/index_13.jpg" alt="" height="96" width="401"></td>
      <td colspan="2" align="left" background="Bilder/index_14_0.jpg" height="96" valign="bottom">
         <img src="Bilder/index_14_home.jpg" alt="" height="74" width="317"><img src="Bilder/index_14_2.jpg" alt="" height="74" width="181"></td>
   </tr>
   <tr>
      <td colspan="2" background="Bilder/index_18.jpg" height="302" valign="top">
         <img src="Bilder/index_15.jpg" alt="" height="334" width="69"></td>
      <td colspan="3" rowspan="2" background="Bilder/index_16.jpg" height="221" valign="top">
         <p align="left">
         </p><p align="left">
            </p><p align="left">
            &nbsp;</p><p align="left">
            <a href="getraenkekarte.pdf" target="_blank">
            <img src="Bilder/wine_home.jpg" border="0" height="484" width="747"></a></p></td>
      <td rowspan="2" height="221">
         <img src="Bilder/index_17.jpg" alt="" height="491" width="83"></td>
   </tr>
   <tr>
      <td colspan="2" background="Bilder/index_18.jpg" height="27">
         &nbsp;</td>
   </tr>
   <tr>
      <td colspan="5" height="81">
         <img src="Bilder/index_20.jpg" alt="" height="81" width="816"></td>
      <td height="81">
         <img src="Bilder/index_21.jpg" alt="" height="81" width="83"></td>
   </tr>
   <tr>
      <td colspan="6" height="56">
         <img src="Bilder/index_22.jpg" alt="" height="56" width="899"></td>
   </tr>
   <tr>
      <td height="1">
         <img src="Bilder/Abstandhalter.gif" alt="" height="1" width="32"></td>
      <td height="1">
         <img src="Bilder/Abstandhalter.gif" alt="" height="1" width="37"></td>
      <td height="1">
         <img src="Bilder/Abstandhalter.gif" alt="" height="1" width="105"></td>
      <td height="1">
         <img src="Bilder/Abstandhalter.gif" alt="" height="1" width="227"></td>
      <td height="1">
         <img src="Bilder/Abstandhalter.gif" alt="" height="1" width="415"></td>
      <td height="1">
         <img src="Bilder/Abstandhalter.gif" alt="" height="1" width="83"></td>
      <td height="1">
         <img src="Bilder/Abstandhalter.gif" alt="" height="1" width="1"></td>
   </tr>
</tbody></table>
  </center>
</div>
<!-- End ImageReady Slices -->
  View user's profile Private Nachricht senden
playa86
Threadersteller

Dabei seit: 17.07.2008
Ort: Hanau
Alter: -
Geschlecht: Männlich
Verfasst Do 17.07.2008 21:59
Titel

Antworten mit Zitat Zum Seitenanfang

wow,

das sind jetzt aber ganz schön harte antworten.
Aber ihr habt ja recht. Und wie gesagt, ich habe nicht sehr viel Ahnung von Webseiten machen.

@nicoG: Danke für die 2 Links. Da werd ich mich mal durchlesen und lernen *zwinker*

@top: Vielen Lieben Dank für deine Mühe, dass du mir das ganze auch noch gleich gemacht hast. Also echt Super!!!
genau so wollte ich das ganze haben. Nur könntest du mir vielleicht sagen, was du gemacht hast? denn ich muss das ganze ja auch noch auf den anderen seiten machen. Da ich ja mit Html arbeite und insgesamt 8 Seiten habe.
Aber trotzdem Danke nochmal.

Gruß Marcel
  View user's profile Private Nachricht senden
top
Moderator

Dabei seit: 25.11.2003
Ort: Hedwig Holzbein
Alter: 52
Geschlecht: Männlich
Verfasst Do 17.07.2008 23:04
Titel

Antworten mit Zitat Zum Seitenanfang

Tja was habe ich da gemacht?

Bei Tabellenkonstruktionen machen mit rowspan und colspan verbundene Tabellenzellen ganz gerne (wie scheinbar auch in diesem Fall) irgendwelche unerklärlichen Probleme.

Daher habe ich die Tabelle etwas vereinfacht indem ich oben die Menüpunkte in eine eigene kleine Tabelle gesetzt habe. Also eine Tabelle innerhalb einer Tabellenzelle.

Schau dir an, welcher Teilbereich des Quellcodes sich geändert hat, und kopier den Bereich in die anderen Seiten. Das solltest du eigentlich hinbekommen.

(Ach ja, bei den Höhenangaben war einmal 691 für die Tabellenzelle und 961 für das Bild angegeben. Das schein ich das Falsche korrigiert zu haben. Ooops )
  View user's profile Private Nachricht senden
playa86
Threadersteller

Dabei seit: 17.07.2008
Ort: Hanau
Alter: -
Geschlecht: Männlich
Verfasst Sa 19.07.2008 20:34
Titel

Antworten mit Zitat Zum Seitenanfang

Halli Hallo,

so, ich hatte mich heute mal an die Arbeit gemacht und das ganze ein bisschen auseinanderklabustert *zwinker*
so einfach ist das ja nicht, ne.
Aber ich bin nun endlich fertig geworden und das Problem ist weg. Hoffe ich. Also bei meinem Firefox wird es auf jedenfall richtig dargestellt.

Nochmals vielen vielen Dank für die super schnellen Antworten und hilfen!!!
Ist echt Super.

Ich hätte da noch ne kleine Frage. Und zwar habe ich auf einer Seite eine Super Gallery gesehn. ist es möglich soetwas auch auf meiner Seite hineinzubringen? PHP und so hab ich. Wenn es da so ein fertiges Script gibt, bekomm ich das denke ich auch noch hin. Oder gibt es sowas ähnliches, dass man das in html includen kann?

Hier die Seite mit der Gallery:
Link

Grüße
Marcel
  View user's profile Private Nachricht senden
nicoG

Dabei seit: 25.01.2006
Ort: Freiburg
Alter: -
Geschlecht: Männlich
Verfasst So 20.07.2008 12:14
Titel

Antworten mit Zitat Zum Seitenanfang

playa86 hat geschrieben:

so, ich hatte mich heute mal an die Arbeit gemacht und das ganze ein bisschen auseinanderklabustert *zwinker*
so einfach ist das ja nicht, ne.
Aber ich bin nun endlich fertig geworden und das Problem ist weg. Hoffe ich. Also bei meinem Firefox wird es auf jedenfall richtig dargestellt.

Sauber * Applaus, Applaus *

playa86 hat geschrieben:

Ich hätte da noch ne kleine Frage. Und zwar habe ich auf einer Seite eine Super Gallery gesehn. ist es möglich soetwas auch auf meiner Seite hineinzubringen? PHP und so hab ich. Wenn es da so ein fertiges Script gibt, bekomm ich das denke ich auch noch hin. Oder gibt es sowas ähnliches, dass man das in html includen kann?

Weg zum Ende des Regenbogens * Mmmh, lecker... *
  View user's profile Private Nachricht senden
playa86
Threadersteller

Dabei seit: 17.07.2008
Ort: Hanau
Alter: -
Geschlecht: Männlich
Verfasst So 27.07.2008 19:18
Titel

Antworten mit Zitat Zum Seitenanfang

also ich verstehe nur bahnhof auf jQuery.
kannst du mir vielleicht eine kleine Starthilfe geben?
Oder wo das ganz auf Deutsch erklärt ist?
thx

Marcel
  View user's profile Private Nachricht senden
 
Ähnliche Themen Probleme mit der Seitendarstellung unter Linux
Verzerrte Videos
Verzerrte Bilder nach reduzierung mit imagecopyresized()
Neues Thema eröffnen   Neue Antwort erstellen Seite: 1, 2  Weiter
MGi Foren-Übersicht -> Allgemeines - Nonprint


Du kannst keine Beiträge in dieses Forum schreiben.
Du kannst auf Beiträge in diesem Forum nicht antworten.
Du kannst an Umfragen in diesem Forum nicht mitmachen.