PHP problem, or is the CSS at fault?

[fructose]

This is driving me crazy... I've spent, literally, a week trying to solve this (probably very silly) problem – to no avail. Help please!

The code below shows the PHP with the relevant CSS for structuring the left and right columns of a standard 3-column fluid layout. The problem is that the left column is simply not appearing. Any theories will be received with eternal gratitude; any solutions – with a million dollar cash award (as soon as I become a billionaire, that is).

MY PHP:

<!-- LEFT COLUMN -->

<?php

$highclcwidth = "<div id=\"lchighc\" class=\"column\">";
$nonhighclcwidth = "<div id=\"lcnonhighc\" class=\"column\">";

if ($page == "high c") {echo $highclcwidth;}
else {echo $nonhighclcwidth;}

?>

<?php
include ("phpinserts/iilc-text.php");
?>

</div>

<!-- END LEFT COLUMN -->



MY CSS:

#container .column {
position: relative;
float: left;
padding-bottom: 20010px;
margin-bottom: -20000px;
}

#lchighc {
width: 134px;
padding: 0 10px;
right: 230px;
margin-left: -100%;
margin-top: 507px;
z-index: -2; top: 202px;
background-color: #efdfff; border-right: 1px solid #000000;
}

#lcnonhighc {
width: 134px;
padding: 0 10px;
right: 230px;
margin-left: -100%;
margin-top: 507px;
z-index: -2; top: 202px;
background-color: #efdfff; border-right: 1px solid #000000;
}



The mystery is that the right column works fine, despite having no substantial code differences. Here it is for comparison:


My PHP:

<!-- RIGHT COLUMN -->

<?php

$highcrcwidth = "<div id=\"rightcolumnhighc\" class=\"column\">";
$nonhighcrcwidth = "<div id=\"rightcolumnnonhighc\" class=\"column\">";

if ($page == "high c") {echo $highcrcwidth;}
else {echo $nonhighcrcwidth;}

?>


<img src="images/ software-box-big.jpg" alt="Link to this site" class="adformat"/>
<img src="images/ order2.jpg" alt="Link to this site" class="adformat"/>


<p>
Current date + time:
<?php
echo date( "F d Y h:i:s", getlastmod() );
?>
</p>

</div>

<!-- END RIGHT COLUMN -->


My CSS:

#rightcolumnhighc {
width: 162px;
padding: 0 10px;
margin-right: -229px;
z-index: 3; top: 160px;
background-color: #efdfff; border-left: 1px solid #000000; border-right: 1px solid #000000; border-bottom: solid #000000;
}

#rightcolumnnonhighc {
width: 162px;
padding: 0 10px;
margin-right: -229px;
z-index: 3; top: 160px;
background-color: #efdfff; border-left: 1px solid #000000; border-right: 1px solid #000000; border-bottom: solid #000000;
}



Thanks,
Matheson

[TheMadMidget]

What's in phpinserts/iilc-text.php?

[fructose]

only text for the left column ("lc") - nothing else whatsoever

[moishy]

Just a little off the subject:

I see you use the "cancel quote":

$str = "somthing \"with\" a quote";

However, more siple and more correct:

$str = 'somthing "with" a quote';

Notice how I changed quote types from double quote to single.

[scriptee]

This is driving me crazy... I've spent, literally, a week trying to solve this (probably very silly) problem – to no avail. Help please!

The code below shows the PHP with the relevant CSS for structuring the left and right columns of a standard 3-column fluid layout. The problem is that the left column is simply not appearing. Any theories will be received with eternal gratitude; any solutions – with a million dollar cash award (as soon as I become a billionaire, that is).

MY PHP:

<!-- LEFT COLUMN -->

<?php

$highclcwidth = "<div id=\"lchighc\" class=\"column\">";
$nonhighclcwidth = "<div id=\"lcnonhighc\" class=\"column\">";

if ($page == "high c") {echo $highclcwidth;}
else {echo $nonhighclcwidth;}

?>

<?php
include ("phpinserts/iilc-text.php");
?>

</div>

<!-- END LEFT COLUMN -->



MY CSS:

#container .column {
position: relative;
float: left;
padding-bottom: 20010px;
margin-bottom: -20000px;
}

#lchighc {
width: 134px;
padding: 0 10px;
right: 230px;
margin-left: -100%;
margin-top: 507px;
z-index: -2; top: 202px;
background-color: #efdfff; border-right: 1px solid #000000;
}

#lcnonhighc {
width: 134px;
padding: 0 10px;
right: 230px;
margin-left: -100%;
margin-top: 507px;
z-index: -2; top: 202px;
background-color: #efdfff; border-right: 1px solid #000000;
}



The mystery is that the right column works fine, despite having no substantial code differences. Here it is for comparison:


My PHP:

<!-- RIGHT COLUMN -->

<?php

$highcrcwidth = "<div id=\"rightcolumnhighc\" class=\"column\">";
$nonhighcrcwidth = "<div id=\"rightcolumnnonhighc\" class=\"column\">";

if ($page == "high c") {echo $highcrcwidth;}
else {echo $nonhighcrcwidth;}

?>


<img src="images/ software-box-big.jpg" alt="Link to this site" class="adformat"/>
<img src="images/ order2.jpg" alt="Link to this site" class="adformat"/>


<p>
Current date + time:
<?php
echo date( "F d Y h:i:s", getlastmod() );
?>
</p>

</div>

<!-- END RIGHT COLUMN -->


My CSS:

#rightcolumnhighc {
width: 162px;
padding: 0 10px;
margin-right: -229px;
z-index: 3; top: 160px;
background-color: #efdfff; border-left: 1px solid #000000; border-right: 1px solid #000000; border-bottom: solid #000000;
}

#rightcolumnnonhighc {
width: 162px;
padding: 0 10px;
margin-right: -229px;
z-index: 3; top: 160px;
background-color: #efdfff; border-left: 1px solid #000000; border-right: 1px solid #000000; border-bottom: solid #000000;
}



Thanks,
Matheson

Hi !
Why do you have ...

"margin-left: -100%;"

in both "lchighc" and "lcnonhighc" ?

I think , if you change that "%" to "px" it will work.
Good Luck !

[ronverdonk]

It is time you guys read the Posting Guidelines for this forum!!
NEXT TIME ENCLOSE YOUR CODE WITHIN PHP, CODE OR HTML TAGS!! READ THE POSTING GUIDLINES BEFORE POSTING ANYTHING IN THIS FORUM! -

Ronald :cool: