PE64: das leidige CSS und IE

Ich komm gerade nicht weiter mir zerkloppt es im IE immer de Style
Bin bestimmt gerade Betriebs-blind kann einer helfen?

Es geht um ein DIV das im IE komplett nach rechts geschoben wird aber eigentlich mittig liegen müsste wie im FF

Der CSS:

#main
{
width: 795px;
min-height: 322px;
padding: 10px 10px 0px 15px;
margin: 0px 0px 0px 71px;
float: left;
background-image:url(./grafiken/main.png);
background-repeat: no-repeat;
}

Danke schon mal für jede Hilfe

  1. Hallo,

    Ich komm gerade nicht weiter mir zerkloppt es im IE immer de Style

    welcher IE?

    Der CSS:

    #main
    {
    width: 795px;
    min-height: 322px;
    padding: 10px 10px 0px 15px;
    margin: 0px 0px 0px 71px;
    float: left;
    background-image:url(./grafiken/main.png);
    background-repeat: no-repeat;
    }

    und wo ist das zugehörige Minimal-HTML, um Dein Problem nachzuvollziehen?
    Welche Dokumenttyp-Deklaration verwendest Du?

    Freundliche Grüße

    Vinzenz

    1. Hallo Vinzenz

      Das ein Word Press Template

      Der Typ ist:
      <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//DE" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
      <html xmlns="http://www.w3.org/1999/xhtml" lang="de">
      <head profile="http://gmpg.org/xfn/11">

      Hier der rest:
      (index.php)
      <body>
      <div id="wrapper">
                      <div id="bilder">
      <?php wp_swfobject_echo("header_images.swf", "width=198", "heigth=109"); ?>
                      </div>
         <div id="header">
               <div id="access" role="navigation">
                                <?php /*  Allow screen readers / text browsers to skip the navigation menu and get right to the good stuff */ ?>
                                      <?php /* Our navigation menu.  If one isn't filled out, wp_nav_menu falls back to wp_page_menu.  The menu assiged to the primary position is the one used.  If none is assigned, the menu with the lowest ID is used.  */ ?>
                                      <?php wp_nav_menu( array( 'container_class' => 'menu-header', 'theme_location' => 'primary' ) ); ?>
                              </div><!-- #access -->
                              </div><!-- header -->
      (Header.php)
      <?php get_header(); ?>
         <div id="main">

      <?php if (have_posts()) : while (have_posts()) : the_post(); ?>
                                       <h2><a href="<?php the_permalink() ?>"><?php the_title(); ?></a></h2>
                                       <div class="entry">
                                              <?php the_content(); ?>
                                       </div>
                                <?php endwhile; endif; ?>

      </div><!-- main -->

      <?php wp_footer(); ?>
      </body>
      </html>

      Danke

      1. Hi,

        das ist php-Code.
        Der interessiert bei Problemen die bei der Darstellung im Browser auftreten nicht.
        Da interessiert nur CSS und HTML (das HTML, welches der Browser letztendlich erhält).

        Und ein aufs wesentliche reduzierte Code-Beispiel ist das auch nicht.
        Das würde es nicht nur uns, sondern gewiss auch dir leichter machen das Problem zu lösen.

        ~dave

        1. Geklärt ich hab seit dem Neutaufsetzen meines Systems den IE nicht mehr verwendet und der war noch auf einer älteren Version ^^ gerade Aktualisiert und siehe da alles stimmt.

          Trozdem schon mal danke für das schnelle Antworten

          1. Hallo,

            Geklärt ich hab seit dem Neutaufsetzen meines Systems den IE nicht mehr verwendet und der war noch auf einer älteren Version ^^ gerade Aktualisiert und siehe da alles stimmt.

            Je nachdem was für eine Version du vorher hattest sollte die Darstellung trotzdem passen, da viele User nicht die aktuelle Version haben. Alles ab IE7 sollte funktionieren.

            Gruß.

  2. Hi PE64,
    aufgrund deiner vorgegeben Informationen lässt sich das Problem nicht näher identifizieren. Poste am besten weiteren Code oder besser noch wäre die Problemwebsite online, so dass man sich das Problem direkt anschauen kann, ohne Code-rumgerate. Ausserdem von welcher IE-Version sprichst du?

    Gruß Metalgurke

  3. Hi,

    Es geht um ein DIV das im IE komplett nach rechts geschoben wird aber eigentlich mittig liegen müsste wie im FF

    Ich sehe keinen Grund warum da irgendetwas rechts geschweige denn mittig sein sollte.

    Ich habe hier für dich mal ein online-beispiel erstellt (hättest eigentlich auch du machen können).

    width: 795px;

    Fest breite, OK.

    min-height: 322px;

    Mindesthöhe, OK.

    padding: 10px 10px 0px 15px;

    Innenabstand, OK.

    margin: 0px 0px 0px 71px;

    Ein Außenabstand links von 71px, OK.

    float: left;

    Das Element soll links sein und von Text (oder allem was display:inline[-block] hat) umflossen werden.

    Was davon sollte dafür sorgen dass hier etwas mittig ist?
    Zudem ist das bei mir im IE auch nicht rechts.

    TL;DR: Ich kann keinen Fehler entdecken, bitte genauere Beschreibung.

    ~dave

    1. Hi.

      TL;DR

      Das verstehe ich in diesem Zusammenhang nicht. Was hast du nicht gelesen, weil es dir zu lang war? (Jetzt sag nicht Krieg und Frieden.)

      Schönen Sonntag noch!
      O'Brien

      --
      "Haalloo! Willkommen in der Show! Ihr kommt spät, aber es sind noch Plätze frei."
  4. Hi,

    Es geht um ein DIV das im IE komplett nach rechts geschoben wird

    wird es um 71 Pixel nach rechts verschoben, ...

    aber eigentlich mittig liegen müsste wie im FF

    ... ist also 142 Pixel anstatt 71 Pixel vom linken Rand entfernt? Dann informiere Dich über den Double-Float-Margin-Bug. Von "mittig" ist in Deinem Code absolut nicht das geringste zu erkennen.

    Cheatah

    --
    X-Self-Code: sh:( fo:} ch:~ rl:| br:> n4:& ie:% mo:) va:) de:] zu:) fl:{ ss:) ls:~ js:|
    X-Self-Code-Url: http://emmanuel.dammerer.at/selfcode.html
    X-Will-Answer-Email: No
    X-Please-Search-Archive-First: Absolutely Yes