| Autor |
Nachricht |
richyr45
Threadersteller
Dabei seit: 31.12.2010
Ort: -
Alter: -
Geschlecht: 
|
Verfasst Fr 31.12.2010 21:41
Titel IE7, verschachtelte DIV mit Float, ein verschwundener Margin |
  |
|
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  )
|
|
| |
  |
 |
| |
|
|
Kipperlenny
Dabei seit: 20.05.2010
Ort: Augsburg
Alter: 26
Geschlecht:
|
Verfasst Sa 01.01.2011 20:25
Titel
|
|
|
|
war das nicht so, das float nicht funzt im ie7 und man da ein browserspezifisches Stylesheet braucht?
|
|
| |
 |
|
richyr45
Threadersteller
Dabei seit: 31.12.2010
Ort: -
Alter: -
Geschlecht:
|
Verfasst So 02.01.2011 03:28
Titel
|
|
|
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!
|
|
| |
|
|
| |
|
|
| Ähnliche Themen |
Hilfe: div float / width:100% - CSS float Box Model
Float und Margin-Bottom Problem
margin-top + ie7?
[CSS+Opera] Float und Margin-bottom
IE7 margin Problem CSS
<tr> Float in IE7
|
|
Willkommen auf dem Portal für Mediengestalter
