skapp: In div Container img formatieren

Hey,
ich möchte in einem Div container eine img formatieren.

  
<div id="bread">  
 <jdoc:include type="modules" name="banner1" style="xhtml" />  
</div>

Ich arbeite mit Joomla.
Jdoc holt sich den banner link.

es sieht dann so aus:

  
<div id="bread">  
  <div class="banner">  
    <div class="moduletable">  
     <p><img src="/apotechnikhomepage/joomla/images/stories/header 1_1_1_startseite/startseite.png" border="0" />  
     </p>  
    </div>  
  </div>  
</div>  

Die CSS:

  
  #bread  
  {  
	margin-left:			20%;  
	margin-top:				0%;	  
	margin-right:			10%;  
	margin-bottom:			1%;  
  	border:					2px solid blue;  
    }  

Ich will dass die Img dadrin mittig ist und die Größe mein zoomen nicht verändert!

Hoffe jm. kann mir helfen.

Mfg

  1. @@skapp:

    nuqneH

    <div id="bread">
    <jdoc:include type="modules" name="banner1" style="xhtml" />
    </div>

    Serverseitiger Code ist bei einem clientseitigen Problem irrelevant.

    Ich will dass die Img dadrin mittig ist

    Inline-Elemente richtest du per 'http://de.selfhtml.org/css/eigenschaften/ausrichtung.htm#text_align@title=text-align' (blöde Benennung) aus; Blockelemente per 'http://de.selfhtml.org/css/eigenschaften/randabstand.htm@title=margin: auto'.

    Das 'img' sprichst du mit Nachfahrenselektor an. [CSS2 §5.1, §5.5; http://de.selfhtml.org/css/formate/zentrale.htm#verschachtelte_elemente@title=SELFHTML]

    und die Größe mein zoomen nicht verändert!

    ??

    Qapla'

    --
    Gut sein ist edel. Andere lehren, gut zu sein, ist noch edler. Und einfacher.
    (Mark Twain)