July 2nd, 2007, 09:22 AM
|
 |
Contributing User
|
|
Join Date: Nov 2002
Location: New York City
Posts: 233
Time spent in forums: 1 Day 50 m 19 sec
Reputation Power: 6
|
|
Ok, I modified it so the two float boxes are inside another box. So I now have it working In IE7 and Opera 9.21. It is NOT working in Firefox 2.0.0.4.
Most of my audience will most likly be using IE 7 (Maybe 6 on some). However there will be enough using Firefox that I need it to look correct in there as well.
I have attached a picture of how it looks in IE and Firefox. The Green Box is the box that the two floats should be in. THe two floats are in a black box, the red box is the cost which should come right below the two floats and the Blue is the Courses box
Quote: | Originally Posted by CSS Code #programWhoPrereq{
display:inline-block;
border:1px solid green;
width:100%;
}
#programWho{
float:left;
width:49.8%;
border:1px solid #000000;
}
#programWhoHeader{
text-decoration:underline;
text-align:center;
}
#programPrerequisites{
float:right;
width:49.8%;
border:1px solid #000000;
}
#programPrerequisitesHeader{
text-decoration:underline;
text-align:center;
}
#programCost{
font-weight:bold;
font-size:18px;
border:1px solid red;
}
#programCoursesList{
border:1px solid blue;
}
#programCoursesListHeader{
text-decoration:underline;
text-align:center;
}
.programCourseLink{
text-decoration:none;
color:#000000;
} |
PHP Code:
Page
<div id="programWhoPrereq">TEST
<div id="programWho">
<h2 id="programWhoHeader">Who Should Take <?php echo $programInformation['programAbbreviation']; ?> Courses</h2>
<?php
$programInformationWho=preg_split('/\n/',$programInformation['programWho']);
foreach($programInformationWho as $programWho){
?>
<ul id="programWhoUnordered">
<li class="programWhoItem"><?php echo stripslashes($programWho); ?></li>
</ul><!-- Closes line 101 -ul id="programWhoUnordered" -->
<?php
}/* Closes line 99 - foreach($programInformationWho as $programWho) */
?>
</div><!-- Closes line 95 - div id="programWho" -->
<div id="programPrerequisites">
<h2 id="programPrerequisitesHeader">Prerequisites for the <?php echo $programInformation['programAbbreviation']; ?> Program</h2>
<?php
$programInformationPrerequisites=preg_split('/\n/',$programInformation['programPrerequesites']);
foreach($programInformationPrerequisites as $programPrerequesites){
?>
<ul id="programPrerequisitesUnordered">
<li class="programPrerequisitesItem"><?php echo stripslashes($programPrerequesites); ?></li>
</ul><!-- Closes line 114 - ul id="programPrerequisitesUnordered" -->
<?php
}/* Closes line 112 - foreach($programInformationPrerequisites as $programPrerequisites) */
?>
</div><!-- Closes line 108 - div id="programPrerequisites" -->TEST2
</div><!-- Closes line 94 - div id="programWhoPrereq" -->
<div id="programCost"><span id="programCostHeader">Cost for Full Program: </span>$<?php echo $programInformation['programCost']; ?></div>
<div id="programCoursesList">
<h2 id="programCoursesListHeader">Courses in the <?php echo $programInformation['programAbbreviation']; ?></h2>
<?php
/************************************************** *************************************/
/* Get the Courses in this Program*/
/************************************************** *************************************/
$getProgramCoursesList=new DatabaseQuery;
$getProgramCoursesList->database_con=0;
$getProgramCoursesList->table='course';
$getProgramCoursesList->columns=array('programID','courseID','courseNumber ','courseName','courseCost');
$getProgramCoursesList->whereColumn='programID';
$getProgramCoursesList->whereData=$_GET['programid'];
$getProgramCoursesList->whereLogic='=';
$queryProgramCoursesList=$getProgramCoursesList->querySelect();
while($programCoursesList=mysql_fetch_assoc($query ProgramCoursesList)){
?>
<div class="programCourse">
<a href="../courses/?course=<?php echo $programCoursesList['courseID']; ?>" title="<?php echo $programCoursesList['courseName']; ?> Information" onmouseover="window.status='<?php echo $programCoursesList['courseName']; ?> Information';return true;" onmouseout="window.status='';" class="programCourseLink">
<?php echo $programCoursesList['courseNumber']." - ".$programCoursesList['courseName']." - $".$programCoursesList['courseCost']; ?>
</a><!-- Closes line 137 - a href="../courses/?course=<?php echo $programCoursesList['courseID']; ?>" title="<?php echo $programCoursesList['courseName']; ?> Information" onmouseover="window.status='<?php echo $programCourseList['courseName']; ?> Information';return true;" onmouseout="window.status='';" class="programCourseLink" -->
</div><!-- Closes line 134 - div class="programCourse" -->
<?php
}/* Closes line 132 - while($programCoursesList=mysql_fetch_assoc($query ProgramCoursesList)) */
?>
</div><!-- Closes line 118 - div id="programCourses" -->
|
Dev Articles Community Forums Sponsor:
Lining up two boxes next to each other with CSS
Del.icio.us
Digg
Google
Spurl
Blink
Furl
Simpy
Y! MyWeb
Linear Mode
