Onverklaarbaar verschil met zelfde CSS

[willemsiebe]

Beste lezer,

Ik ben de volgende templatetut aan het volgen: http://help.joomlacommunity.eu/jooml...5.html?start=8. Op die pagina van de link is ook een 'kant en klaar' template te downloaden, reeds met voorwaardelijke php regels in de index.php en een bijbehorend stijlblad. Dit werkt ook SUPER, verklein je je browser scherm dan schaalt de inhoud mee (wordt kleiner of groter), uiteraard met een minimum en maximum.

Echter, zover met de voorwaardelijke PHP regels was ik nog niet. Mijn index.php ziet er dan ook zo simpel uit:

Code: Select all

<div id="wrap"> 
<div id="header">
<div class="inside">
<h1><?php echo $mainframe->getCfg('sitename');?></h1>
<jdoc:include type="modules" name="top" style="xhtml" />
</div> <!-- end of inside -->
</div> <!-- end of header --> 
<div id="sidebar">
<div class="inside">
<jdoc:include type="modules" name="left" style="xhtml" />
</div> <!-- end of inside -->
</div> <!-- end of sidebar --> 
<div id="content"> 
<div class="inside">
<jdoc:include type="component" />
</div> <!-- end of inside -->
</div> <!-- end of content --> 
<div id="sidebar-2">
<div class="inside">
<jdoc:include type="modules" name="right" style="xhtml" />
</div> <!-- end of inside -->
</div> <!-- end of sidebar-2 --> 
<div id="footer">
<div class="inside"> 
<jdoc:include type="modules" name="footer" style="xhtml" />
</div> <!-- end of inside -->
</div> <!-- end of footer --> 
</div><!--end of wrap-->

Nu gebruik ik precies hetzelfde CSS bestand als die van de 'kant en klaar' gedownloade, met uiteraard een klein verschil.

In de kant en klaar heb je de volgende regels (ivm wegvallen kolummen links of rechts):

Code: Select all

#content60 {float:left;width:60%;overflow:hidden;}
#content80 {float:left;width:80%;overflow:hidden;}
#content100 {float:left;width:100%;overflow:hidden;}

Terwijl dit bij mij gewoon moet zijn volgens de cursus (dus zonder voorwaardelijke php regels):

Code: Select all

#content {float:left;width:60%;overflow:hidden;}

Voor de rest is CSS PRECIES hetzelfde.

Toch zijn er verschillen, bij mijn eigen versie (dus niet de gedownloade) is de tekst VEEL groter, ondanks dat het dezelfde CSS heeft. En de rechtermodules staan niet rechts van de inhoud, maar er onder. Heb via de F12 button in IE wel gezien dat als ik de border van de WRAP weghaal aan de rechterkant, dat de modules er dan wel naast springen, maar toch. Hoe vreemd? Het is dezelfde CSS als de kant en klare, en die ziet er perfect uit! Bij de kant en klare schaalt de inhoud ook mee als je het browservenster kleiner maakt, en bij mijn eigen gebeurt dit ook niet... terwijl nogmaals, de CSS hetzelfde is...

Mijn versie:



De gedownloade versie:



Wie wet waaar het sverschil ontstaat, ik hoor het graag als ikemand me hiermee weer de goede kant op weet te helpen!

Groetjes willem

[IWTilma]

Hoi,

het linkje naar de tutorial werkt niet. Kun je die nog een keer geven; dat maakt meekijken wat makkelijker.

IWT

[willemsiebe]

Hoi, dit bericht is inmiddels heel oud ;-).

[IWTilma]

Sorry, kzit meestal op Engels forum en daar zijn alle berichten op de eerste pagina zeker van dezelfde dag. Niet naar de datum gekeken dus.

IWT