sb_downloader - Anpassung CSS Sheet

Hallo zusammen,

ich versuche mich seit einigen Tagen an dem CSS-Sheet der Extension sb_downloader mit dem Ziel, es so hinzubekommen, wie bei dem obigen Beipspiel des folgenden Links.

http://typo3.org/documentation/document-library/extension-manuals/sb_downloader/1.0.5/view/1/1/#id4398743

Es sollen also die beiden divs sb_download_flex (siehe unten) nebeneinander erscheinen. Im IE ist es auch der Fall, aber bei Safari und Firefox bekomme ich das Ganze untereinander aufgelistet, weil es anscheinend Probleme mit der float-Anweisung gibt. WIe kann ich diesen Umstand heilen.

Freue mich über jeden Tipp.
Grüße.
chrissuperstar

plugin.tx_sbdownloader_pi1 {
	_CSS_DEFAULT_STYLE (
/* sb_downloader CSS style */
#sb_download_flexWrap {
  padding: 0 0 0px 0;
  margin: 0 0 20px 0;;
  clear: both;
    
}
.sb_download_flex {
  padding: 5px;
  margin: 0px 3px 5px 0;
  height: 150px;
  width:200px;
  background: #f0f4f3;
  border: 1px dotted #000000;
  float:left;
}

.sb_download_text {
	float: left;
	text-align: left;
	width: 160px;
}
.sb_download_image {
	float: left;
	text-align: left;
}
.sb_download_flex p.bodytext,
.sb_download_single p.bodytext {
  padding: 0;
  margin: 0;
  font-size: 9px;
}

.sb_download_flex .image img,
.sb_download_single .image img {
  padding: 0;
  margin: 0 10px 10px 0;
  float: left;
  width: 63px;
  height: 63px;
}
.sb_download_flex .clicks,
.sb_download_single .clicks {
	font-size: 9px;
}

.sb_download_flex .datetime,
.sb_download_single .datetime {
	font-size: 8px;
	float: right;
}
.sb_download_flex .title,
.sb_download_single .title {
  padding: 0;
  margin: 0;
  color: #004D74;
  font-weight: bolder;
  font-size: 10px;
}

.sb_download_flex .links,
.sb_download_single .links {
  padding: 0;
  margin: 0;
  font-size: 8px;
}
/* div around each link */
.sb_download_flex .linkOutput {

}
.sb_download_flex a {
  padding: 0;
  margin: 0;
  color: #000;
  text-decoration: none;
}

.sb_download_flex a.more {
  padding: 0;
  margin: 0;
}

.sb_download_flex a:hover {
  text-decoration: none;
}
.sb_download_single {
	float: left;
	padding: 0px;
	margin: 0px;
}
.sb_download_single .sb_download_text {
	width: 450px;
}

   )

}

Kannst du mal die html-Ausgabe posten, mit den Elementen der Extension?

Grüße!

hi,

hier der HTML-Output:

<!-- BEGIN: Content of extension "sb_downloader", plugin "sb_downloader" -->
<div id="sb_download_flexWrap">
  
			  <div class="sb_download_flex">
					  <div class="title">Titel...</div>
 								<div class="sb_download_text">
								<div class="links">

  
			<a href="uploads/tx_sbdownloader/file.pdf"><img src="typo3/gfx/fileicons/pdf.gif" width="18" height="16">&nbsp;</a> <a href="uploads/tx_sbdownloader/file.pdf">BEschreibung...</a>  <br><br> <hr>
      

</div>
							 	<div class="description"></div>
							 	
						 </div>
							<div class="sb_download_image"><a href="index.php?','width=17,height=20,status=0,menubar=0'); return false;" target="thePicture"><img src="" width="" height="" border="0" alt="" title="" /></a></div>
							<div style="clear: both"></div>
					 	<div class="clicks">0 Download(s)</div>
					 	<div class="datetime">seit: &nbsp;07/15/09&nbsp;16:44&nbsp;Uhr</div>
					 	<div class="datetime"></div>
			  </div>
      
			  <div class="sb_download_flex">
					  <div class="title">Titel</div>
 								<div class="sb_download_text">
								<div class="links">

  
			<a href="uploads/tx_sbdownloader/file.pdf"><img src="typo3/gfx/fileicons/pdf.gif" width="18" height="16">&nbsp;</a> <a href="uploads/tx_sbdownloader/file.pdf">BEschreibung...</a>  <br><br> <hr>
      

</div>
							 	<div class="description"></div>
							 	
						 </div>
							<div class="sb_download_image"><a href="index.php?'width=17,height=20,status=0,menubar=0'); return false;" target="thePicture"><img src="" width="" height="" border="0" alt="" title="" /></a></div>
							<div style="clear: both"></div>
					 	<div class="clicks">0 Download(s)</div>
					 	<div class="datetime">seit: &nbsp;07/15/09&nbsp;17:05&nbsp;Uhr</div>
					 	<div class="datetime"></div>
			  </div>
      
</div>
<!-- END Content of extension "sb_downloader", plugin "sb_downloader" -->

		<!--  Plugin inserted: [end] -->

Grüße,
chrissuperstar

Hi,

ich habe deinen html-Output und dein css mal in einer einfachen html-Datei getestet. Damit werden die Boxen im IE und auch im Firefox 2 und Firefox 3 nebeneinander dargestellt. Auch so konnte ich keinen Fehler in der Konstruktion sehen.

Daher vermute ich, dass es an dem Template drumherum liegen könnte.

Sonst gib mir doch nochmal den kompletten html-Output der Seite und das ganze css. Kannste auch per PM schicken. Vllt. ist daraus mehr zu erkennen.

Mit welchem Doctype arbeitest du denn?

Grüße.