photografx: Kapitulation bei CSS Layout Bug(?) im IE6

Beitrag lesen

SELF-Forum

Kapitulation bei CSS Layout Bug(?) im IE6

photografx
– Informationen zu den Bewertungsregeln

Hallo Ihr lieben Hellen Köpfe ...

ich weiss weder ein noch aus ... schlage mich seit stunden mit einem Layouproblem mit auf einer seite rum und ich kann und mag nicht mehr .. nicht mal "unser" programmierer konnte einen Fehler finden ...

Corpus delicti liegt hier:

http://testing.photografx.org/tgs

Menüpunkt: Grundstücke -> über 200.000,- -> Gerasdorf Föhrenhain
(show frame source .. info.html)

ist eigentlich ne relativ simple seite die ich für einen bekannten erstelle ... er möchte sie selber warten ....

Habe .. um es ihm leicht zu machen ... komplett auf CSS gesetzt ...
dacht emir das ich ihm morgen mal was präsentieren kann .. bin heute aber im laufe des Tages auf einen Darstellungsfehler im IE6 gestossen (den ja leider noch viel zu viele User benutzen) ...
Komme nicht drauf was ich falsch mache .. bzw wo der hund begraben liegt ... habe glaub ich schon alle Float-Variationen durch ...

des css Code ist in einer externen datei ... ich denke die leute hier wissen wie sie zu den CSS Informationen kommen ... sicherheitshalber hier nochmal code für CSS & HTML

  
body {  
 margin-left: 0px;  
 margin-top: 0px;  
 margin-right: 0px;  
 margin-bottom: 0px;  
 background-color:#ff6600;  
}  
  
.small {  
 font-size: 10px;  
}  
  
.floatLeft {  
 float:left;  
}  
  
.floatRight {  
 float:right;  
}  
  
.floatClear {  
 clear:both;  
}  
  
#infoBox {  
 width: 730px;  
 height:595px;  
 margin:0;  
 padding:0;  
}  
  
#header {  
 background-image:url(../images/info/bg_header.gif);  
 background-repeat:no-repeat;  
 width: 402px;  
 height:28px;  
 margin:30px 0px 0px 298px;  
 padding: 2px 15px 0px 15px;  
 font-family:Arial black, Arial, Helvetica, sans-serif;  
 font-size: 18px;  
}  
  
#fotos {  
 width:298px;  
 height:310px;  
 margin:0;  
 padding:0;  
}  
  
#fotos a {  
 width:135px;  
 height:90px;  
 display:block;  
 float:left;  
 padding:3px 3px 3px 3px;  
 margin:0px 7px 7px 0px;  
}  
  
#fotos a:hover{  
 width:135px;  
 height:90px;  
 background-color:#ffe812;  
 padding:3px 3px 3px 3px;  
 margin:0px 7px 7px 0px;  
}  
  
#textBox {  
 width:422px;  
 height:460px;  
 margin:0;  
 padding:5px;  
 background-image:url(../images/info/bg_text.jpg);  
 background-repeat:repeat-x;  
 background-position:0px 0px;  
 text-align:left;  
 overflow: hidden;  
}  
  
#textBox p {  
 font-family: Verdana, Arial, Helvetica, sans-serif;  
 font-size: 14px;  
 color: #000000;  
 margin: 10px 0px 0px 0px;  
}  
  
.angaben {  
margin:15px 0px 0px 0px;  
font-family:Arial, Helvetica, sans-serif;  
font-size: 16px;  
  
}  
  
  
#kondi {  
 font-family: Verdana, Arial, Helvetica, sans-serif;  
 font-size: 14px;  
 color: #000000;  
 margin: 10px 0px 0px 0px;  
}  


  
<html xmlns="http://www.w3.org/1999/xhtml">  
<head>  
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />  
<title>2201 Gerasdorf</title>  
<link href="../../../css_js/info.css" rel="stylesheet" type="text/css" />  
<script type="text/JavaScript" language="JavaScript" src="../../../css_js/info.js"> </script>  
</head>  
  
<body>  
<div id="infoBox">  
 <div id="header">2201 Gerasdorf / F&ouml;hrenhain </div>  
 <div id="fotos" class="floatLeft">  
  <a href="javascript:openGallery(1)"><img src="images/1s.jpg" alt="bild1" width="135" height="90" border="0" /></a>  
  <a href="javascript:openGallery(2)"><img src="images/2s.jpg" alt="bild2" width="135" height="90" border="0" /></a>  
  <a href="javascript:openGallery(3)"><img src="images/3s.jpg" alt="bild3" width="135" height="90" border="0" /></a>  
  <a href="javascript:openGallery(4)"><img src="images/4s.jpg" alt="bild4" width="135" height="90" border="0" /></a>  
  <a href="javascript:openGallery(5)"><img src="images/5s.jpg" alt="bild5" width="135" height="90" border="0" /></a>  
    <a href="javascript:openGallery(6)"><img src="images/6s.jpg" alt="bild6" width="135" height="90" border="0" /></a>  
 </div>  
 <div id="textBox" class="floatLeft">  
   <p>Dieses sehr sch&ouml;ne Grundst&uuml;ck ist s&uuml;dlich ausgerichtet mit weitem Blick &uuml;ber die &Auml;cker in ruhiger Lage. Ein F&ouml;hrenwald in Sichtweite und ein Badeteich in unmittel-barer Umgebung zeichnen dieses TOPGRUNDSTUECK aus.</p>  
  <p>Die voraussichtlichen Bebauungsbestimmungen m&uuml;ssen noch vom Gemeinderat beschlossen werden, gelten aber (lt. Bauamt ) als gesichert, BK I, II, max. 6,5m, g, 40%, 3m Vorgarten</p>  
   <p>Die Grundst&uuml;cke sind noch nicht aufgeschlossen,<br />  
     die Aufschlie&szlig;ungs- und Anschlusskosten sind <br />  
     nicht im Kaufpreis enthalten.</p>  
  <table class="angaben" width="100%" border="0" cellspacing="0" cellpadding="5">  
     <tr><td width="40%">Gr&ouml;&szlig;e:</td><td width="60%"><strong>1765m&sup2;</strong></td></tr>  
      <tr><td width="40%">Kaufpreis:</td><td width="60%"><strong>&euro; 1.375.000,-</strong></td></tr>  
    </table>  
  <div id="kondi">K&auml;uferprovision: 3% vom Kaufpreis + 20% USt.</div>  
 </div>  
<img src="../../../images/info/logo.gif" alt="Topgrundst&uuml;cke Logo" />  
</div>  
</body>  
</html>

Vielleicht is ja noch jemand wach .. ?! Ich kann für heut nimma ...

lg & Vielen dank an alle Nachteulen im Voraus

Alexx

Beitrag melden
–
Informationen zu den Bewertungsregeln