WordPress.org

1. seagulltrawler
   Member
   Posted 2 years ago #

   I've been tweaking the open-sourcerer theme for my blog Seagulls Follow The Trawler, with the main change being switching from a 1200px maximum width to 1000px. Not much else has changed in the layout.

   The site renders fine in Firefox and Chrome, but in IE8 the fonts are ridiculously big, and I can't for the life of me figure out why. Unfortunately my level of skill with CSS stops somewhere around knowing enough to make mistakes.

   All fonts are sized with em, with a body font size of 76%.

2. seagulltrawler
   Member
   Posted 2 years ago #

   I forgot to add, obviously profound thanks to anyone kind enough to take an interest.

3. alchymyth
   The Sweeper
   Posted 2 years ago #

   this is some html from your header area:
   

   <div id="header"><!-- Begin Header -->
   
   	    <div class="inside">
           	<h1>
           	    <a href="http://seagullsfollowthetrawler.com/">
       	</div>
   	</div><!-- End Header -->

   and this is what the validation report says:
   http://validator.w3.org/check?uri=http%3A%2F%2Fseagullsfollowthetrawler.com%2F&charset=%28detect+automatically%29&doctype=Inline&group=0

   looks like you need to edit header.php and repair some earlier code butchering:

   close the a tag and the h1 tag, so that the area looks like this:
   

   <div id="header"><!-- Begin Header -->
   
   	    <div class="inside">
           	<h1>
           	    <a href="<?php ....; ?>"></a></h1>
       	</div>
   	</div><!-- End Header -->

4. seagulltrawler
   Member
   Posted 2 years ago #

   Now I look at the HTML validation I see that code butchering is an entirely apt expression for my tinkering. Fortunately your suggestion has done the trick and the site is now rendering correctly, but there's clearly lots of junk that I also need to address, so many many thanks for your help.

Topic Closed

This topic has been closed to new replies.