Einzelnen Beitrag anzeigen
  #1 (permalink)  
Alt 18.03.2009, 15:04
cyberoner1 cyberoner1 ist offline
Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 10.03.2009
Beiträge: 32
cyberoner1 befindet sich auf einem aufstrebenden Ast
Standard Beschränkung div container?

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?
Mit Zitat antworten
Sponsored Links