Hallo Community,
gibt es im IE oder Firefox eigentlich eine beschränkung der Anzahl der container?
Ich habe das Problem das ich es nicht schaffe alle container vernünftig zu positionieren. im IE wird dies nach dem 5. container verschoben im Firefox nicht, da erst ab dem 7.
Zum Hintergrund:
Ich möchte gerne 20 container innerhalb eines Layouts positionieren.
(Partnerseite).
Im Tabellenlayout wären das 4 Spalten und 5 Zeilen.
die ersten 4 Container sind kein Problem.
der 5. ist auch noch ok, aber der 6. verschiebt sich.
hier mal der css code:
Code:
* {
margin: 0px;
padding: 0px;
border:0;
}
#Layer1 {
display:inline;
float:left;
padding:0;
margin-top:10px;
margin-left: 10px;
position:relative;
width:190px;
height:80px;
background-color: #FFFFFF;
visibility: visible;
color: #FFFFFF;
clear:left;
}
#Layer2 {
display:inline;
padding:0;
float:left;
text-decoration: none;
color: #FFFFFF;
margin-top:30px;
margin-left: 20px;
height:80px;
width:300px;
position:relative;
}
.Stil1 {
color: #FFFFFF;
}
#Layer3 {
display:inline;
float:right;
margin-top:10px;
margin-right: 10px;
position:relative;
width:190px;
height:80px;
background-color: #FFFFFF;
visibility: visible;
}
#Layer4 {
display:inline;
padding:0;
float:right;
text-decoration: none;
color: #FFFFFF;
margin-top:25px;
margin-right: 10px;
position:relative;
}
.Stil1 {color: #FFFFFF}
#Layer5 {
clear:left;
display:inline;
float:left;
padding:0;
margin-top:0px;
margin-left: 10px;
position:relative;
width:190px;
height:80px;
background-color: #FFFFFF;
visibility: visible;
color: #FFFFFF;
clear:left;
}
#Layer6 {
display:inline;
padding:0;
float:left;
text-decoration: none;
color: #FFFFFF;
margin-top:10px;
margin-left: 20px;
height:80px;
width:300px;
position:relative;
}
hier der html:
HTML-Code:
<div id="Layer1">
<a href="www.allianz.de" target="_blank">
<img src="http://cyberoner1.kilu.de/rdg/images/partner/allianz.jpg" alt="www.allianz.de"/>
</a>
</div>
<div id="Layer2">
<p class="Stil1">Allianz SE</p>
</div>
<div id="Layer3">
<a href="www.vfb-ev.de" target="_blank">
<img src="http://cyberoner1.kilu.de/rdg/images/partner/vfb.jpg" alt="www.vfb-ev.de" />
</a>
</div>
<div id="Layer4">
<p class="Stil1">Verband freier Bau-</p>
<p>und Bodensachverständiger e.V</p>
</div>
<div id="Layer5">
<a href="www.subreport.de" target="_blank">
<img src="http://cyberoner1.kilu.de/rdg/images/partner/subreport.jpg" alt="www.subreport.de"/>
</a>
</div>
<div id="Layer6">
<p class="Stil1">Die elektronische Auftrags- </p>
<p>ausschreibungspalttform (eVergabe)</p>
</div>
any Idea?