Internet Explorer Fix

[Auge]

Hallo

Bleibt noch zu klären, wie ich die Schriftgröße in einem <tr>-Element angebe

In einem <tr> gibt es keine Schriftgröße, weil dort *nur* ein oder mehrere <td> oder <th> stehen dürfen[1]. *Die* dürfen ihrerseits Text beinhalten, dem man mit td,th { font-size:...; } zu Leibe rücken kann. Dies natürlich auch unter Zuhilfenahme von IDs oder Klassen.

und was für den IE angegeben werden muss, damit die horizontalen Buttons richtig angezeigt werden...

Meinst du die da ...

<div id="head_navi">  
 <ul>  
  <li><a href="/1">NEWS</a></li>  
  <li><a href="component/easybook/">G&Auml;STEBUCH</a></li>  
  <li><a href="component/joomgallery/">BILDER</a></li>  
  <li><a href="component/content/article/48.html">SPONSOREN</a></li>  
 </ul>  
</div>

... die folgendermaßen formatiert werden?

#head_navi {  
	height: 32px;  
	padding: 126px 0px 0px 180px;  
	position: absolute;  
}  
  
#head_navi ul li {  
	background-image: url(images/button_bg.gif);  
	height: 32px;  
	display: inline;  
	padding: 8px 16px;  
        text-align: center;  
	margin-right: 5px;  
}

1. Wenn du schon unbedingt mit position:absolute; arbeiten willst, solltest du auch Angaben zur Position machen (siehe: <http://de.selfhtml.org/css/eigenschaften/positionierung.htm#position@title=SELFHTML position> inkl. des Bezugs auf http://de.selfhtml.org/css/eigenschaften/positionierung.htm#postop@title=top, http://de.selfhtml.org/css/eigenschaften/positionierung.htm#left@title=left, http://de.selfhtml.org/css/eigenschaften/positionierung.htm#posbottom@title=bottom und http://de.selfhtml.org/css/eigenschaften/positionierung.htm#right@title=right). Hier dürften left und bottom zutreffen, ein Elternelement (#header) ist ja ebenfalls absolut positioniert (Warum eigentlich? Der Aufbau ist sowieso undurchsichtig bis verwirrend, aber das wurde ja schon angesprochen.).

2. Wenn du die <li>s mit display:inline; versiehst, wirkt deine Angabe zur Höhe (height:32px;) nicht, da Inlineelemente keine Höhe haben.

Was die Alternative dazu wäre, kann ich dir nicht guten Gewissens sagen, da ich aufgrund des verwirrenden Aufbaus diverse Nebeneffekte befürchte, die weiterer Korrekturen bedürften. Eigentlich würde ich die <li>s floaten wollen, da aber außen rum mehrere Elemente absolut positioniert werden und der linke Teil des Headers bereits floatet ... im FF 3.0.13 funktioniert's "irgendwie" (laut Test mit FireBug), es müsste aber noch nachgebessert werden und für andere Browser kann ich keine Aussage machen.

[1] Insofern ist das JoomLeague-Plugin, HTML-technisch gesehen, Müll (siehe http://pastebin.com/m5cfc7572, Zeilen 308 bis 320). <font> raus, <td> rein. Im Zweifelsfall eine ID vergeben, aber auch nur dann, wenn es wirklich nötig ist.

Tschö, Auge