Wie programmieren ??

Beitrag von **MaxxWald** » 25.01.2010, 13:45

Ich habe eine relativ einfache Seite ins Netz gestellt - Finanzvergleich - und dazu ein kostenloses Template genutzt. Die Programmierung dazu:

<meta name="language" content="de" />
<link href="default.css" rel="stylesheet" type="text/css" />



Jetzt habe ich gemerkt, daß ab IE 8 die Programmierung nicht mehr hinhaut und mir einige Zeilen um die Ohren fliegen. Was ist zu tun ?
Vielen Dank für Eure Hilfe.

von **Anzeige von ABAKUS** »

Beitrag von **Nullpointer** » 25.01.2010, 13:48

läuft die site im quirks mode?
der ie8 sollte ja weitestgehend ohne workarounds auskommen. bei dem würde ich erst mal ohne spzifisches css ausprobieren.
also dem ie7 eplizit sein eigenes css geben.

Beitrag von **mano_negra** » 25.01.2010, 13:48

dieser code-auszug hilft nicht weiter.
sag um was für eine seite es sich handelt, dann kann dir vielleicht geholfen werden.

edit: oder probier es einfach einmal so wie nullpointer meinte

von **Anzeige von ABAKUS** »

Content Erstellung von ABAKUS Internet Marketing
Ihre Vorteile:

einzigartige Texte
suchmaschinenoptimierte Inhalte
eine sinnvolle Content-Strategie
Beratung und Umsetzung

Jetzt anfragen: 0511 / 300325-0

Beitrag von **Nullpointer** » 25.01.2010, 13:50

ach so statt "Wie programmieren??" den threadtitel vielleicht in "Darstellungsproblem im IE8" umbenennen.

Beitrag von **Hobby_SEO79** » 25.01.2010, 13:57

Quellcode oder Link posten!

Beitrag von **MaxxWald** » 25.01.2010, 14:12

https://www.kreditana.de

Wie gesagt relativ einfach gehalten.........

Beitrag von **Nullpointer** » 25.01.2010, 15:17

was fliegt denn da im ie8 um die ohren?
meinst du den zweiten blauen horizontalen balken?

Beitrag von **MaxxWald** » 25.01.2010, 15:26

ja genau der mittlere blaue Balken...

Beitrag von **800XE** » 25.01.2010, 16:26

MaxxWald hat geschrieben:ja genau der mittlere blaue Balken...

Im FF gibts auch ein Problem
wennman die Schriftgröße verstellt dann wandert die linke Hälfte nach oben undoder unten und die grünen MenüTabs verhauts auch

Beitrag von **e-fee** » 25.01.2010, 18:09

Das Problem ist nicht wirklich browserspezifisch, sondern hat mit der reichlich dämlichen Verschachtelung der Divs zu tun.

Code: Alles auswählen

        
...
<div id="colOne">
        <h3></h3>
        <div class="bg1">
        <ul>
          <li class="first"><a href="http&#58;//www.kreditana.de/" title="Start">Startseite</a></li>
          <li><a href="http&#58;//www.kreditana.de/kredit-ohne-schufa.html" title="Kredit ohne Schufa">Kredit ohne Schufa</a></li>
          <li><a href="http&#58;//www.kreditana.de/kredit-selbstaendige.html" title="Kredit Selbständige">Kredit für Selbständige</a></li>

          <li><a href="http&#58;//www.kreditana.de/autokredit.html" title="Autokredit">Autokredit</a></li>
          <li><a href="http&#58;//www.kreditana.de/onlinekredit.html" title="Onlinekredit">Onlinekredit</a></li>
          <li><a href="http&#58;//www.kreditana.de/beamtendarlehen.html" title="Beamtendarlehen">Beamtendarlehen</a></li>
        </ul>
        </div>
        <h3></h3>
        <div class="bg1">

        <ul>
         <li class="first"><a href="http&#58;//www.kreditana.de/kreditkarten.html" title="Kreditkarten">Kreditkarten</a></li>
         <li><a href="http&#58;//www.kreditana.de/kostenlose-kreditkarte.html" title="Kostenlose Kreditkarte">Kostenlose Kreditkarte</a></li>
        <li><a href="http&#58;//www.kreditana.de/kreditkarte-ohne-schufa.html" title="Kreditkarte ohne Schufa">Kreditkarte ohne Schufa</a></li>
        <li><a href="http&#58;//www.kreditana.de/visa-kreditkarte.html" title="Visa Kreditkarte">Visa Kreditkarte</a></li>
        <li><a href="http&#58;//www.kreditana.de/mastercard-kreditkarte.html" title="Mastercard Kreditkarte">Mastercard Kreditkarte</a></li>

        <li><a href="http&#58;//www.kreditana.de/citibank-kreditkarte.html" title="Citibank Kreditkarte">Citibank Kreditkarte</a></li>
        <li><a href="http&#58;//www.kreditana.de/barclaycard-kreditkarte.html" title="Barclaycard Kreditkarte">Barclaycard Kreditkarte</a></li>
        <li><a href="http&#58;//www.kreditana.de/santander-kreditkarte.html" title="Santander Kreditkarte">Santander Kreditkarte</a></li>
        <li><a href="http&#58;//www.kreditana.de/american-express-kreditkarte.html" title="American Express">American Express</a></li>
        <li><a href="http&#58;//www.kreditana.de/handy-angebote.html" title="Handy Angebote">Handy Angebote</a></li>
        <li><a href="http&#58;//www.kreditana.de/tarifvergleich-handy.html" title="Tarifvergleich Handy">Tarifvergleich Handy</a></li>

        <li><a href="http&#58;//www.kreditana.de/girokonto-vergleich.html" title="Girokonto Vergleich">Girokonto Vergleich</a></li>
        <li><a href="http&#58;//www.kreditana.de/festnetz-vergleich.html" title="Festnetz Vergleich">Festnetz Vergleich</a></li>
 </ul>
   </div>
   </div>
   <div id="colTwo">
...

Soweit ich das sehe, ist es bislang reine Glückssache, dass das mit dem Balken überhaupt in einem Browser richtig angezeigt wird. Mach mal einen Menüpunkt mehr oder weniger oben links rein oder den Text länger, dann kracht's!
Gut, der Text hat per CSS eine feste Höhe bekommen, was schon dann doof ist, wenn der Text halt mal länger wird.

Der Fehler liegt darin, dass Du Spalten statt Zeilen hast (was noch nicht verwerflich ist, solange Du es nicht auf Biegen und Brechen wie hier in Zeilen anordnen willst.).
Die Spalten haben überdies eine prozentuale Breite, d.h. diese verändert sich schon allein aufgrund der Bildschirmgröße, beim Verkleinern der Browserfensters, beim Vergrößern der Schrift (wie 800XE es getan hat). Menüpunkte, die aus mehreren Wörtern bestehen, werden umgebrochen, daher kommt es dann mit den so schön ausgemessenen 209 Pixeln nicht mehr hin.
Kurz: Das Problem kann in jedem gängigen Browser auftreten. Es ist aber behebbar, indem man das Grundlayout ein wenig anders strukturiert. Man kann das schon so basteln, dass es so aussieht, wie Du das haben möchtest.

Beitrag von **rg1** » 25.01.2010, 18:50

Die Fee hat es richtig erkannt. Wahrscheinlich hat beim templateersteller alles gepasst, ändert sich der Inhalt einer Liste oder eines absatzes, ist das schöne Layout dahin, weil die Struktur ungeeignet dafür ist.

Also Quelltext neu strukturieren, vielleicht die erste Liste und den ersten Absatz in eine Ebene. zweite Liste und zweiten Absatz in eine neue Ebene. Je nach dem, was du noch vorhast.

Beitrag von **Nullpointer** » 26.01.2010, 04:24

das template ist ja vom markup eh nicht so der bringer, z.b. auch die leeren h tags. such dir ein gescheites, bevor du anfängst jetzt dran rumzufrickeln.

Beitrag von **MaxxWald** » 26.01.2010, 09:01

Herzlichen Dank für Eure zahlreichen Antworten.
Programmieren oder auch umprogrammieren ist nicht gerade meine Spezialität, hab einfach beim CSS ein wenig rumgedreht bis es gepaßt hat.
Was würde es denn ungefähr kosten, dieses Layout "in Form" für alle Browser zu bringen ?