Nach längerer Zeit "Template"Abstinenz bin ich wiedermal an einem neuen Template dran. Und wie meistens (immer?) schlägt der IE für Windows aus der Reihe. Ich habe versucht eine Art Liqid Design zu probieren und die Schriftgröße für die Seite mittels einer absoluten px Angabe im übergeordneten Div "#all" und einer weiteren relativen %Angabe im untergeordneten KindDiv "#around" definiert. So - dachte ich - kann ich die Schriftgröße (vom Benutzer) dynamisch verändern lassen, die relativen Größenverhältnisse stimmen aber immer. Dachte ich.
Aber:
Schon jetzt, wo ich vorerst noch mit unterschiedlichen Schriftgrößen für die gesamte Seite experimentiere, lässt nur der IE die Schriftgröße im "#main" Div immer gleich. Alle anderen Browser ändern je nach %Angabe im "#around" Div die Schriftgröße für die gesamte Seite, inklusive aller %Größenverhältnisse. Nur beim IE wird diese Angabe quasi nicht in das "#main" Div hinein vererbt. Was mir besonders interessant erscheint: In diesem Div wird der "mainbody" angezeigt, und Joomla gibt den Inhalt bekanntlich (noch) in Tabellen gepackt aus.
Ich habe noch nie davon gehört, dass Tabellen im IE die Vererbung unterbrechen würden. Hat jemand eine Idee oder einen Hinweis, Links, etc..?
Ich danke schon mal für eure Hilfe!
cherchri
Hier der HTML Code ... nur das Wichtigste...
Code: Select all
<body>
<div id="all">
<div id="around"><!-- container rund herum-->
<div id="top">
<div id="user1"><?php mosLoadModules ( 'user1', -2 ); ?></div>
<div id="user2"><?php mosLoadModules ( 'user2', -2 ); ?></div>
<div id="user3"><?php mosLoadModules ( 'user3', -2 ); ?></div>
</div>
<div id="second">
<div id="sec_left"><?php echo $mosConfig_live_site;?></div>
<div id="sec_right">
<div id="pathway"><?php mosPathWay(); ?></div>
<div><?php mosLoadModules ( 'sec_right', -2 ); ?></div>
</div>
</div>
<div id="inhalt">
<div id="left"><!-- container links-->
<?php mosLoadModules ( 'left', -2 ); ?>
</div>
<div id="main"><!-- container mit inhalt-->
<?php mosMainBody(); ?>
</div>
</div>
<div id="footer">
<?php include_once( $GLOBALS['mosConfig_absolute_path'] . '/includes/footer.php' ); ?>
</div>
</div>
</div>
</body>
Code: Select all
body {
width: 100%;
font-family: "Tahoma", sans-serif; /*schriftarten*/
height: auto;
}
table {
width: auto !important; /*bringt alle tabellen in die container */
}
#all {
font-size: 12px;
}
#around { /*rundherum - zentriert mit negativen rand*/
position: absolute;
width: 90%;
left: 50%;
margin-left: -45%;
Code: Select all
font-size: 100%;
}
#main {/*keine angaben von nöten - hier ist der mainbody eingehängt*/
}
1. Firefox: Divs hervorgehoben, Schriftgröße 100%
2. IE: Schriftgröße 100%... soweit so gut, abgesehen von den "normalen" Unterschieden.
3. IE: Schriftgröße kleiner 100% ... alle Modulinhalte werden verkleinert angezeigt, nur im "#main" Div bleibt alles gleich groß
4. Firefox: Schriftgröße kleiner 100%, alle Schrift wird verkleinert. So soll's sein.