mediengestalter.info
Datenschutzerklärung
FAQ :: Mitgliederliste :: MGi Team

Willkommen auf dem Portal für Mediengestalter
Aktuelles Datum und Uhrzeit: Fr 19.04.2024 04:55 Benutzername: Passwort: Auto-Login

Thema: IE7, verschachtelte DIV mit Float, ein verschwundener Margin vom 31.12.2010


Neues Thema eröffnen   Neue Antwort erstellen MGi Foren-Übersicht -> Programmierung -> IE7, verschachtelte DIV mit Float, ein verschwundener Margin
Autor Nachricht
richyr45
Threadersteller

Dabei seit: 31.12.2010
Ort: -
Alter: -
Geschlecht: Männlich
Verfasst Fr 31.12.2010 21:41
Titel

IE7, verschachtelte DIV mit Float, ein verschwundener Margin

 Antworten mit Zitat Zum Seitenanfang
moin forum!
hab n problem mit dem ie7: zwei verschachtelte divs, beim äußeren ein margin und im inneren text und ein mit float:right positioniertes bild; danach ein clear. im ie8 läuft alles wie es soll, im ie7 "verschwindet" der margin nach links (links von der gelben headline).
nachfolgend erstmal die screenshots vom ie7 und ie8 und dann der code:





Code:

<!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" xml:lang="en" lang="en">
 <head>
  <style type="text/css">
  body { background:red; }
   div.csc-default { margin:50px; background:green; }
    div.csc-default div.csc-header { background:yellow; }
    div.csc-textpic-intext-right div.csc-textpic-imagewrap { float:right; }
    div.csc-textpic-clear { clear:both; }
  </style>
 </head>
 <body>
  <div id="c51" class="csc-default">
   <div class="csc-header csc-header-n4"><h1>Headline</h1></div>
   <div class="csc-textpic csc-textpic-intext-right">
    <div class="csc-textpic-imagewrap csc-textpic-single-image"><img src="http://www.microsoft.com/australia/presspass/image.axd?picture=201012941_internet-explorer-logo.jpg" width="300" height="300" border="0" alt="" /></div>
    <div class="csc-textpic-text">
     <p class="bodytext">Im Internet-Explorer 7 wird bei <b>float:left</b> die Angabe von <b>margin-left</b> ignoriert.</p>
    </div>
   </div>
   <div class="csc-textpic-clear"><!-- --></div>
  </div>
 </body>
</html>

hier der livecode der problem-demo: Float-Bug

hat irgendwer ne heisse spur für mich? das wär echt fein, da ich inzwischen ziemlich ratlos bin... (und: ja, ich hab mich schon dumm&dusselig gegooglet *zwinker* )
  View user's profile Private Nachricht senden
Kipperlenny

Dabei seit: 20.05.2010
Ort: Preetz
Alter: 38
Geschlecht: Männlich
Verfasst Sa 01.01.2011 20:25
Titel

Antworten mit Zitat Zum Seitenanfang
war das nicht so, das float nicht funzt im ie7 und man da ein browserspezifisches Stylesheet braucht?
  View user's profile Private Nachricht senden Website dieses Benutzers besuchen
Anzeige
Anzeige
richyr45
Threadersteller

Dabei seit: 31.12.2010
Ort: -
Alter: -
Geschlecht: Männlich
Verfasst So 02.01.2011 03:28
Titel

Antworten mit Zitat Zum Seitenanfang
falls es wen interessiert, hier die lösung:
Code:
div.csc-default { margin:50px; background:green; zoom:1; }


es war der hasLayout-bug: dem div fehlt durch das inkludierte float in der ie-engine <8 die eigenschaft hasLayout, dazu lässt sich die engine allerdings mit dem zoom überreden...

danke für eure hilfe!
  View user's profile Private Nachricht senden
 
Ähnliche Themen Float und Margin-Bottom Problem
[CSS+Opera] Float und Margin-bottom
Hilfe: div float / width:100% - CSS float Box Model
Verschachtelte while-Schleifen
verschachtelte links
verschachtelte tabellen - tabellenhöhe 100%?
Neues Thema eröffnen   Neue Antwort erstellen
MGi Foren-Übersicht -> Programmierung


Du kannst keine Beiträge in dieses Forum schreiben.
Du kannst auf Beiträge in diesem Forum nicht antworten.
Du kannst an Umfragen in diesem Forum nicht mitmachen.

Mediengestalter.info ist ein Projekt von Webformatik :: Forensoftware: phpBB