Patzel: Verbleibenden Platz neben div.uni füllen & nicht in nä. Zeile

SELF-Forum

Verbleibenden Platz neben div.uni füllen & nicht in nä. Zeile

Patzel
– Informationen zu den Bewertungsregeln

Ich konnte meinen alten Thread nicht vorsetzen, weil er mittlerweile schon ins Archiv verschoben wurde.

Problem: Verbleibenden Platz neben div.uni füllen und nicht in nächste Zeile verschieben.
  Probelembrowser: Alle, in mit denen die Seite getestet wurde (Firefox 2, MSIE 6). Voraussichtlich wird das Problem aber in allen Browsern auftreten.
  Container des Problemdivs: #header
  Problemdiv: #header div.skandi img
  Problembeschreibung: Mit #header div.skandi img will ich den restlichen Platz füllen. Aber mit width:100% will er #header 100% ausfüllen. Und somit rutsch der #header div.skandi wegen Platzmangels in die nächste Zeile und das will ich ned. Wie kann ich erreichen, dass sich #header div.skandi img nicht auf die Größe von #header, sondern von #header div.skandi anpasst? Gibt es da irgendeinen Trick?

  
  #sw-left                       {background:url(sw-left.jpg);background-repeat:repeat-y;margin-left:70px;}

Schwarzweißübergang links.

  
   #sw-right                     {background:url(sw-right.jpg);background-repeat:repeat-y;margin-right:70px;  
                                  background-position:right 10px;}

Schwarzweißübergang rechts.

  
    #header                      {font-size:13px;margin:0px 10px 0px 10px;background:#FFFFFF;  
                                  padding:0px 10px 10px 10px;}

Container in dem sich das Problem befindet.

  
    #header div.uni              {float:left;}  
    #header div.skandi img       {width:100%;}

Das ist die Grafik, die den Rest ausfüllen sollte, aber mit 100% wird das nichts: es rutsch dann immer in die nächste Zeile und füllt nicht #header div.skandi, sondern #header aus.

  
<div id="sw-left">  
 <div id="sw-right">  
  <div id="header">  
   <div class="uni">  
    <img src="uni-logo.gif">  
   </div>  
   <div class="skandi">  
    <img src="skandi-logo.png">  
   </div>  
   <div id="clear"></div>

hier gehört laut
http://tutorials.krkr.org/index.php/2007/02/01/div-an-float-hoehe-anpassen/
ein clear oder ein overflow her. Aber overflow funzt im IE nicht.

  
  </div>  
 </div>  
</div>
Beitrag melden
–
Informationen zu den Bewertungsregeln