Problem mit Schiftgröße

corpse2001

Hallo,

ich habe mir wordpress 2.3.2 DE-Edition und nun einige Seiten erstellt.

Schaue ich mir die Seite mit Morzilla an ist alles ok
Schaue ich sie mit dem IE 6 oder 7 an ist die Schrift aufeinmal extrem Groß der Navigationsbereich bleibt allerdings unberührt.

hier der link zu der Seite: corpse2001 online wo ich mit wp am testen bin

mfg
corpse2001

Werbepost

Hallo!

Wenn du gerade an deiner Website arbeitest oder dein aktuelles Hosting überdenkst: Wir betreiben mit NetzLiving eine Hosting-Plattform, die speziell auf Performance, Sicherheit und einfache Verwaltung ausgelegt ist.

✔️ Schnelle Ladezeiten (optimiert für WordPress & Co.)
✔️ Deutsche Server & DSGVO-konform
✔️ Persönlicher Support (kein 0815-Ticket-System)

Mehr erfahren

funkygog

Deine Schriftgrößen sind alle mit relativen Werten zur Body-Angabe versehen. (em-Angaben)
Ich bin mir nicht sicher ob es eine Lösung ist, aber probieren kannst Du es ja mal.

Und zwar hast Du im Body-Bereich Deiner Style.css die Angabe:
font-size:62.5%;

bei mir steht:
font-size: 0.625em;

Der Internet Explorer scheint die 62.5% nicht zu verstehen und setzt die Angabe auf 100%.
Die Schriftgrößen sind somit einheitlich 1,6-fach zu groß.

corpse2001

Hallo danke für die schnelle Antwort!
ich habe das jetzt direkt in der style.css geändert und per ftp hochgeladen. hat aber leider nichts geholfen :cry:.
noch ne idee?

hier der code-schnipsel

body {
background: #320000 url(images/hintergrund.gif) repeat-x fixed;
text-align: center;
padding: 1em 0;
font: 0.625em verdana, sans-serif;
}

funkygog

Ich vermute da liegt das Problem:
Du hast die Font-Größe (font-size) und die Schrifttypen (font-family) zusammengefasst.
[size=8] Firefox versteht das aber der IE sagt sich hää na dann mache ich doch 1em.[/SIZE]

ändere den Code mal auf:

PHP

body {
background: #320000 url(images/hintergrund.gif) repeat-x fixed;
text-align: center;
font-size: 0.625em;
font-family: verdana, sans-serif;
padding: 1em 0;
}

p.s. Code immer beim schreiben in die Code-Klammern einfügen.
Im Editor gibt es oben dafür ein Icon welches man anklicken muß.

corpse2001

das hat leider auch nicht geklappt und dann habe ich noch ein neues Problem und zwar habe ich ein gästebuch hinzugefügt (DMSGuestbook) welches man nur im mozilla-browser sieht.

Ich habe nun auch nochmal wp auf einem anderen webspace installiert weil ich dachte das es vll mit der db zu tun hat aber das hat auch nichts genützt.

hier der neue link da sieht man das nochmal mit der schriftgröße und dem gästebuch

Schlappohrs Kneipe

funkygog

Für das Gästebuch eröffnest Du am Beste ein neues Thema.

Nochmal zu den Schriftgrößen.
Eventuell hast Du diese font-Zusammenfassung auch in anderen Bereichen (Content).

Geh' mal Deine style.css durch oder poste sie mal hier.

corpse2001

so hier ist die style.css von dem theme den ich nutze.

PHP

body {
    background: #320000 url(images/hintergrund.gif) repeat-x fixed;
    text-align: center;
    font-size: 0.625em;
    font-family: verdana, sans-serif;
    padding: 1em 0;
 
}
a {
    color: #ffc;
}
a:hover {
    color: #fff;
    text-decoration: none;
}
hr {
    display: none;
}
img {
    border: none;
}
ins {
    text-decoration: none;
    border-bottom: 1px dashed #eee;
}
acronym, abbr, dfn {
    border-bottom: 1px dashed #eee;
    font-style: normal;
}
blockquote {
    border-left: 5px solid #320000;
    margin: 1em 0;
    padding: 10px;
    background: #600000;
    width: 90%;
}
code, pre {
    color: #f93;
    font-family: verdana, sans-serif;
}
.bild-links {
    float: left;
    margin: 0 15px 3px 0;
}
.bild-rechts {
    float: right;
    margin: 0 0 3px 15px;
}
.center {
    text-align: center;
}
.pagination {
    text-align: center;
    margin-top: 2em;
}
.search-button, #commentform input {
    font-size: 1em;
    font-weight: bold;
    border: 1px solid #300000;
    background: #800000;
    color: #ffc;
    padding: 1px 2px;
}
#container {
    margin: 0 auto;
    text-align: left;
    width: 730px;
    border-bottom: 5px solid #f00;
    background: url(images/container.png);
    color: #eee;
    line-height: 1.5;
}
#header {
    height: 205px;
    background: url(images/bahn.png) no-repeat;
}
#header h1 {
    font: italic 22px georgia, serif;
    color: #fff;
    line-height: 200px;
    padding: 0 15px;
}
#header h1 a {
    color: #fff;
    text-decoration: none;
}
#navi {
    float: right;
    width: 200px;
}
#navi-innen {
    padding: 0 15px 10px 15px;
}
#navi h2 {
    font: bold 1.4em veradana, sans-serif;
    margin: .8em 0 .2em 0;
}
#navi ul {
    list-style: none;
    margin: .4em 0 1em 0;
    padding: 0;
}
#navi ul li ul {
    margin: .2em 0 .4em .5em;
}
#navi a {
    text-decoration: none;
    font-weight: bold;
}
#navi .navi-search {
    margin-bottom: 3px;
    background: #eee;
    font-size: 1em;
    width: 150px;
    border: 1px solid #300000;
}
#content {
    margin: 1em 215px 1.5em 15px;
    font-size: 1.1em;
}
#content h2 {
    font: italic 2.1em georgia, serif;
    margin: 5px 0;
    letter-spacing: 1px;
}
#content h2 a {
    text-decoration: none;
}
#content h3 {
    margin: 1.2em 0 .4em 0;
    font-size: 1.4em;
}
#content h4 {
    font-size: 1.3em;
    padding: 0;
    margin: 1em 0;
}
#content h5 {
    font-size: 1.1em;
    padding: 0;
    margin: 1em 0;
}
#content .date {
    font-size: 1em;
    text-align: right;
    font-weight: bold;
}
#content .meta {
    font-size: .9em;
}
#content .feedback {
    margin: 15px 0 15px 0;
    text-align: right;
    padding-bottom: 10px;
    border-bottom: 1px solid #700000;
}
#commentlist li {
    margin-bottom: 1.5em;
    padding-bottom: 1em;
    border-bottom: 1px solid #700000;
}
#commentform {
    margin: 1em 0;
    padding: 1em;
    border: 1px solid #300000;
    background: #600000;
}
#commentform textarea {
    background: #eee;
    border: 1px solid #300000;
}
#commentform #email, #commentform #author, #commentform #url {
    font-size: 1.1em;
    background: #eee;
    border: 1px solid #300000;
    width: 180px;
}
#footer {
    clear: both;
    margin: 3em 15px 0 15px;
    padding: 5px;
    text-align: center;
    font-size: .8em;
}
/* *** Plugins *** */
.tags {
    margin: 1.5em 0;
    font-weight: bold;
    padding: 2px 0;
}
#wp_grins {
    margin-top: 2px;
}
.pagebar {
    text-align: center;
    line-height: 1.4;
    margin-top: 2em;
}
.pagebar .this-page {
    font-weight: bold;
}
.pagebar a {
    border: 1px solid #300000;
    background: #900;
    padding: 2px 5px;
    margin-bottom: 5px;
    text-decoration: none;
    color: #ffc;
}
.pagebar a:hover {
    color: #fff;
}

Alles anzeigen

funkygog

Ich bin nicht der Experte, aber für mich sieht dieser Bereich merkwürdig aus:

PHP

#content {
    margin: 1em 215px 1.5em 15px;
    font-size: 1.1em;
}
#content h2 {
    font: italic 2.1em georgia, serif;
    margin: 5px 0;
    letter-spacing: 1px;
}

Ändere mal den Content h2 Bereich um in:

PHP

#content h2 {
    font-size: 2.1em;
    margin: 5px 0;
    letter-spacing: 1px;

font-family kannst Du ja anschließend hinzufügen.

corpse2001

das hat leider auch nicht geholfen ich weiss nicht was man da noch machen soll

Tamlin

Hi!

Es kann daran liegen, das der Explorer mit der dpi-Einstellung der Systemsteuerung arbeitet (Normalwert: 96dpi), Firefox hingegen nicht. Wenn FF (was ich nicht zu 100% weiß) mit einem Standard von 72dpi arbeitet, dann heisst das, das im IE die schriften knapp ein drittel größer darstellen würde (wenn der User seinen dpi-Wert auf 120 eingestellt hat, sogar noch mehr).

Die Möglichkeit, die ich da sehe, ist entweder das umschreiben der css auf absolute Werte (px oder pt), oder ein anderes Theme.

Grüße
Sascha

Jeriko

Hinter der Navigation ist ein offener h2-Tag, der das ziemlich sicher erzeugen dürfte.

Gruß Jeriko

corpse2001

danke für die hilfe.
also das heißt dann alles was nun mit x.x em angegeben ist muss in x px geändert werden, hab ich das richtig verstanden?

mfg corpse2001

Jeriko

Nein, das heißt dass dieser offene h2-Tag da weg muss ;-)

Gruß Jeriko

corpse2001

also ich hoffe ich habe den richtigen teil rausgenommen. aber geholfen hat es nichts.

das ist der teil den ich entfernt habe:

PHP

#content h2 a {
    text-decoration: none;
}

mfg corpse2001

Jeriko

...fast ;-)

Nee, da ist (vermutlich) in der header.php ein offener h2-Tag, sieht im Sourcecode etwa so aus:

PHP

<div id="navi-innen">
  <h2>Navigation</h2>
    <ul>
      <?php wp_list_pages();
    </ul>


    <h2></h2><?php random image zeugs ?>
</div>


  <h2> <!-- DAS DA MUSS WEG -->

Alles anzeigen

Gruß Jeriko

corpse2001

sowas kann ich da leider nicht finden deswegen hier mal meine header.php

PHP

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="de" lang="de">
<!--
Red Train: Template for Wordpress 2.0.x
(c) by Vladimir Simovic aka Perun
www.vlad-design.de and www.perun.net
The CSS, XHTML and design is released under GPL:
http://www.opensource.org/licenses/gpl-license.php
-->
<head profile="http://gmpg.org/xfn/1">
    <title><?php bloginfo('name'); ?><?php wp_title(); ?></title>
    <meta http-equiv="Content-Type" content="text/html; charset=<?php bloginfo('charset'); ?>" />
    <meta name="generator" content="WordPress <?php bloginfo('version'); ?>" /> <!-- leave this for stats -->
    <link rel="stylesheet" type="text/css" media="screen, projection" href="<?php bloginfo('stylesheet_url'); ?>" />
    <meta name="robots" content="index,follow" />
    <link rel="alternate" type="application/rss+xml" title="RSS 2.0" href="<?php bloginfo('rss2_url'); ?>" />
    <link rel="alternate" type="text/xml" title="RSS .92" href="<?php bloginfo('rss_url'); ?>" />
    <link rel="alternate" type="application/atom+xml" title="Atom 0.3" href="<?php bloginfo('atom_url'); ?>" />
    <link rel="pingback" href="<?php bloginfo('pingback_url'); ?>" />
    <?php wp_get_archives('type=monthly&format=link'); ?>
    <?php wp_head(); ?>
</head>
<body>
<div id="container">
    <div id="header">
        <h1><a href="<?php bloginfo('url'); ?>"><?php bloginfo('name'); ?></a></h1>
    </div>

Alles anzeigen

Jeriko

Dann halt in irgendeiner der anderen Dateien, ein alleinstehendes h2-Tag wird ja nicht so schwer zu finden sein.

Gruß Jeriko

corpse2001

SUPER ich habes gefunden war eine alleinstehendes <h2> in der sidebar.php
vielen vielen dank ware ich so nie drauf gekommen weil so gut wie garkeine ahnung von sowas habe. nochmals besten dank! :-D

mfg corpse2001

Willkommen! Melden Sie sich an oder registrieren Sie sich.

Problem mit Schiftgröße

Jetzt mitmachen!