floatingproblem im IE 7

[frankie]

Normalerweise krieg ich sowas ja hin, aber momentan seh ich den wohl den Wald vor lauter Bäumen nicht...
Auf einem wp-2.6 aktualisierten Blog krieg ich den IE 7 nicht dazu, Text ums Bild fliessen zu lassen, aber nur in dem Leitartikelbereich.
(Bild und Text in einem tabbed container mit Verlaufhintergrund, momentan ...hängen Hypertoniker künftig nur noch an der Nadel)

display:block hilft nix, auch nicht :block-inline
ich werd richtig sauer...

vielleicht sieht einer von den CSS-Gurus hier auf den den ersten Blick/ bzw. in selbiges hinein, was ich irgendwie nicht schnall...

Danke für die Hilfe...
Frank

[fischnackdissen]

Versuch mal dem <p> wo die Texte drin stehen ein float: right; oder auch ein float: left; zu geben Müßte eigentlich klappen.

Fisch

[Monika]

display:inline

für das imageframe div

[frankie]

Vielen Dank Monika und Fisch...
Aber leider hilft beides nix.

der div imgalign ist auch nicht betroffen, den zeigt auch der IE korrekt mit floatendem text, allerdings dann in der single...

in der index anzeige steht der div nur im quelltext zusammen mit den anderen tab sections

für das leadpic wird folgender codeteil bemüht:

PHP-Code:

<!-- LEAD ARTICLE -->
    <div class="t1 feature" id="lead">
      <ul id="leadarticle"><li style="list-style: none;">
        <?php 
// Lead Story module begins   
   query_posts('showposts=1&cat=1'); //selects 1 article of the category with ID 1 ?>
        <?php while (have_posts()) : the_post(); ?>
        <a href="<?php the_permalink() ?>" rel="bookmark" title="Permanent Link to <?php the_title(); ?>"><img src="<?php bloginfo('url'); ?>/wp-content/uploads/<?php 
// this is where the Lead Story image gets printed    
    $values = get_post_custom_values("leadimage"); echo $values[0]; ?>" alt="teaserfoto" title="Leitartikelfoto" id="leadpic"/></a>
        <h3><?php 
    // this is where the name of the Lead Story category gets printed      
    wp_list_categories('include=1&title_li=&style=none'); ?></h3><a href="<?php the_permalink() ?>" rel="bookmark" title="<?php __('Permanent Link to','branfordmagazine')?> <?php the_title(); ?>" class="title">
        <?php 
// this is where the title of the Lead Story gets printed      
    the_title(); ?>
        </a>
        <?php 
// this is where the excerpt of the Lead Story gets printed      
    the_excerpt() ; ?>
        <?php endwhile; ?>
      </li></ul>
    </div>

in der style.css ist dafür folgendes definiert:

#leadpic {
    float:left;
    margin: 0 13px 8px 0;
    padding:1px;
    border: 1px solid #999;
    
    }

.title, a.title  {
    font-size:1.1em;
    font-weight:bold;
    color: #840000;
    margin-bottom:13px;
    
    }
    
.feature#lead .title {
    font:1.4em Constantia, Georgia, Times, "Times New Roman", Tahoma, Verdana, Serif;
    font-variant : small-caps;
    letter-spacing:0.05em;
    font-weight : normal;
    line-height:100%;
    
    padding-bottom:1px;
    color: #8D1A07;
    }
    
#leadarticle h3{
    font-size:0.9em;    
    
    }
    
#lead p {
    margin-bottom:10px;
    
    }

alles hinzufügen von float:left oder right oder display inline wirft in der anzeige auch im firefox alles durcheinander...
?????????????? grübel

[Monika]

ich habe doch diesen Quelltext aus der index.php

1.wo ist dieses Thumbnail was da drin ist denn hin?

2. dem a vom leadimage eine class geben und die floaten...
nicht nur das Bild floaten,

lg

 
      <ul id="leadarticle"><li style="list-style: none;">
                        <a href="http://www.dzkfblog.de/2008/08/haengen-hypertoniker-kuenftig-an-der-nadel/" rel="bookmark" title="Permanent Link to Hängen Hypertoniker künftig nur noch an der Nadel?"><img src="http://www.dzkfblog.de/wp-content/uploads/2008/08/spritzen-featured.jpg" alt="teaserfoto" title="Leitartikelfoto" id="leadpic"/></a>
        <h3>       <a href="http://www.dzkfblog.de/category/allgemein/" title="Alle unter TOP-NEWS abgelegten Artikel ansehen">TOP-NEWS</a><br />
</h3><a href="http://www.dzkfblog.de/2008/08/haengen-hypertoniker-kuenftig-an-der-nadel/" rel="bookmark" title=" Hängen Hypertoniker künftig nur noch an der Nadel?" class="title">
        Hängen Hypertoniker künftig nur noch an der Nadel?        </a>
        <div class="imageframe imgalignleft" style="width:193px;"><a href="http://www.dzkfblog.de/wp-content/uploads/2008/08/spritze-800h.jpg" rel="lightbox[pics566]"><img src="http://www.dzkfblog.de/wp-content/uploads/2008/08/spritze-800h.thumbnail.jpg" alt="Die Spritzenlösung" width="193" height="320" class="attachment wp-att-585" /></a>
<div class="imagecaption">Die Spritzenlösung: Impfung gegen Bluthochdruck  &copy; <a href="http://photocase.de/de/user.asp?u=99531" title="externer Link zum Bildautor bei photocase.de">little_dude</a> | photocase.de</div>
</div>
<p><strong>Das Szenario nach ersten Studien zu einem Impfstoff klingt fast zu forsch um wahr zu sein: </strong>Viele der großen Publikumszeitschriften bzw. deren Onlineableger übertreffen sich mit Titeln, wie »Hoffnung für Millionenen«, »Lebenslanger Schutz durch Impfung« etc. pp. … </p>

[bgeissler]

Nimm mal die Listen-Tags raus, dann wird umflossen.

<ul id="leadarticle"><li style="list-style: none;">
....
</li></ul> 

[Monika]

es muß auch innerhalb der Liste gehen,
ich nutz dies doch bei Kommentaren auch so..

hmmm......

[frankie]

Danke ihr zwei...
aber die li tags kann ich nicht so einfach entfernen, da muss ich das halbe theme umschreiben, weil die tabs auf listen basieren...
monika:
der thumb ist nur für die ansicht der single.php...
genau wie der imageframe...
alles andre eben bei anzeige der inde geht mit dem was zum leadpic gehört...
das mit dem a: eine klasse zuweisen ging nicht

wär schön wenn sich noch eine lösung auch für die ul/li ergäbe...

[Monika]

Zitat von frankie

Danke ihr zwei...
aber die li tags kann ich nicht so einfach entfernen, da muss ich das halbe theme umschreiben, weil die tabs auf listen basieren...
monika:
der thumb ist nur für die ansicht der single.php...
genau wie der imageframe...
alles andre eben bei anzeige der inde geht mit dem was zum leadpic gehört...
das mit dem a: eine klasse zuweisen ging nicht

wär schön wenn sich noch eine lösung auch für die ul/li ergäbe...

das geht nicht, der Quelltext ist auf der Startseite drin, ...

ich habe den imageframe nicht von der Singelansicht.


Du kannst das leadpic in ein div geben ....
weil alle anderen Lösungen nicht imIE6 funktionieren

doch ehrlich wieso ist auf der Startseite ein imageframe div, wenn es nur für die singelansicht da ist, ...kapier ich net ..unsichtbar gemacht? wenn ja wie ... nehmich das raus bei mir floatet alles ...
leicht irritiert
lg

[frankie]

Tja, Monika...
ist nicht so einfach zu erklären...
ich war einer der ersten hundert, die dieses doch sehr gute magazinetheme benutzt haben...

habe es vor allem vom outfit her umgeschrieben, bzw. angepasst, valide gemacht und eigene archive- und kontaktseiten, autorenanzeige etc. angebaut... und war dann schlichtweg zu gestresst, um die folgenden aktualisierungen des themes mit all den änderungen neu anzupassen...

die tab-section in meiner site basiert wohl noch auf einer älteren jquery-version...
jedenfalls werden die inhalte der single.phps irgendwie mit in die index bugsiert...
frag mich nicht...
ich weiss ist doublecontent...

wird mir wohl nix andres über bleiben, als die aktuellste version des themes umzuschreiben...
weil auf dessen demosite zeigt der IE auch den leadarticle mit umfliessendem text...

valide werd ich sie dann sicher auch irgendwie kriegen... und meine änderungen in den archivseiten und so einbauen können...
sind halt paar stunden stress