Onverklaarbaar verschil met zelfde CSS

Vragen over templates en CSS op Joomla! 1.5.

Moderator: pe7er

Forum rules
Forum Regels
willemsiebe
Joomla! Apprentice
Joomla! Apprentice
Posts: 8
Joined: Tue Apr 21, 2009 4:54 pm

Onverklaarbaar verschil met zelfde CSS

Postby willemsiebe » Thu Apr 22, 2010 8:16 am

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:

Image

De gedownloade versie:

Image

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

Groetjes willem

User avatar
IWTilma
Joomla! Enthusiast
Joomla! Enthusiast
Posts: 133
Joined: Thu Jun 03, 2010 7:37 pm

Re: Onverklaarbaar verschil met zelfde CSS

Postby IWTilma » Mon Jan 24, 2011 1:58 pm

Hoi,

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

IWT

willemsiebe
Joomla! Apprentice
Joomla! Apprentice
Posts: 8
Joined: Tue Apr 21, 2009 4:54 pm

Re: Onverklaarbaar verschil met zelfde CSS

Postby willemsiebe » Mon Jan 24, 2011 8:04 pm

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

User avatar
IWTilma
Joomla! Enthusiast
Joomla! Enthusiast
Posts: 133
Joined: Thu Jun 03, 2010 7:37 pm

Re: Onverklaarbaar verschil met zelfde CSS

Postby IWTilma » Mon Jan 24, 2011 10:42 pm

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


Return to “Templates”

Who is online

Users browsing this forum: No registered users and 3 guests