Tabelle in Firefox ist falsch

    Hallo,
    ich habe mit tinymce eine Tabelle erstellt.
    im IE wird sie auch richtig angezeigt, aber Firefox hält sich gar nicht an die Regeln. In Firefox ist sie nicht zentriert und die Spalten sind zu hoch und man kann nicht die ganze Tabelle sehen.
    Ich würde mich freuen, wenn sich das mal jemand anschaut und vielleicht einen Tipp weiß, wie das richtig eingestellt werden kann:

    http://johannabirsgal.byethost14.com/jobi/?page_id=227

    Vielen Dank schon mal.
    Gruß,
    Lissa

    • Gerade eben
    • Anzeige

    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

    wenn du ahnung von CSS hast dann formatier deine content table und td's mit höhe breite, margin, padding, etc. dann brauchst du eine browserweiche die eine andere stylesheet läd, wenn der User einen IE Browser nutzt.

    Ich kann nur nochmals erwähnen dass der Google - Suchbegriff "IE CSS BUG" 22 Millionen Ergebnisse liefert :D

    wenn du also mit CSS nicht so viel am Hut hast dann lass es mit den Tabellen sein und definier lieber eine liste oder mach die absätze manuell...

    dpixl - grafik design layout

    Einmal editiert, zuletzt von dpixl (15. November 2009 um 18:28)

    Hallo dpixl

    vielen Dank für Deine Antworten. Das sieht ja schrecklich aus :o Bei mir verdeckt das Bild den ganzen Hintergrund.
    Oh je, wie kann ich das ändern? Da ist die Tabelle ja jetzt das kleinere Problem.
    Mit CSS und Html kenne ich mich leider nicht gut aus.
    Gibt es eine Möglichkeit das Bild zu zentrieren und anzupassen?
    Wäre echt super, wenn Du mir dabei helfen könntest, oder würde das jetzt richtig Programmierarbeit voraussetzen?
    Gruß, Larissa

    Bildpfad muss eventuell angepasst werden

    background-image: url(images/Page-BgTexture.jpg);
    background-repeat: no-repeat;
    background-position: top;

    somit ist das bild mittig.

    das bild soll da gewiss nicht mittig rein mit dickem blauen rand...

    ich würde das so machen:

    HTML
    <body>
<img src="<?php bloginfo('template_url')/images/Page-BgTexture.jpg" alt="" style="width:100%;height:100%;z-index:-1;" />
.
.
.

    dann ist das bild hinter allem andern im hintergrund und füllt immer den gesamten bereich aus, egal wie die auflösung des monitors ist.

    ich schätze das ganze beginnt bereits in der header.php, also musst die zeile oben in der header.php reinschreiben, direkt unter das -->

    HTML
    <body>

    dpixl - grafik design layout

    Einmal editiert, zuletzt von dpixl (15. November 2009 um 20:29)

    Hi dpxl,
    mittig habe ich es jetzt gemacht, aber der blaue Rand ist noch zu sehen bei großer Auflösung. Ich werde jetzt mal Deine Variante ausproberen. Hoffentlich schaffe ich das ...;-)
    Danke jedenfalls schon mal.:D

    Zitat von dpixl

    ( ... )
    ich würde das so machen:

    HTML
    <body>
<img src="<?php bloginfo('template_url')/images/Page-BgTexture.jpg" alt="" style="width:100%;height:100%;z-index:-1;" />
.

    dann ist das bild hinter allem andern im hintergrund und füllt immer den gesamten bereich aus, egal wie die auflösung des monitors ist.

    An dieser Stelle sei erwähnt das dass gepostete Codeschnipsel Unsinn ist.
    1. Es würde generell jedes Bild auf Monitorgrösse oder den verfügbaren Platz
    skalieren auch wenn die Auflösung des Bildes nicht dafür gemacht ist.

    2. Ensteht durch den Image-Tag ein ungewollter Zeilenumbruch.
    Wenn dann müsste hier noch z.B. eine absolute Positionierung her.

    "Whoever controls the media, controls the mind." J.Morrison

    Hi,das ging leider schief :-(

    So sieht mein header.php aus, gehört es darein?


    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

    <html xmlns="http://www.w3.org/1999/xhtml" <?php language_attributes(); ?>>

    <head profile="http://gmpg.org/xfn/11">

    <meta http-equiv="Content-Type" content="<?php bloginfo('html_type'); ?>; charset=<?php bloginfo('charset'); ?>" />

    <meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7" />

    <title><?php if (is_home () ) { bloginfo('name'); } elseif ( is_category() ) { single_cat_title(); echo ' - ' ; bloginfo('name'); }

    elseif (is_single() ) { single_post_title(); }

    elseif (is_page() ) { bloginfo('name'); echo ': '; single_post_title(); }

    else { wp_title('',true); } ?></title>

    <script type="text/javascript" src="<?php bloginfo('template_url'); ?>/script.js"></script>

    <link rel="stylesheet" href="<?php bloginfo('stylesheet_url'); ?>" type="text/css" media="screen" />

    <!--[if IE 6]><link rel="stylesheet" href="<?php bloginfo('template_url'); ?>/style.ie6.css" type="text/css" media="screen" /><![endif]-->

    <!--[if IE 7]><link rel="stylesheet" href="<?php bloginfo('template_url'); ?>/style.ie7.css" type="text/css" media="screen" /><![endif]-->

    <link rel="alternate" type="application/rss+xml" title="<?php printf(__('%s RSS Feed', 'kubrick'), get_bloginfo('name')); ?>" href="<?php bloginfo('rss2_url'); ?>" />

    <link rel="alternate" type="application/atom+xml" title="<?php printf(__('%s Atom Feed', 'kubrick'), get_bloginfo('name')); ?>" href="<?php bloginfo('atom_url'); ?>" />

    <link rel="pingback" href="<?php bloginfo('pingback_url'); ?>" />

    <?php wp_head(); ?>

    </head>

    <body>

    <div id="art-main">

    <div class="art-Sheet">

    <div class="art-Sheet-tl"></div>

    <div class="art-Sheet-tr"></div>

    <div class="art-Sheet-bl"></div>

    <div class="art-Sheet-br"></div>

    <div class="art-Sheet-tc"></div>

    <div class="art-Sheet-bc"></div>

    <div class="art-Sheet-cl"></div>

    <div class="art-Sheet-cr"></div>

    <div class="art-Sheet-cc"></div>

    <div class="art-Sheet-body">

    <div class="art-Header">

    <div class="art-Header-png"></div>

    <div class="art-Header-jpeg"></div>

    <div class="art-Logo">

    <h1 id="name-text" class="art-Logo-name">

    <a href="<?php echo get_option('home'); ?>/"><?php bloginfo('name'); ?></a></h1>

    <div id="slogan-text" class="art-Logo-text">

    <?php bloginfo('description'); ?></div>

    </div>


    </div>

    <div class="art-nav">

    <div class="l"></div>

    <div class="r"></div>

    <ul class="art-menu">

    <?php art_menu_items(); ?>

    </ul>

    </div>

Jetzt mitmachen!

Sie haben noch kein Benutzerkonto auf unserer Seite? Registrieren Sie sich kostenlos und nehmen Sie an unserer Community teil!

Benutzerkonto erstellen Anmelden