The Joomla! Forum ™



Forum rules


Forum Rules
Absolute Beginner's Guide to Joomla! <-- please read before posting, this means YOU.



Post new topic Reply to topic  [ 6 posts ] 
Author Message
 Post subject: IE issue
PostPosted: Tue Sep 07, 2010 10:36 am 
Joomla! Intern
Joomla! Intern
Offline

Joined: Sat Jul 11, 2009 2:35 pm
Posts: 55
Hi all,

Being a FF user, I have only noticed this issue today when someone pointed it out to me...whilst the website looks great in FF, sometimes in IE it has a huge gap (or spacers) at a certain middle point before the next div is shown. This only appears some times but when it does, it looks awful. Is there any common reason for this white gap only in IE and any way to resolve this?

Many thanks,

bplumb

eg.

----HEADER----
<div>-<div>-<div>
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
<div2><div2><div2>
----<FOOTER>-----


Top
 Profile  
 
 Post subject: Re: IE issue
PostPosted: Tue Sep 07, 2010 3:19 pm 
Joomla! Apprentice
Joomla! Apprentice
Offline

Joined: Tue Sep 07, 2010 6:45 am
Posts: 5
Hi bplumb,

I think, you need post the your url of live site at here.

_________________
-----------------------------------------------------------------------------------------
Full name: Trung Chu Huu.
Job: Web designer.
Blog: http://www.pixelsgeek.com


Top
 Profile  
 
 Post subject: Re: IE issue
PostPosted: Tue Sep 07, 2010 5:02 pm 
Joomla! Intern
Joomla! Intern
Offline

Joined: Sat Jul 11, 2009 2:35 pm
Posts: 55
The website is www.bee-it.co.uk I am pretty sure it has something to do with a chrome I have added for the modules on the right hand side (freebee / latest activity / twitter).


Last edited by bplumb on Wed Sep 08, 2010 9:40 am, edited 2 times in total.

Top
 Profile  
 
 Post subject: Re: IE issue
PostPosted: Wed Sep 08, 2010 12:33 am 
Joomla! Apprentice
Joomla! Apprentice
Offline

Joined: Tue Sep 07, 2010 6:45 am
Posts: 5
Hi,

Open the style.css and edit line 42:

Code:
div#edu_main div.section {
  background-color:#FFFFFF;
  clear:both;
  display:inline-block;
  left:42px; /* Delete it*/
  margin-bottom:0;
  position:relative;
  top:16px; /* Delete it*/
  width:920px;
}


And change to:

Code:
div#edu_main div.section {
  background-color:#FFFFFF;
  clear:both;
  display:inline-block;
  margin-bottom:0;
  position:relative;
  margin: 16px 0 0 42px; /* Add new style */
  width:920px;
}

_________________
-----------------------------------------------------------------------------------------
Full name: Trung Chu Huu.
Job: Web designer.
Blog: http://www.pixelsgeek.com


Top
 Profile  
 
 Post subject: Re: IE issue
PostPosted: Wed Sep 08, 2010 9:35 am 
Joomla! Intern
Joomla! Intern
Offline

Joined: Sat Jul 11, 2009 2:35 pm
Posts: 55
Hi there!

Thanks for your thoughts. I have changed the suggested CSS line to your ammends (removing margin-top & left, and replacing with margin:), but still the same error persists. Any other suggestions?


Top
 Profile  
 
 Post subject: Re: IE issue
PostPosted: Wed Sep 08, 2010 10:58 am 
Joomla! Apprentice
Joomla! Apprentice
Offline

Joined: Tue Sep 07, 2010 6:45 am
Posts: 5
Hi mate,

If you send to ftp account, i'll help you check it.

_________________
-----------------------------------------------------------------------------------------
Full name: Trung Chu Huu.
Job: Web designer.
Blog: http://www.pixelsgeek.com


Top
 Profile  
 
Display posts from previous:  Sort by  
Post new topic Reply to topic  [ 6 posts ] 



Who is online

Users browsing this forum: Shinzakura and 34 guests


You cannot post new topics in this forum
You cannot reply to topics in this forum
You cannot edit your posts in this forum
You cannot delete your posts in this forum
You cannot post attachments in this forum

Jump to:  
Powered by phpBB® Forum Software © phpBB Group