SitePoint Sponsor

User Tag List

Results 1 to 3 of 3
  1. #1
    SitePoint Member
    Join Date
    May 2007
    Posts
    12
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)

    Someone Please help me. IE6 li help.

    The bullet points in the <li>are in the wrong places, but in Firefox they are fine. I really am stumped and I have to meet with this client later today. The bullets are off in all versions of Internet Explorer. Somebody please help.

    Code:
    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
    <html>
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
    <link rel="stylesheet" type="text/css" href="church.css">
    <title>Bible Lab</title>
    <style type="text/css">
    body{text-align:center;
    }
    .header{display:block;
    		text-align:center;
    		text-decoration:underline;
    }
    .rightinfo{ float:right;
    			display:block;
    			overflow:hidden;
    			margin-top:-130px;
    			margin-right:20px;
    			
    }
    *+ html .rightinfo{margin-top:-100px;
    }
    * html .rightinfo{margin-top:-100px;
    }
    .rightinfo p{width:130px;
    		   text-align:center;
    			border:3px solid black;
    			overflow:hidden;
    }
    .rightinfo a:hover{ display:block;
                        background-color:#FFFFFF;
    					overflow:hidden;
    }	
    .biblebanner{border:solid 2px;
    			 margin-left:15px;
    			 
    }
    .labintro p{text-align:center;
    }
    .biblelab{float:left;
    }
    .biblelab ul li{width:325px;
    				line-height:30px;
    				
    }
    .biblelab h3{width:325px;
    			 text-align:center;
    			 color:#C84577;
    			 text-decoration:underline;
    }
    .biblelabbasics {float:right;
    }
    .biblelabbasics ul li{width:325px;
    					  line-height:30px;
    					 
    }
    .biblelabbasics h3{width:325px;
    			 	   text-align:center;
    			 	   color:#C84577;
    			 	   text-decoration:underline;
    }
    </style>
    </head>
    <body>
    <div id="wrap">
    		<div class="header">
    			<h2>Introducing</h2>
    			<h1>The Bible Lab</h1>
    		</div>
    		<div class="rightinfo">
    					<p>
    					<a href="index.htm">
    					Click Here to
    					return to the home page</a>
    				    </p>
    		</div>
    		<div>
    			<img src="assets/biblebanner.jpg" class="biblebanner"/>
    		</div>
    		<div class="labintro">
    			<p>
    				The Bible Lab is a program and cirriculum utilizing the best teaching and learning methods; combined in new ways to provide effective, dynamic, 
    				challening, and meaningful Bible Study for your students. The Bible Lab is a seperate spacious building.
    			</p>
    		</div>
    		<div class="biblelab">
    			<h3>The Bible Lab</h3>
    				<ul>
    	             	<li>The Bible Lab is an approach to Bible class teaching students in their own education.</li>
    					<li>Bible Lab teachers and students become partners in learning and discovering the beauty, wisdom,
    						and soul-saving power of God's word!</li>
    					<li>The <strong>teacher</strong> assumes the role of a guide rather than an authority on the subject.</li>
    					<li>The <strong>student</strong> is a participant, not merely a recipient, in the learning process.</li>
    					<li>The <strong>classroom facility</strong> is a giant reference center to both accomodate and educate students.</li>
    				</ul>	    		
    		</div>
    		<div class="biblelabbasics">
    			<h3>Bible Lab Basics</h3>
    				<ul>
    					<li>Self-paced, but NOT self-taught.</li>
    					<li>Each student participates in both individualized and group study.</li>
    					<li>Provides students a systematic, detailed study of the Bible.</li>
    					<li>Promotes enthusiastic participation by students and teachers alike.</li>
    					<li>Involves students in active, hands-on learning.</li>
    					<li>Includes students from reading age through, and including, adults.</li>
    				</ul>
    		</div>
    </div>
    </body>
    </html>
    I really dont understand why it is aligned the way it is...sorry about that.

  2. #2
    SitePoint Addict CaryD's Avatar
    Join Date
    Nov 2006
    Location
    San Diego, CA
    Posts
    389
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Put the width on .biblelab and .biblelabbasics instead of the h3 and li elements.

    Code CSS:
    .biblelab {
    	width: 325px;
    	float: left;
    }
    .biblelab h3 {
    	text-align: center;
    	color: #C84577;
    	text-decoration: underline;
    }
    .biblelab ul li {
    	line-height: 30px;
    }
    .biblelabbasics {
    	float: right;
    	width: 325px;
    }
    .biblelabbasics h3 {
    	text-align: center;
    	color: #C84577;
    	text-decoration: underline;
    }
    .biblelabbasics ul li {
    	line-height: 30px;
    }

  3. #3
    SitePoint Member
    Join Date
    May 2007
    Posts
    12
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    That worked. Thank you very much. I think I understand why. But thank you very much.


Bookmarks

Posting Permissions

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