das übliche: Layout einer Website mit Float-Elementen vs IE7

[Bud]

Hi.

#main {
margin:4px 0 1em 0px; padding:0.2em 1em 1.5em 220px; min-height:400px; line-height:1.4em;
background: #669 url(images/design/bg_mitte.jpg) 0 0 no-repeat;
border-width:3px;
border-style:solid;
border-color:#CC9 #FF9 #FF9 #CC9;
}

> Ich befürchte zwar, hier ein ganz banales Problem anzusprechen, aber hoffe trotzdem auf den hilfreichen Fingerzeig ;).  
  
Mit `margin: 220px`{:.language-css} statt `padding: 220px`{:.language-css} sieht es schon besser aus.  
  
Es gibt aber auch noch einen Scrollbalken im IE7. Der kommt vom float bzw. der fehlenden Breite bei:  
  
~~~css
div.news var {  
 float: right;  
 font-size: 0.85em;  
 font-style: oblique }

Bitte kein oblique (schräg) benutzen, das tut typografisch geschulten Augen weh. Das Bessere nennt sich italic (kursiv).

vg Bud