WordPress.org

1. alexyeoman
   Member
   Posted 3 years ago #

   Hi, I've got my cutline-based wordpress site looking just how I want it in Firefox and Safari, it sits nicely in the middle of the page.

   When I view the site in Internet Explorer 7, it fills the screen, everything works fine and looks fine but it looks too big and unprofessional. I appreciate that this is also dependent on screen resolution and I believe I was viewing at 800 x 600 on a PC but still sites like Youtube and Hotmail still look similar as when viewed in Firefox.

   Does anyone know of a little bit of code or something that will ensure that the theme will sit smaller inside the browser window in IE?

   Thanks in advance
   Alex

2. Samuel B
   moderator
   Posted 3 years ago #

   Validate your site and see what turns up.

3. alexyeoman
   Member
   Posted 3 years ago #

   Thanks samboll, I did that and only had a couple of very minor syntax errors which I've sorted out. Any other ideas?

4. Saurus
   Member
   Posted 3 years ago #

   A link to your blog would be help.

   IE in general does not render CSS the same way as virtually all other modern browsers, because .. well .. that's Microsoft for ya. Depending on how the page is styled it might require an IE hack to get it to render the way you intended.

5. alexyeoman
   Member
   Posted 3 years ago #

   Thanks Saurus, yeah I've come to understand this irritating truth. The blog/site is located here:

   http://www.richardknight.alexyeoman.co.uk/

   I indeed want an IE hack to stop it filling the browser window. It appears in Firefox and Safari as I want it.

   Here is the main layout CSS I'm using

   #container {background: #FFFFFF; width: 896px; margin: 10px auto 0 auto; border-left: 15px solid #000; border-right: 15px solid #000; }}
   
   	#content_box { width: 896px; text-align: left; float: left; clear: both; }
   
   		#content { width: 622px; padding: 0 8px 10px 10px; float: left; }
   
   		* html #content { overflow: hidden; }
   
   		#sidebar { width: 246px; float: left; }
   
   		* html #sidebar { overflow: hidden; }
   
   	#footer { background: #000; width: 896px; padding: 1.0em 0 10px 0; border-top: 2px solid #ccc; font: normal 1.1em/1.3em Helvetica, Arial, sans-serif; float: none; clear: both; }

   I'm guessing the hack might involve a percentage of the browser width than a fixed pixel measurement or something.
   I'm not very clever though unfortunately. haha.

   Thanks, Alex.

6. alexyeoman
   Member
   Posted 3 years ago #

   Anyone able to help me with this? Pretty Pleeeeease?

   http://www.richardknighttenor.com

Topic Closed

This topic has been closed to new replies.