Darstellungsfehler auf der Webseite

alfons_huber · 13. November 2019 um 17:45

Liebe/-r Experte/-in,
habe eine Auktionsseite für eBay mit Microsoft Expression Web erstellt.
Da ich aber relaitv wenig Ahnung von html und css habe ich einfach drauflosgearbeitet und die ganze Seite aus Tabellen erstellt, ein Grauen für jeden Profi.
Sie funktioniert auch soweit wie ich beurteilen kann ganz gut im Mozilla, im Explorer8 wird mir jedoch die schmale graue Spalte an der linken Seite oben schmäler dargestellt als unten.
Was kann ich tun um mal endlich ein Grundgerüst für eine neue Seite zu erhalten, vielleicht kannst Du mir dabei helfen.
Bild von der Seite:
http://mediaskate.de/explorer8.jpg
Link von der Auktion:
http://www.ebay.de/itm/1-Rollerblade-Stopper-ABT-Lit…
Hier als Code:

Mein Angebot
.style1 {
background-color: #003399;
}
.style2 {
background-color: #646464;
}
.style3 {
text-align: center;
font-family: Verdana;
font-size: smaller;
}
.style4 {
background-color: #003399;
font-family: Verdana;
color: #FFFFFF;
font-size: large;
text-align: center;
}
.style5 {
font-family: Verdana;
}
.style8 {
font-size: 11pt;
}
.style15 {
font-family: Verdana;
text-align: center;
}
.style16 {
font-size: 20pt;
}
.style18 {
color: #FFFFFF;
font-size: 20pt;
text-align: center;
}
.style26 {
text-align: center;
}
.style27 {
border-width: 0px;
}
.style29 {
text-decoration: underline;
}
.style30 {
text-align: center;
font-family: Verdana;
font-size: 11pt;
}
.style33 {
font-size: small;
}
.style38 {
font-size: 16pt;
}

Mein Angebot!

Original Rollerblade Stopper ABT Lite

Hier bieten sie auf 1 neuen Original
Rollerblade Bremsklotz

Wenn die Anzahl der Stopper verfügbar ist, kann Ihnen bis zu 3 St. ohne Portomehrkosten
liefern

Wenn sie sich nicht sicher sind welcher
Stopper passt, einfach den abgeschliffenen
Stopper mit den Bild vergleichen

Habe noch weitere Auktionen mit weiteren Stopper,
Stopper m. Stopperhalter, Rollen, Grindplatten,
Grindteilen, mehrere Spacer und Achsen, Powerstraps und
viele andere Teilen eingestellt, siehe
meinem Shop
Ebay Kategorie Inliner

Bitte beachten!

Aufgrund meines
Kleinunternehmerstatus gemäß §19 UStG erhebe ich
keine Umsatzsteuer (Mehrwertsteuer) und weise
diese daher auf meinen Rechnungen auch nicht
aus!

Vielen Dank für Deine Hilfe.
Schöne Grüße.
Alfons

D_Cruisi_ad2550 · 13. November 2019 um 17:45

Hallo Alfons,

also bei mir sieht alles gut und gleich aus. Ich hab’s getestet in Firefox 7.0.1, Internet Explorer 8, Safari und Opera. Bei allen ist der linke Streifen gleich breit.

Hast Du das Problem zufällig gerade schon direkt gelöst?

Viele Grüße,
cruisi

Loranga_e908e1 · 13. November 2019 um 17:45

Hallo,
ich habe leider grade sehr viel zu tun und daher keine Zeit für deine Anfrage. Ich habe einen kurzen Blick drauf geworfen und muss dir leider sagen: der Code ist tatsächlich grauenhaft )
Wäre er übersichtlicher, ließe sich sicher auch dieser Fehler ziemlich schnell finden. Aber das weißt du ja selber, hast du geschrieben. Manchmal ist es gerechtfertigt, so zu arbeiten, man muss oft einfach Prioritäten setzen. Aber wenn dein Ziel ist, ein vernünftiges Grundgerüst zu bauen, dass du mehrfach verwenden willst - dann fang nochmal von vorne an, es wird sich auszahlen.
Freundliche Grüße und viel Erfolg noch!

Daniel_Vorhauer · 13. November 2019 um 17:45

hallo alfons,

aufjedenfall ist das layouten mit tabellen mittlerweilen eher ein tabu, aber die komplette seite nun wieder umzubauen mit containern und reinem css ist aufwendig und würde eine einfache antwort zu der frage überschreiten. das wäre nur gegen ein kleines entgelt möglich.

aber das problem lässt sich sicherlich auch mit dem vorhandenen tabellen layout umgehen, indem du die zeile aus der unteren tabelle in die darüberliegende tabelle kopierst, dadurch ist sichergestellt, dass die spalten alle gleich breit sind.

das würde dann mit deinem vorhandenen code ungefähr so ausssehen:

Mein Angebot

.style1 {
background-color: #003399;
}
.style2 {
background-color: #646464;
}
.style3 {
text-align: center;
font-family: Verdana;
font-size: smaller;
}
.style4 {
background-color: #003399;
font-family: Verdana;
color: #FFFFFF;
font-size: large;
text-align: center;
}
.style5 {
font-family: Verdana;
}
.style8 {
font-size: 11pt;
}
.style15 {
font-family: Verdana;
text-align: center;
}
.style16 {
font-size: 20pt;
}
.style18 {
color: #FFFFFF;
font-size: 20pt;
text-align: center;
}
.style26 {
text-align: center;
}
.style27 {
border-width: 0px;
}
.style29 {
text-decoration: underline;
}
.style30 {
text-align: center;
font-family: Verdana;
font-size: 11pt;
}
.style33 {
font-size: small;
}
.style38 {
font-size: 16pt;
}

Mein Angebot!

Original Rollerblade Stopper ABT Lite

Hier bieten sie auf 1 neuen Original Rollerblade Bremsklotz

Wenn die Anzahl der Stopper verfügbar ist, kann Ihnen bis zu 3 St. ohne Portomehrkosten liefern

Wenn sie sich nicht sicher sind welcher Stopper passt, einfach den abgeschliffenen Stopper mit den Bild vergleichen

Habe noch weitere Auktionen mit weiteren Stopper, Stopper m. Stopperhalter, Rollen, Grindplatten, Grindteilen, mehrere Spacer und Achsen, Powerstraps und viele andere Teilen eingestellt, siehe meinem Shop
Ebay Kategorie Inliner

Bitte beachten!

Aufgrund meines Kleinunternehmerstatus gemäß §19 UStG erhebe ich keine Umsatzsteuer (Mehrwertsteuer) und weise diese daher auf meinen Rechnungen auch nicht aus!

loreley54 · 13. November 2019 um 17:45

sorry, da kann ich dir leider nicht helfen, kenne mich mit frontpage nicht aus.

lg
loreley

easymoments · 13. November 2019 um 17:45

Hi Alfons.

Wie ich sehe, hast dus schon fixen können.

LG Sandra

Tysair · 13. November 2019 um 17:45

Ach du kacke… Frontpage…

Tabellen in Tabellen… da müsste ich erstmal alles kopieren um dann ordentlich einzurücken um zu wissen „wo ist was überhaupt“.

Nee sorry, aber… das ist mir grad zu viel Arbeit.

Frag lieber mal im Bekanntenkreis nach, ob Dir jemand die Seite oordentlich gestalten kann.

Thorsten_Klingelh_fer · 13. November 2019 um 17:45

Hallo Alfons.

Anbei der überarbeitete Quelltext. Ich habe alle überflüssigen Tabellen rausgeschmissen. Wenn du jetzt noch die überflüssigen css-styles entfernst, dann ist der Quellcode schon wesentlich übersichtlicher.

Der Vorteil von css-styles ist übrigens, dass man für gleiche Anwendungen auch wieder denselben style verwenden kann. http://css4you.de

Ganz ohne Tabellen, sprich nur mit css ist dein Layout nur mit erhöhtem Aufwand zu erstellen, weitere Infos findest du unter:

http://www.google.de/search?q=css+layout+generator&i…

oder

http://www.google.de/search?q=css+layout+mitwachsend…

div layout ebay
.border1 {
border: 1px solid #cccccc;
padding: 10px;
width: 91%;
margin: 22px;
}
.border2 {
border: 1px solid #cccccc;
padding: 2px;
background: #E4E4E4;

}
.center{
text-align:center;
}

.style1 {
background-color: #003399;
vertical-align: top;
width: 150px;
}
.style2 {
background-color: #646464;
}
.style3 {
text-align: center;
font-family: Verdana;
font-size: smaller;
}
.style4 {
background-color: #003399;
font-family: Verdana;
color: #FFFFFF;
font-size: large;
text-align: center;
}
.style5 {
font-family: Verdana;
}
.style8 {
font-size: 11pt;
}
.style15 {
font-family: Verdana;
text-align: center;
}
.style16 {
font-size: 20pt;
}
.style18 {
color: #FFFFFF;
font-size: 20pt;
text-align: center;
top: 50px;
font-weight: bold;
position: relative;
vertical-align: top;
}
.style26 {
text-align: center;
}
.style27 {
border-width: 0px;
}
.style29 {
text-decoration: underline;
}
.style30 {
text-align: center;
font-family: Verdana;
font-size: 11pt;
}
.style33 {
font-size: small;
}
.style38 {
font-size: 16pt;
}









Mein Angebot! 








Original Rollerblade
Stopper ABT Lite 
 &nbsp;

Hier bieten sie auf 1 neuen Original
Rollerblade Bremsklotz


Wenn die Anzahl der Stopper verfügbar ist, kann Ihnen bis zu 3 St. ohne
Portomehrkosten
liefern


Wenn sie sich nicht sicher sind welcher
Stopper passt, einfach den abgeschliffenen
Stopper mit den Bild vergleichen

Habe
noch weitere Auktionen mit weiteren
Stopper,
Stopper m. Stopperhalter, Rollen, Grindplatten,
Grindteilen, mehrere Spacer und Achsen, Powerstraps und
viele andere Teilen eingestellt, siehe
meinem Shop




Habe noch weitere Auktionen mit weiteren
Stopper,
Stopper m. Stopperhalter, Rollen, Grindplatten,
Grindteilen, mehrere Spacer und Achsen, Powerstraps und
viele andere Teilen eingestellt, siehe
meinem Shop
Ebay Kategorie
Inliner &nbsp; &nbsp;&nbsp; 


 Bitte
beachten! 



 Aufgrund
meines
Kleinunternehmerstatus gemäß §19 UStG erhebe ich
keine Umsatzsteuer (Mehrwertsteuer) und weise
diese daher auf meinen Rechnungen auch nicht
aus!
&nbsp;

Mit freundlichem Gruß Thorsten

roland_dreix · 13. November 2019 um 17:45

Hallo Alfons,
ich vermute du hast das problem schon selbst gelößt, denn in meinem IE wird es nicht mehr dargestellt.
die Breite der Tabellenzelle hast du selbst hier festgelegt:

liebe grüße
roland dreix
dreix webdesign

Robi_f71602 · 13. November 2019 um 17:45

Hallo Alfons,

ich bin dieses Wochenende umgezogen und noch immer im Umzugsstress. Bitte habe Verständnis, wenn ich unter diesen Umständen keine Zeit habe, mich mit dem „Spaghetti-Code“ einer mit Frontpage erstellten Website näher auseinanderzusetzen. Webdesign mit Tabellen fürs Layout habe ich zuletzt vor etwa 10 Jahren „verbrochen“.

Vielleicht konnte Dir inzwischen ja bereits jemand helfen!?

Gruß, Robi

alfons_huber · 13. November 2019 um 17:45

Hallo,
vielen Dank für Deine Antwort.
Durch meinen zusammengeschusterten Code wird die Seite auch bei mir immer unterschiedlich dargestellt.
Momentan sieht es so im Explorer 8 aus

http://mediaskate.de/explorer8.jpg

Würde mich sehr freuen wenn Du mir bei meinem Problem weiterhelfen könntest.
Vielen Dank.
Schöne Grüße.
Alfons

alfons_huber · 13. November 2019 um 17:45

Hallo,
trotzdem danke für deine Antwort.
Schöne Grüße.
Alfons

alfons_huber · 13. November 2019 um 17:45

Hallo Thorsten,
vielen Dank für Deine Antwort und Hilfe.
habe leider wie ich festgestellt haben überhaupt keine Ahnung von CSS.
Das einzige das bei der ganzen Seite Platz zum Tabellen einfügen bleiben sollte ist rechts oben das Feld in dem die Beschreibung ist.
Alles andere ist das Grundgerüst das immer gleich bleiben sollte.
Habe Dein html auf meinen Editor übertragen.
Die Schrift und die Schriftgröße sowie die Spaltenbreite des blauen Feldes ändern müssen und dann als Auktion hochgeladen.

http://cgi.ebay.de/ws/eBayISAPI.dll?ViewItem&item=27…

Im Mozilla werden die Spalten korrekt angezeigt, im Explorer8 jedoch die graue Spalte oben und unten schmäler dargestellt, das ist aber nur zeitweise so, momentan wird wieder alles korrekt angezeigt.
Aber bald drauf ist wieder alles verschoben.
Irgendwas stimmt noch nicht.
Vielen Dank.
Schöne Grüße.
Alfons

div layout ebay
.border1 {
border: 1px solid #cccccc;
padding: 10px;
width: 91%;
margin: 22px;
}
.border2 {
border: 1px solid #cccccc;
padding: 2px;
background: #E4E4E4;

}
.center{
text-align:center;
}

.style5 {
font-family: Verdana;
}
.style15 {
font-family: Verdana;
text-align: center;
}
.style26 {
text-align: center;
font-size: 11pt;
}
.style27 {
border-width: 0px;
}
.style29 {
text-decoration: underline;
}
.style39 {
background-color: #646464;
font-family: Verdana;
font-size: 11pt;
}
.style40 {
background-color: #003399;
vertical-align: top;
width: 150px;
font-family: Verdana;
font-size: 11pt;
}
.style41 {
color: #FFFFFF;
font-size: 11pt;
text-align: center;
top: 50px;
font-weight: bold;
position: relative;
vertical-align: top;
font-family: Verdana;
}
.style42 {
font-family: Verdana;
font-size: 11pt;
}
.style44 {
font-size: 11pt;
}
.style45 {
font-size: 22pt;
}
.style46 {
color: #FFFFFF;
font-size: 20pt;
text-align: center;
top: 50px;
font-weight: bold;
position: relative;
vertical-align: top;
font-family: Verdana;
}
.style47 {
font-family: Verdana;
font-size: large;
}

Mein Angebot!

Original Rollerblade Stopper ABT
Lite

Hier bieten sie auf 1 neuen Original Rollerblade Bremsklotz

Wenn die Anzahl der Stopper verfügbar ist, kann Ihnen bis zu 3 St. ohne
Portomehrkosten liefern

Wenn sie sich nicht sicher sind welcher Stopper passt, einfach den
abgeschliffenen Stopper mit den Bild vergleichen

Habe noch weitere Auktionen mit weiteren Stopper, Stopper m. Stopperhalter,
Rollen, Grindplatten, Grindteilen, mehrere Spacer und Achsen, Powerstraps und
viele andere Teilen eingestellt, siehe meinem Shop

Ebay Kategorie Inliner

Bitte beachten!

Aufgrund meines
Kleinunternehmerstatus gemäß §19 UStG erhebe ich keine Umsatzsteuer
(Mehrwertsteuer) und weise diese daher auf meinen Rechnungen auch nicht aus!

alfons_huber · 13. November 2019 um 17:45

Hallo,
trotzdem vielen Dank für Deine Antwort.
Schöne Grüße.
Alfons

alfons_huber · 13. November 2019 um 17:45

Hallo,
vielen Dank für Deine Antwort.
Durch meinen zusammengeschusterten Code wird die Seite auch bei mir immer unterschiedlich dargestellt.
Momentan sieht es so im Explorer 8 aus

http://mediaskate.de/explorer8.jpg

Würde mich sehr freuen wenn Du mir bei meinem Problem weiterhelfen könntest.
Vielen Dank.
Schöne Grüße.
Alfons.

alfons_huber · 13. November 2019 um 17:45

Hallo,
trotzdem vielen Dank für Ihre Antwort.
Schöne Grüße.
Alfons

alfons_huber · 13. November 2019 um 17:45

Hallo nochmal,
könntest Du mir helfen die Seite als Grundgerüst komplett aufzubauen.
Würde natürlich auch ein kleines Entgeld spendieren.
Was stellst Du Dir darunter vor?
Vielen Dank.
Schöne Grüße.
Alfons

alfons_huber · 13. November 2019 um 17:45

Hallo,
vielen Dank für Deine Antwort.
Durch meinen zusammengeschusterten Code wird die Seite auch bei mir immer unterschiedlich dargestellt.
Momentan sieht es so im Explorer 8 aus

http://mediaskate.de/explorer8.jpg

Würde mich sehr freuen wenn Du mir bei meinem Problem weiterhelfen könntest.
Vielen Dank.
Schöne Grüße.
Alfons…

alfons_huber · 13. November 2019 um 17:45

Hallo,
trotzdem vielen Dank für Ihre Antwort.
Schöne Grüße.
Alfons.

alfons_huber · 13. November 2019 um 17:45

Hallo Thorsten,
vielen Dank für Deine Antwort und Hilfe.
habe leider wie ich festgestellt haben überhaupt keine Ahnung von CSS.
Das einzige das bei der ganzen Seite Platz zum Tabellen einfügen bleiben sollte ist rechts oben das Feld in dem die Beschreibung ist.
Alles andere ist das Grundgerüst das immer gleich bleiben sollte.
Habe Dein html auf meinen Editor übertragen.
Die Schrift und die Schriftgröße sowie die Spaltenbreite des blauen Feldes ändern müssen und dann als Auktion hochgeladen.

http://cgi.ebay.de/ws/eBayISAPI.dll?ViewItem&item=28…

Im Mozilla werden die Spalten korrekt angezeigt, im Explorer8 jedoch die graue Spalte oben und unten schmäler dargestellt, das ist aber nur zeitweise so, momentan wird wieder alles korrekt angezeigt.
Aber bald drauf ist wieder alles verschoben.
Irgendwas stimmt noch nicht.
Vielen Dank.
Schöne Grüße.
Alfons

div layout ebay
.border1 {
border: 1px solid #cccccc;
padding: 10px;
width: 91%;
margin: 22px;
}
.border2 {
border: 1px solid #cccccc;
padding: 2px;
background: #E4E4E4;

}
.center{
text-align:center;
}

.style5 {
font-family: Verdana;
}
.style15 {
font-family: Verdana;
text-align: center;
}
.style26 {
text-align: center;
font-size: 11pt;
}
.style27 {
border-width: 0px;
}
.style29 {
text-decoration: underline;
}
.style39 {
background-color: #646464;
font-family: Verdana;
font-size: 11pt;
}
.style40 {
background-color: #003399;
vertical-align: top;
width: 150px;
font-family: Verdana;
font-size: 11pt;
}
.style41 {
color: #FFFFFF;
font-size: 11pt;
text-align: center;
top: 50px;
font-weight: bold;
position: relative;
vertical-align: top;
font-family: Verdana;
}
.style42 {
font-family: Verdana;
font-size: 11pt;
}
.style44 {
font-size: 11pt;
}
.style45 {
font-size: 22pt;
}
.style46 {
color: #FFFFFF;
font-size: 20pt;
text-align: center;
top: 50px;
font-weight: bold;
position: relative;
vertical-align: top;
font-family: Verdana;
}
.style47 {
font-family: Verdana;
font-size: large;
}

Mein Angebot!

Original Rollerblade Stopper ABT
Lite

Hier bieten sie auf 1 neuen Original Rollerblade Bremsklotz

Wenn die Anzahl der Stopper verfügbar ist, kann Ihnen bis zu 3 St. ohne
Portomehrkosten liefern

Wenn sie sich nicht sicher sind welcher Stopper passt, einfach den
abgeschliffenen Stopper mit den Bild vergleichen

Habe noch weitere Auktionen mit weiteren Stopper, Stopper m. Stopperhalter,
Rollen, Grindplatten, Grindteilen, mehrere Spacer und Achsen, Powerstraps und
viele andere Teilen eingestellt, siehe meinem Shop

Ebay Kategorie Inliner

Bitte beachten!

Aufgrund meines
Kleinunternehmerstatus gemäß §19 UStG erhebe ich keine Umsatzsteuer
(Mehrwertsteuer) und weise diese daher auf meinen Rechnungen auch nicht aus!