Hello and welcome to our community! Is this your first visit?
Register
Enjoy an ad free experience by logging in. Not a member yet? Register.
Results 1 to 10 of 10

Thread: IE6 problem

  1. #1
    Regular Coder
    Join Date
    Jul 2004
    Location
    Lebanon
    Posts
    223
    Thanks
    6
    Thanked 0 Times in 0 Posts

    Exclamation IE6 problem

    Hello everybody,

    I just finished my new website [LINK]
    It's working fine on firefox 2 and firefox 3. However, I'm facing a very weird problem when viewing the site on IE6.

    I believe it's something to do with the div clearfix.

    Code:
    /* Clearfix */
    .clearfix:after {
    	clear: both;
    	content: ".";
    	display: block;
    	height: 0;
        zoom: 1;
    	visibility: hidden;
    }
    
    * html > body .clearfix {
    	display: block;
    	width: 100%;
    }
    
    * html .clearfix {
    	height: 1%;
    }
    can you give me a help here please.

  • #2
    Senior Coder
    Join Date
    Oct 2008
    Location
    Long Beach
    Posts
    1,196
    Thanks
    36
    Thanked 164 Times in 164 Posts
    can you show the html you are having trouble with?
    Feel free to e-mail me if I forget to respond ;)
    ohsosexybrit@gmail.com

  • #3
    Regular Coder
    Join Date
    Jul 2004
    Location
    Lebanon
    Posts
    223
    Thanks
    6
    Thanked 0 Times in 0 Posts
    This is the html code where the problem persists.

    Code:
    <div id="el-containerwrap<?php echo $divid; ?>">
    
    <div id="el-container">
    <div id="el-container-inner" class="clearfix">
    <?php if ($el_left) { ?>
    		<div id="el-col1">
    			<div class="el-innerpad">
    
    				<?php if ($hasSubnav) { ?>
    				<div id="el-subnav" class="moduletable_menu">
    				<h3>On this page</h3>
    					<?php $jamenu->genMenu (1,1);	?>
    				</div>
    				<?php } ?>
    			
    				<jdoc:include type="modules" name="left" style="xhtml" />
    			</div>
    		</div>
    		<?php } ?>
    	<!-- BEGIN: CONTENT -->
    	<div id="el-content">
    		<jdoc:include type="message" />
    
    		<div id="el-current-content">
    			<jdoc:include type="component" />
        </div>
    		
    		<?php
    		$spotlight = array ('user1','user2','user6');
    		$botsl1 = $tmpTools->calSpotlight ($spotlight,$tmpTools->isOP()?100:99.9);
    		if( $botsl1 ) {
    		?>
    		<!-- BEGIN: BOTTOM SPOTLIGHT 1 -->
    		<div id="el-botsl1" class="clearfix">
    		
    		  <?php if( $this->countModules('user1') ) {?>
    		  <div class="el-box<?php echo $botsl1['user1']['class']; ?>" style="width: <?php echo $botsl1['user1']['width']; ?>;">
    				<jdoc:include type="modules" name="user1" style="xhtml" />
    		  </div>
    		  <?php } ?>
    		
    		  <?php if( $this->countModules('user2') ) {?>
    		  <div class="el-box<?php echo $botsl1['user2']['class']; ?>" style="width: <?php echo $botsl1['user2']['width']; ?>;">
    				<jdoc:include type="modules" name="user2" style="xhtml" />
    		  </div>
    		  <?php } ?>
    
    		  <?php if( $this->countModules('user6') ) {?>
    		  <div class="el-box<?php echo $botsl1['user6']['class']; ?>" style="width: <?php echo $botsl1['user6']['width']; ?>;">
    				<jdoc:include type="modules" name="user6" style="xhtml" />
    		  </div>
    		  <?php } ?>
    		
    		</div>
    		<!-- END: BOTTOM SPOTLIGHT 1 -->
    		<?php } ?>
    		
    	  <?php if( $this->countModules('user7') ) {?>
    		<!-- BEGIN: BOTTOM SPOTLIGHT 2 -->
    		<div id="el-botsl2" class="clearfix" <?php if( $botsl1 ) { ?>style="margin-top: 20px;"<?php } ?>>
    		  <div class="el-box" style="width: 100%;">
    				<jdoc:include type="modules" name="user7" style="xhtml" />
    		  </div>
    		</div>
    And this is the css code for those divs

    Code:
    #el-wrapper {
    }
    
    #el-header,
    #el-mainnav,
    #el-hp,
    #el-container,
    #el-topsl,
    #el-footer {
    	width: 950px;
    	margin: 0 auto;
    	clear: both;
    }
    
    .narrow #el-header,
    .narrow #el-mainnav,
    .narrow #el-hp,
    .narrow #el-container,
    .narrow #el-topsl,
    .narrow #el-footer {
    	width: 750px;
    }
    
    #el-container {
    	background: url(../images/vdot2.gif) repeat-y 78% 0;
    }
    
    #el-container-inner {
    	background: url(../images/vdot2.gif) repeat-y 20% 0;
    }
    
    /* PRIMARY COLUMN
    --------------------------------------------------------- */
    #el-content {
    	clear: none;
    	display: block;
    	float: left;
    	width: 500px;
    	padding-left: 20px;
    
    }
    
    /* COLUMNS
    --------------------------------------------------------- */
    #el-colwrap {
    	float: right;
    	overflow: hidden;
    	width: 44%;
    }
    
    /*columns*/
    #el-col1 {
    	float: left;
    	width: 200px;
    }
    
    #el-col2 {
    	float: right;
    	width: 400px;
    }
    
    * html #el-col2 {
    	width: 49.2%;
    }
    
    #el-col1 div.el-innerpad,
    #el-col2 div.el-innerpad {
    	padding: 2px 20px 0;
    }
    
    /*common style for column*/
    #el-colwrap table {
    	border-collapse: collapse;
    	border-spacing: 0;
    }
    
    #el-colwrap .article_separator {
    	display: none;
    }
    
    #el-colwrap ul {
    	list-style: none;
    }
    
    /* COLLAPSIBLE LAYOUT
    --------------------------------------------------------- */
    #el-containerwrap,
    #el-containerwrap-f,
    #el-containerwrap-c {
    	padding: 40px 0 20px;
    	margin: 0;
    	clear: both;
    	background: url(../images/grad1.gif) repeat-x top;
    }
    
    /* full */
    #el-containerwrap-f #el-container  {
    	background: none;
    }
    
    #el-containerwrap-f #el-container-inner {
    	background: none;
    }
    
    #el-containerwrap-f #el-content {
    	width: 100%;
    }
    
    /* content + 1 col */
    #el-containerwrap-c #el-container  {
    	background: none;
    }
    
    #el-containerwrap-c #el-container-inner {
    	background: url(../images/vdot2.gif) repeat-y 78% 0;
    }
    
    #el-containerwrap-c #el-content {
    	width: 75%;
    }
    
    #el-containerwrap-c #el-colwrap {
    	width: 22%;
    }
    
    #el-containerwrap-c #el-col1,
    #el-containerwrap-c #el-col2 {
    	width: 100%;
    }

  • #4
    Senior Coder jerry62704's Avatar
    Join Date
    Oct 2007
    Location
    Springfield, IL
    Posts
    1,100
    Thanks
    13
    Thanked 87 Times in 87 Posts
    It looks kind of weird from {Divisions} "el-col2" which is a float right. Is that were the problem is?
    .
    .
    ...and gladly would he learn and gladly teach

    Visit www.LiberalsWin.com for humor and the unique Bush/Obama Approval Polls

  • #5
    Supreme Master coder! abduraooft's Avatar
    Join Date
    Mar 2007
    Location
    N/A
    Posts
    14,866
    Thanks
    160
    Thanked 2,224 Times in 2,211 Posts
    This is the html code where the problem persists.
    That's not pure html. It contains a lot of PHP code, and we can't execute it to generate its corresponding html. We need to see either a link to your page or the parsed html, taken from browsers' view source option.
    The Dream is not what you see in sleep; Dream is the thing which doesn't let you sleep. --(Dr. APJ. Abdul Kalam)

  • #6
    Regular Coder
    Join Date
    Jul 2004
    Location
    Lebanon
    Posts
    223
    Thanks
    6
    Thanked 0 Times in 0 Posts
    Quote Originally Posted by abduraooft View Post
    That's not pure html. It contains a lot of PHP code, and we can't execute it to generate its corresponding html. We need to see either a link to your page or the parsed html, taken from browsers' view source option.
    I already gave the link of the site in the first post

    LINK

    Quote Originally Posted by jerry62704
    It looks kind of weird from {Divisions} "el-col2" which is a float right. Is that were the problem is?
    Col2 is the column on the right, yes maybe this is where the problem is, I honestly don't know.

  • #7
    Supreme Master coder! abduraooft's Avatar
    Join Date
    Mar 2007
    Location
    N/A
    Posts
    14,866
    Thanks
    160
    Thanked 2,224 Times in 2,211 Posts
    Quote Originally Posted by Snitz View Post
    I already gave the link of the site in the first post

    LINK
    Oh.. sorry, I didn't see that
    Col2 is the column on the right, yes maybe this is where the problem is, I honestly don't know.
    I'm facing a very weird problem when viewing the site on IE6.
    Could you define the issue that you are facing?
    The Dream is not what you see in sleep; Dream is the thing which doesn't let you sleep. --(Dr. APJ. Abdul Kalam)

  • #8
    Regular Coder
    Join Date
    Jul 2004
    Location
    Lebanon
    Posts
    223
    Thanks
    6
    Thanked 0 Times in 0 Posts
    The problem is, if you visit the link on firefox, everything works just great but if visited using IE6, the right column is pushed under the articles, it's not fitting on the right... I don't know what's causing that error

  • #9
    Supreme Master coder! abduraooft's Avatar
    Join Date
    Mar 2007
    Location
    N/A
    Posts
    14,866
    Thanks
    160
    Thanked 2,224 Times in 2,211 Posts
    Umm.. try
    Code:
    #el-col2 {
    	float: right;
    	/*width: 400px;*/
    	
    }
    
    * html #el-col2 {
    	/*width: 49.2%;*/
    }
    The Dream is not what you see in sleep; Dream is the thing which doesn't let you sleep. --(Dr. APJ. Abdul Kalam)

  • #10
    Regular Coder
    Join Date
    Jul 2004
    Location
    Lebanon
    Posts
    223
    Thanks
    6
    Thanked 0 Times in 0 Posts
    Quote Originally Posted by abduraooft View Post
    Umm.. try
    Code:
    #el-col2 {
    	float: right;
    	/*width: 400px;*/
    	
    }
    
    * html #el-col2 {
    	/*width: 49.2%;*/
    }
    It worked, I just changed the html #el-col2 to 23%


  •  

    Tags for this Thread

    Posting Permissions

    • You may not post new threads
    • You may not post replies
    • You may not post attachments
    • You may not edit your posts
    •