1. Diese Seite verwendet Cookies. Wenn du dich weiterhin auf dieser Seite aufhältst, akzeptierst du unseren Einsatz von Cookies. Weitere Informationen

Floating DIVs im IE

Dieses Thema im Forum "Web-Programmierung" wurde erstellt von mschoening, 27.10.08.

  1. mschoening

    mschoening Gelbe Schleswiger Reinette

    Dabei seit:
    21.02.07
    Beiträge:
    1.764
    Hi,
    ich habe mal wieder einen schönen Bug im IE6.

    Kann mir jemand sagen weshalb hier die 3 kleinen Banner im IE6 einen margin-bottom werfen?

    Hier ist das Markup:

    Code:
    <!-- !microbanner -->
    <div id="microbanner">
    	<div class="section_top"></div>
    	
    	<div class="section_middle">
    		<p class="microbanner" id="microbanner_left">
    			<a href="#"><img alt="Super Banner Title" height="90" src="http://www.apfeltalk.de/forum/images/microbanner_left.jpg" width="236" /></a>
    		</p>
    		
    		<p class="microbanner" id="microbanner_center">
    			<a href="#"><img alt="Super Banner Title" height="90" src="http://www.apfeltalk.de/forum/images/microbanner_center.jpg" width="236" /></a>
    		</p>			
    		
    		<p class="microbanner no_right" id="microbanner_right">
    			<a href="#"><img alt="Super Banner Title" height="90" src="http://www.apfeltalk.de/forum/images/microbanner_right.jpg" width="236" /></a>
    		</p>
    		
    		<div class="clear"></div>
    	</div>
    	
    	<div class="section_bottom"></div>
    </div>
    <!-- /microbanner -->
    
    Hier ist der CSS-Code:

    Code:
    /* @group microbanner */
    #microbanner .microbanner {
    	float: left;
    	margin-right: 10px;
    }
    
    	#microbanner .microbanner img {
    		display: block;
    	}
    /* @end group */
    
    Thanks,
    Max


    Edit: Gelöst! Lag mal wieder an einem leeren <div>!
     
    #1 mschoening, 27.10.08
    Zuletzt bearbeitet: 27.10.08
  2. Bajuware

    Bajuware Oberösterreichischer Brünerling

    Dabei seit:
    23.04.08
    Beiträge:
    707
    #microbanner .microbanner {
    float: left;
    margin-right: 10px;
    }

    *html #microbanner .microbanner { display:inline; }
     
  3. mschoening

    mschoening Gelbe Schleswiger Reinette

    Dabei seit:
    21.02.07
    Beiträge:
    1.764
    Hi,
    nein daran lag es nicht sondern an dem leeren <div class="clear"></div> (entweder font-size: 10px; deklarieren oder .clearfix:after verwenden)!

    LG,
    Max
     

Diese Seite empfehlen