✔ Verschiebung der DIV's

napsi · 18. Juni 2007

Mein Problem ist, dass folgende Bilder immer an das Ende des DIV's gestellt werden und nicht wie im CSS definiert, rechtes oben.

der div 'contnews_product' und der div 'picnews' sollen nebeneinander sein, sind aber nicht.

Code:

* {                           /* alle Elemente sollen urspruenglich keine Innen- und Aussenabstaende haben */
	margin: 0;
	padding: 0;
	/*border: 1px dashed red;*/
}

body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	width: 980px;               /* beschraeknt das body-Tag und damit alle Kindelemente auf 980px Breite */
	margin: 0;
	padding: 0;
}

div#pagewrap {
	width:980px;
}

#header {
	border: 0;
	height: 69px;
}

#left {
	border: 0px;
	height: 424px;
	width: 667px;
	float: left;
	margin-top: 20px;
	margin-right: 0 !important; /* Für moderne Browser */
    margin-right: -3px; /* Für IE */
}

#right {
	border: 0px;
    height: 424px;     
    margin-left: 667px !important; /* Für moderne Browser */
    margin-left: 664px; /* Für IE */
    margin-top: 20px;
  	font-style:normal;
    position: relative;
}

#right a {
	text-decoration: none;
}

#right a:hover {
	text-decoration: underline;
}

#foot {
	border: 0px;
	height: 80px;
	margin-top: 3px;
}

#shortnews1 {
	border: 0px;
	height: 75px;
	width: 328px;
	float:left;
	padding-top:5px;
	padding-right:5px;
}

#shortnews1 a {
	text-decoration: none;
}

#shortnews1 a:hover {
	text-decoration: underline;
}

#shortnews2 {
	border: 0px;
	height: 75px;
	width: 329px;
	float:left;
	padding-top:5px;
	padding-right:5px;
}

#shortnews2 a {
	text-decoration: none;
}

#shortnews2 a:hover {
	text-decoration: underline;
}

#shortnews3 {
	border: 0px;
	height: 75px;
	width:308px;
	float:left;
	padding-top:5px;
	padding-right:5px;
}

#shortnews3 a {
	text-decoration: none;
}

#shortnews3 a:hover {
	text-decoration: underline;
}


#impressum {
	border: 0px;
	height: 25px;
	margin-top:3px;
}

#dreieck {
	border: 0px;
	height: 424px;
	width: 422px;
}

#subnav {
	border: 0px;
	height: auto;
	width: 250px;
	margin-left: 15px;
	margin-top: 20px;
	line-height: 20px;
	list-style: none;
	font-weight:bold;
	font-size:10pt;
}

#subnav ul {
	padding-left:5px;
}

.headline {
	font-size:18px;
	font-weight:bolder;
	line-height:25px;
	margin-bottom: 15px;
	margin-left:5px;
	margin-right:5px;
	margin-top: 5px;
}

.impressum {
	font-size:10px;
	font-weight:bold;
	line-height:25px;
}

.impressum a {
	text-decoration:underline;
}

.content {
	font-size:12px;
	font-style:normal;
	line-height:16px;
	margin-left:5px;
	margin-right: 5px;
	margin-bottom:5px;
}

.content a {
	text-decoration:none;
	font-weight:bold;
}

.content a:hover {
	text-decoration:underline;
}

#contflinks {
	border: 0px;
	height: 424px;
	width: 422px;
	float: left;
	margin-top: 20px;
	margin-right: 0 !important; /* Für moderne Browser */
    margin-right: -3px; /* Für IE */
}

#contfrechts {
	border: 0px;
	height: 424px;
	margin-top: 20px;
	font-style:normal;
	margin-left: 422px !important; /* Für moderne Browser */
    margin-left: 419px; /* Für IE */
}

#contfrechts ul {
	padding-left:5px;
	list-style-type:none;
}

#contfrechts ul li {
	margin-top: 5px;
	margin-left: 40px;
	margin-top: 2px;
	padding:0px 10px 0px 20px;
	font-size:12px;
	font-style:normal;
	line-height:18px;
}

#trefferliste {
	margin-left: 5px;
	width: 96%;
	display: block;
	font-size:12px;
	font-style:normal;
}

.trefferliste_datum {
	marin-left: 20px;
	width: 30px;
	/*line-height:14px;*/
	margin-left:5px;
	margin-right: 5px;
	margin-bottom:5px;
	font-weight:bold;
}

.trefferliste_kurztext {
	margin-left: 40px;
	width: 400px;
	display:block;
	font-weight:normal;
}

#trefferliste a {
	font-size:12px;
	padding:0px 10px 0px 20px;
	text-decoration:none;
}

#trefferliste a:hover {
	text-decoration:underline;
}

.scrolling {
	height:424px;
	overflow:auto;
}
.scrolling p {
	padding:10px 5px;
}

.scrolling1 {
	height:300px;
	overflow:auto;
}
.scrolling1 p {
	padding:10px 5px;
}

.pictureshortnews {
	margin-left: 2px;
	margin-right:5px;
}

.shortnews1headline {
	font-size:11px;
	font-weight:bold;
}

.shortnews1content {
	font-size:11px;
	font-style:normal;
	line-height:14px;
}

.shortnews2headline {
	font-size:11px;
	font-weight:bold;
}

.shortnews2content {
	font-size:11px;
	font-style:normal;
	line-height:14px;
}

.shortnews3headline {
	font-size:11px;
	font-weight:bold;
}

.shortnews3content {
	font-size:11px;
	font-style:normal;
	line-height:14px;
}

#mainm {
	border:0px;
	height: 18px;
	width:909px;
	position:relative;
	margin-left: 70px;
	margin-top: -25px;
	font-size:12px;
	font-weight:bold;
	list-style: none;
	line-height:18px;
}

.picture {
	margin: 2px;
}

#staff {
	width: 500px;
	height: auto;
	margin-top: 15px;
	text-align:center;
	font-size:9px;
}

.personenueberschrift {
	font-weight:bold;
	font-size:14px;
}

ul.vertikal {
	padding-left:5px;
}

ul.horizontal {
	padding-left:11px;
}

ul.horizontal li, ul.vertikal li {
	list-style-type:none;
}

ul.horizontal li {
	display:inline;
}

ul.vertikal li {
	margin-top: 2px;
}

ul.vertikal li a {
	font-size:10pt;
	padding:0px 10px 0px 20px;
	text-decoration:none;
}

ul.vertikal li a:hover {
	text-decoration:none;
}

ul.vertikal li a:active {
	text-decoration: underline;
}

ul.horizontal li a {
	font-size: 10pt;
	padding: 0px 7px 0px 10px;
	text-decoration:none;
}

ul.horizontal li a:hover {
	text-decoration:none;
}

ul.horizontal li a.active {
	text-decoration:underline;
}

ul.sl {
	padding-left: 15px;
}

ul.sl li a{
	text-decoration: none;
	font-size: 8pt;
	margin-top: 5px;
	margin-left: 10px;
}

ul.sl li a.active {
	text-decoration:underline;
}

ul.sll {
	padding: 5px;
	list-style-type:none;
	font-style:italic;
}

ul.sll li a {
	text-decoration:none;
	font-size:8pt;
	margin-top:5px;
	margin-left:15px;
	list-style-type:none;
}

ul.sll li a.active {
	text-decoration:underline;
}

.staffposlinks {
	padding-left:5px;
	padding-top:3px;
	padding-bottom:3px;
	font-size:12px;
	float:left;
	width:100px;
	font-weight:bold;
	line-height:18px;
	position:relative;
	top: 20px;
	left: 5px;
}

.staffposrechts {
	padding-left:5px;
	padding-top:3px;
	padding-bottom:3px;
	font-size:12px;
	line-height:18px;
	position:relative; 
	top:20px;
	left: 50px;
}

.staffposrechts a {
	text-decoration:none;
}

.staffposrechts a:hover {
	text-decoration:underline;
}

.staffname {
	padding-left: 5px;
	margin-top:80px;
	font-size:18pt;
	font-weight:bold;
	float:left;
}

.staffbild {
	margin: 5px;
	position:relative;
	top:10px;
	right: 10px;	
}

fieldset.form {
         border:0px solid #CCCCCC;
         display:block;
         padding:0em 0em;
         width: 96%;
		 font-size:12px;
		 font-style:normal;
		 margin-left: 3px;
		 /*line-height:14px;*/
}

fieldset.form input, fieldset.form select {
         margin:0 0 5px 0;
         /*background:#EDF7FC;
         border:1px solid #AEDBF0;
         font:bold 13px Verdana, Arial, Helvetica, sans-serif;
         color:#267DAC;*/
         /*position:relative;*/
		 font-size:12px;
		 font-style:normal;
		 font-weight:bold;
		 line-height:14px;
}

fieldset.form input, fieldset.form textarea, fieldset.form select {
         margin-left:210px;
         display:block;
}

label {
         float:left;
         display:block;
		 width:160px;
		 /*position:relative;*/
}


#contnews {
	border:0px;
	width:429px;
	margin-left:5px;
	padding-left:0px;
	margin-top: 0px;
	float:left;
}

#contnews p {
	padding: 0px;
}

#picnews {
	width: 104px!important;
	width: 101px;
	/*height: 320px;*/
	/*border:0px;*/
	/margin-left: 411px;*/
	margin-top:5px;
	float:right;
}

#contnews ul {
	padding-left:5px;
	list-style-type:none;
}

#contnews ul li {
	margin-top: 5px;
	margin-left: 5px;
	margin-top: 2px;
	padding: 0px 5px 0px 15px;
	font-size: 12px;
	font-style: normal;
	line-height: 16px;
}

#contnews a {
	text-decoration:none;
	margin-left:5px;
}

#contnews a:hover {
	text-decoration: underline;
}

#pic_gross_head {
	/*margin-top: 350px;
	position:relative;*/
	width: 500px;
}

.verweis {
	font-size:9px;
}

.verweis a {
	text-decoration:none;
}

.verweis a:hover {
	text-decoration: underline;
}

.rubrik_name {
	font-weight:bold;
	line-height:20px;
	margin-left:5px;
	margin-right: 5px;
	margin-bottom:5px;
	font-size:13px;
}
.partner {
	font-size:12px;
	font-style:normal;
	margin-left:5px;
	margin-right: 5px;
	line-height:14px;
}
.partner a {
	text-decoration:none;
	font-size:14px;
	font-weight:bold;
	line-height:16px;
}
.partner a:hover {
	text-decoration:underline;
}
.email {
	font-size:12px;
	font-style:normal;
	margin-left:5px;
	margin-right: 5px;
	line-height:14px;
}
.email a {
	text-decoration:none;
	line-height: 14px;
}
.email a:hover {
	text-decoration:none;
}
#contnews_product {
	border:0px;
	width:410px;
	width:410px!important; /* Für moderne Browser */
	margin-left:5px;
	padding-left:0px;
	margin-top: 0px;
	float:left;
}
#contnews_product p {
	padding: 0px;
}

#contnews_product ul {
	padding-left:5px;
	list-style-type:none;
}

#contnews_product ul li {
	margin-top: 5px;
	margin-left: 5px;
	margin-top: 2px;
	padding: 0px 5px 0px 15px;
	font-size: 12px;
	font-style: normal;
	line-height: 16px;
}

#contnews_product a {
	text-decoration:none;
	margin-left:5px;
}

#contnews_product a:hover {
	text-decoration: underline;
}

#vorzurücklinks {
	margin-left:10px;
	margin-right:5px;
	margin-top:5px;
	height: 20px;
	font-style:normal;
	/*position: relative;*/
	width:525px;
	margin-buttom : 5px;
}

#zurück {
	height:15px;
	width: 50px;
	float:left;
}

#vor {
	height:15px;
	width:50px;
	float:right;
	margin-top:0px;
}

#conti {
	margin-left: 55px;
	margin-right: 55px;
	height:15px;
	/*position:relative;*/
}

HTML:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>Bernhard Kasch&uuml;tz GmbH & Co KG</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<meta http-equiv="content-style-type" content="text/css"> <!-- Angabe des Content-Style-Typs darf nicht fehlen! -->
<link href="css/style.css" rel="stylesheet" type="text/css" media="all">
<link href="css/colorofen.css" rel="stylesheet" type="text/css" media="all">
<link href="css/image.css" rel="stylesheet" type="text/css" media="all">


</head>
<body>
<div id="pagewrap">
	<div id="header">
		<p><img src="img/hpelemente/dreieckgruen.jpg" alt="" width="40" height="40" border="0" style="top: 0px; right: 0px; float: right;"></p>
		<p><img src="img/hpelemente/dreieckflamme.jpg" alt="" border="0" style="top: 0px; left: 0px; display:block;"></p>
	</div>
	
	<div id="mainm">
			<ul class="horizontal">
			<li><a href="unternehmen.asp" target="_self">Unternehmen</a></li>
			<li><a href="gusstechnik.asp" target="_self">Gusstechnik</a></li>
			<li><a href="heiztechnik.asp" target="_self">Heiztechnik Kachelofen</a></li>
			<li><a href="produkte.asp" target="_parent">Produkte</a></li>
			<li><a href="news.asp" target="_self">News</a></li>
			<li><a href="kontakt.asp" target="_self">Kontakt</a></li>
			<li><a href="partner.asp" target="_self">Partner</a></li>
			<li><a href="galerie.asp" target="_self">Fotogalerie</a></li>
			<!--<li><a href="login.asp" target="_self">Member</a></li>-->
			</ul>
</div>
<div id="contflinks">
		<a href="index.htm"><img src="img/hpelemente/logo.gif" alt="" border="0" style="position:relative; top:-7px; left:70px"></a>
		<p></p>	<div id="subnav">
	<div class="scrolling1">

<ul class="vertikal">
	
		<li><a href="produkte.asp?E1=9&item=">eurotherm</a></li>
		
		<ul class="sl">
			
			<li><a href="produkte.asp?E1=9&E2=10&item=">Heizeinsatz</a></li>
				<ul class='sll'>
					<li><a href="produkte.asp?E1=9&E2=10&item=2&page=1">eurotherm 4</a></li>
					
					<li><a href="produkte.asp?E1=9&E2=10&item=7&page=1">eurotherm 6</a></li>
					
					<li><a href="produkte.asp?E1=9&E2=10&item=8&page=1">eurotherm 8</a></li>
					
					<li><a href="produkte.asp?E1=9&E2=10&item=9&page=1">eurotherm 10</a></li>
					
					<li><a href="produkte.asp?E1=9&E2=10&item=3&page=1">eurotherm 12</a></li>
					
					<li><a href="produkte.asp?E1=9&E2=10&item=10&page=1">eurotherm Tunnel</a></li>
					
					<li><a href="produkte.asp?E1=9&E2=10&item=11&page=1">eurotherm Hinterlader</a></li>
					</ul>
			<li><a href="produkte.asp?E1=9&E2=11&item=">Türvariationen</a></li>
				
		</ul>
		
		<li><a href="produkte.asp?E1=63&item=47">für austauschanlagen</a></li>
		
		<li><a href="produkte.asp?E1=22&item=18">euromatic</a></li>
		
		<li><a href="produkte.asp?E1=23&item=4">eurocantin</a></li>
		
		<li><a href="produkte.asp?E1=24&item=6">euroflux</a></li>
		
		<li><a href="produkte.asp?E1=25&item=">heiztüren</a></li>
		
		<li><a href="produkte.asp?E1=40&item=">zubehör</a></li>
		
		</ul>

	</div>
	</div>
</div>

<div id="contfrechts">
	<div class="scrolling">
	
		<p align="right" class="headline">eurotherm 4</p>
		<div id="contnews_product">
			<ul>
			<li><p class="rubrik_name">Beschreibung</p>
			<p class="content">Der euro<strong>therm 4</strong> wurde für kleinere Wohneinheiten konzipiert. Auf Grund seiner geringeren Heizleistung zeichnet er sich durch einen 
			besonders sparsamen Energieverbrauch aus. Neben der einfachen Bedienung (Schieber reguliert Verbrennungsluft und Scheibenspülung) 
			zeichnet sich der euro<strong>therm 4</strong> noch durch folgende Besonderheiten aus: 
				<ul>
					<li>Bei der Einbauversion kann die Türe links und rechts angeschlagen werden</li>
					<li>Die Schamottteile sind bei allen euro<strong>therm</strong>-Modellen durch die Türe leicht auswechselbar</p></li> 
					<li>Türe mit großer Sichtscheibe und Doppelverglasung</li>
					<li>Bei der euro<strong>therm</strong> Einbauversion ist die Türe wahlweise in 2 Größen erhältlich (35,0 x 52,0 cm; 47,0 x 52,0 cm) und verschiedenen Modellen</li>
					<li>Drehbare Kuppel</li>
					<li>Automatikeinbau kann bei der euro<strong>therm</strong> Serie (Frontplattenversion und Einbauversion) 
					problemlos vorgenommen werden</li>
					<li>Die Füße sind höhenverstellbar</li>
					<li>Alle Verbrennungsluftschuber sind metallisch geschliffen – dadurch absolut dicht</li>
					<li>Geprüft nach EU-Norm <strong>EN 13229</strong></li>
				</ul></p></li><br>
			<li><p class="rubrik_name">Zahlen und Fakten</p>
			<p class="content"> <table width="375" border="0" class="tabellen">
  <tr>
    <th scope="col" style="font-size:12px; text-align:left">Technische Daten</th>
    <th scope="col" style="font-size:12px; text-align:left">Frontplattenversion</th>
    <th scope="col" style="font-size:12px; text-align:left">Einbauversion</th>
  </tr>
  <tr>
    <td>Pr&uuml;fbericht Nr./Dat.</td>
    <td>VFH-07-004-P</td>
    <td>VFH-07-004-P</td>
  </tr>
  <tr>
    <td>Pr&uuml;fstelle</td>
    <td colspan="2">Versuchs.- und Forschungsanstalt der Hafner</td>
    </tr>
  <tr>
    <td>W&auml;rmeleistung mit einem Heizgasszug</td>
    <td>4,2 kW </td>
    <td>4,2 kW </td>
  </tr>
  <tr>
    <td>Teillast</td>
    <td>2,1 kW </td>
    <td>2,1 kW </td>
  </tr>
  <tr>
    <td>Brennstoffw&auml;rmeleistung Nennlast *)</td>
    <td>4,94 kW </td>
    <td>4,94 kW </td>
  </tr>
  <tr>
    <td>Freigesetzte Energie</td>
    <td>16,1 kWh</td>
    <td>16,1 kWh</td>
  </tr>
  <tr>
    <td>Nachlegeintervall</td>
    <td>4 Stunden</td>
    <td>4 Stunden</td>
  </tr>
  <tr>
    <td>Heizfl&auml;che</td>
    <td>1,1 m²</td>
    <td>1,1 m²</td>
  </tr>
  <tr>
    <td>F&uuml;llraum Breite</td>
    <td>200 mm </td>
    <td>350 mm </td>
  </tr>
  <tr>
    <td>F&uuml;llraum H&ouml;he</td>
    <td>400 mm </td>
    <td>400 mm </td>
  </tr>
  <tr>
    <td>F&uuml;llraum Tiefe</td>
    <td>370 mm </td>
    <td>200 mm </td>
  </tr>
  <tr>
    <td>Lichte/Weite F&uuml;llt&uuml;r</td>
    <td>200x260 mm </td>
    <td>275x400 mm </td>
  </tr>
  <tr>
    <td>Abgasstrom</td>
    <td>24 g/sek</td>
    <td>24 g/sek</td>
  </tr>
    <tr>
    <td>mittlere Abgastemp HE</td>
    <td>500 &deg;C</td>
    <td>500 &deg;C</td>
  </tr>
  <tr>
    <td>Abgastemp NHFL</td>
    <td>168 &deg;C </td>
    <td>168 &deg;C</td>
  </tr>
  <tr>
    <td>F&ouml;rderdruck</td>
    <td>mind. 15 Pa </td>
    <td>mind. 15 Pa</td>
  </tr>
  <tr>
    <td>CO-Emission ***)</td>
    <td>&lt;&lt;1100</td>
    <td>&lt;&lt;1100</td>
  </tr>
  <tr>
    <td>NOX Emission ***)</td>
    <td>&lt;150 **)</td>
    <td>&lt;150 **)</td>
  </tr>
  <tr>
    <td>HC Emission ***)</td>
    <td>&lt;80</td>
    <td>&lt;80</td>
  </tr>
    <tr>
    <td>Staub Emission ***)</td>
    <td>&lt;50</td>
    <td>&lt;50</td>
  </tr>
  <tr>
    <td>Wirkungsgrad</td>
    <td>&gt;85 % </td>
    <td>&gt;85 %</td>
  </tr>
  <tr>
    <td>Max. Holz-Auflagemenge</td>
    <td>4,5 kg </td>
    <td>4,5 kg </td>
  </tr>
  <tr>
    <td>Min. Holz-Auflagemenge</td>
    <td>2,25 kg </td>
    <td>2,25 kg </td>
  </tr>
  <tr>
    <td>Gewicht ohne Schamotte</td>
    <td>90 kg </td>
    <td>125 kg </td>
  </tr>
  <tr>
    <td>Gesamtgewicht</td>
    <td>130 kg </td>
    <td>160 kg </td>
  </tr>
  <tr>
</table>
	  <table width="200" border="0" style="margin-top:10px; margin-left:10px;" class="tabellen" >
  <tr>
    <th colspan="2" scope="col">Legende</th>
    </tr>
  <tr>
    <td>*)</td>
    <td>nach EN13229</td>
  </tr>
    <tr>
    <td>**)</td>
    <td>abh&auml;ngig von der Holzart</td>
  </tr>
  <tr>
    <td>***)</td>
    <td>Grenzwert lt. Art 15a B-VG (Grenzwert EN 13229)</td>
  </tr>

</table></p></li><br>
			<li><p class="rubrik_name">Dokumente</p>
			
				<p><a target="_blank" href="Dokumente/Bedienungsanleitung eurotherm4.pdf">Bedienungsanleitung</a></p>
			
				<p><a target="_blank" href="Dokumente/eurotherm 4_260107.pdf">Datenblatt</a></p>
			
				<p><a target="_blank" href="Dokumente/Montageanweisung eurotherm4.pdf">Montageanweisung</a></p>
			
			</li>
			</ul>
		</div>
		<div id="picnews" class="content">
			
				<img src="img\images\k-4fp.gif" class="picture" alt="" width="98px" height="157px">
			
			<img src="img\images\k-4evklt.gif" class="picture" alt="" width="98px" height="157px">
			
			<img src="img\images\k-4evgrt.gif" class="picture" alt="" width="97px" height="157px">
			
		</div>
			<!--<p class="verweis" align="right"><< <a href="produkte.asp?E1=9&E2=10&item=2&page=2">mehr Informationen</a> >></p>-->
	</div>
	
	</div>

</div>	
<div id="foot">
	<img src="img/bilder/familie.jpg" alt="" style="float:right">
	<img src="img/bilder/baum.jpg" alt="" style="float:right">
</div>
<div id="impressum">
	<p align="center" class="impressum">Bernhard KASCH&Uuml;TZ GmbH &amp; Co KG, A-3163 Rohrbach/G&ouml;lsen, Dreikreuzstr. 42, Tel.: +43(0)2764/24 01, Fax: +43(0)2764/76 82, kaschuetz@kaschuetz.at</p>
</div>

</body>
</html>

unter http://www.mgloop.at/kaschuetz => Produkte => heizeinsatz => eurotherm 4 unter IE 6.x sieht man, dass der DIV statt nebenan, unterhalb angeordnet ist. Im FF,... ist es korrekt dargestellt.

bitte um Hilfe

Maik · 18. Juni 2007

Hi,

in der rechten Spalte picnews tritt im IE der "Double-Margin-Bug" auf, den du folgendermaßen beheben kannst:

Code:

.content {
        font-size:12px;
        font-style:normal;
        line-height:16px;
        margin-left:5px !important; /* Für moderne Browser */
        margin-left:2.5px; /* Für IE */
        margin-right:5px !important; /* Für moderne Browser */
        margin-right:2.5px; /* Für IE */
        margin-bottom:5px;
}

Zudem solltest du im Selektor #picnews das fehlende Sternchen * zu Beginn des Kommentars setzen

Code:

#picnews {
        width: 104px !important;
        width: 101px;
        height: 320px;
        border:0px;
        /*margin-left: 411px;*/
        margin-top:5px;
        float:right;
}

und in den Grafikpfaden den im WWW üblichen Slash (/) anstelle des auf der Harddisk üblichen Backslashs (\) verwenden.

Maik · 18. Juni 2007

Wenn du jetzt noch im Selektor .content das fehlende Semikolon nach der zweiten margin-right-Deklaration hinzufügst, wird im IE alles gut.

✔ Verschiebung der DIV's

napsi

Erfahrenes Mitglied

Maik

Maik

Neue Beiträge