• Status: Solved
  • Priority: Medium
  • Security: Public
  • Views: 167
  • Last Modified:

Is This Content Being Hidden

I have this style sheet
/* General styles */
body {
	margin: 0px auto;
	padding: 0px;
	border: 0px;
	width: 100%;
	background: #fff;
	min-width: 600px;
	font-family: Kozuka Gothic Pro, Arial, serif;
	font-size: 1em;
}
a {
	color: #369;
}
a:hover {
	color: #fff;
	background: #369;
	text-decoration: none;
}
h1, h2, h3, h4, h5, h6 {
	margin: .8em 0 .2em 0;
	padding: 0;
}
p {
	margin: .4em 0 .8em 0;
	padding: 0;
}
img {
	margin: 10px 0 5px;
}
/* Header styles */
#header {
	clear: both;
	float: left;
	width: 1270px;
}
#header {
	border-bottom: 1px solid #000;
}
#header p, #header h1, #header h2 {
	padding: .4em 15px 0 15px;
	margin: 0;
}
#header ul {
	clear: left;
	float: left;
	width: 1270px;
	list-style: none;
	margin: 10px 0 0 0;
	padding: 0;
}
#header ul li {
	display: inline;
	list-style: none;
	margin: 0;
	padding: 0;
}
#header ul li a {
	display: block;
	float: left;
	margin: 0 0 0 1px;
	padding: 3px 10px;
	text-align: center;
	background: #eee;
	color: #000;
	text-decoration: none;
	position: relative;
	left: 15px;
	line-height: 1.3em;
}
#header ul li a:hover {
	background: #369;
	color: #fff;
}
#header ul li a.active, #header ul li a.active:hover {
	color: #fff;
	background: #000;
	font-weight: bold;
}
#header ul li a span {
	display: block;
}
/* 'widths' sub menu */
#layoutdims {
	clear: both;
	background: #eee;
	border-top: 4px solid #000;
	margin: 0;
	padding: 6px 15px !important;
	text-align: right;
}
/* column container */
.columnMain {
	position: relative; /* This fixes the IE7 overflow hidden bug and stops the layout jumping out of place */;
	clear: both;
	float: left;
	width: 1270px; /* width of whole page */;
	overflow: hidden;	/* This chops off any overhanging divs */
}
/* 2 column left menu settings */
.columnOuter .colright {
	float: left;
	width: 200%;
	position: relative;
	left: 200px;
	background: #fff;
}
.columnOuter .columnContents {
	float: right;
	width: 50%;
	position: relative;
	right: 200px;
	padding-bottom: 1em;
}
.columnOuter .columnContents {
	margin: 0 15px 0 215px;
	position: relative;
	right: 100%;
	overflow: hidden;
}
.columnOuter .columnNav {
	float: left;
	width: 170px;
	position: relative;
	right: 185px;
}
/* Footer styles */
#footer {
	clear: both;
	float: left;
	width: 1270px;
}
#footer p {
	padding: 10px;
	margin: 0;
}

Open in new window

I don't think any text is being hidden, but if you look at http://www.loudestvoicesystem.com/example.html - the content is not there.  When you view the source, you see a number of paragraphs (See code 8225524)

What do I need to change to be able to see text?

Thank you!
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">

<head>
        <title></title>
        <meta content="text/html; charset=utf-8" http-equiv="Content-Type" />
        <meta name="description" content="" />
        <meta name="keywords" content="" />
        <meta name="robots" content="index, follow" />
        <link rel="shortcut icon" href="/favicon.ico" type="image/x-icon" />
        <link rel="stylesheet" type="text/css" href="includes/screen.css" media="screen" />
</head>
<body>

<div id="header">
        <!-- Start of Header -->
       
        <!-- End of Header -->

</div>
<div class="columnMain columnOuter">
        <div class="columnInner">
                <div class="columnContents">
                        <!-- Start of Main Content -->
<p><a href="local-phone-numbers.asp">local-phone-numbers.asp</a></p>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis aliquet, sem nec sollicitudin hendrerit, est purus aliquet diam, a suscipit lectus augue varius turpis. Proin at erat nisi. In condimentum venenatis elit, id tincidunt dolor gravida a. Mauris id orci leo, viverra tincidunt ante. Nullam pharetra commodo odio, nec bibendum odio vestibulum eget. In eleifend aliquam pharetra. Sed elit ligula, tincidunt quis ullamcorper non, commodo a nisl. Cras pretium lectus consectetur purus dapibus at accumsan mi convallis. Ut eu sapien nec turpis semper lacinia. Nulla iaculis turpis vel nulla vehicula non vestibulum lacus aliquam. Nam quis sodales odio. Suspendisse non volutpat risus. Vivamus dignissim suscipit purus, sit amet semper odio porta vitae.
 
Mauris ornare ligula nec turpis blandit nec pulvinar arcu imperdiet. Donec in magna turpis. Donec et aliquet nibh. Suspendisse eget enim magna. Nullam felis eros, imperdiet vitae auctor ultricies, condimentum in dolor. Phasellus volutpat turpis at nisi tristique tincidunt. Nunc vestibulum dolor sit amet neque euismod et pellentesque dolor sagittis. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Mauris adipiscing ligula vel nulla vulputate vitae ultricies diam hendrerit.
 
Donec varius euismod mi, cursus imperdiet magna condimentum ut. Fusce at nibh turpis. Nulla at enim id enim cursus ornare sed vel orci. Pellentesque non turpis fringilla leo euismod rutrum non eu neque. Curabitur non ornare nisl. Nunc at neque magna. Ut tempor, diam eu varius gravida, diam mauris lobortis odio, et suscipit justo nisi in lorem. Suspendisse potenti.
 
Vestibulum porta, diam a auctor egestas, felis mauris tristique lectus, id auctor lectus sapien at tellus. Quisque dictum gravida rhoncus. Mauris est neque, hendrerit nec sodales et, molestie et diam. Nam laoreet ultrices lacinia. Mauris facilisis vehicula molestie. Fusce volutpat augue nec risus tristique congue. In dapibus tellus sit amet lectus cursus vulputate. Proin nec rhoncus leo. Curabitur magna orci, sollicitudin vitae aliquam ac, fringilla euismod nisi.
 
Aliquam consequat justo eu mi tincidunt nec commodo odio interdum. Nam quis sapien id ante pulvinar ullamcorper ac facilisis ligula. Nullam eget nisi sed ante consequat semper vel luctus turpis. Duis nec vestibulum nibh. Fusce purus libero, cursus vitae lobortis in, malesuada et felis. Praesent ultrices luctus elit quis venenatis. Curabitur ullamcorper justo sit amet felis consectetur ac vehicula sem tincidunt.
 
Donec nibh urna, lacinia sed interdum ac, molestie eget ante. Donec sollicitudin est eu neque interdum vel faucibus est porta. Aenean at purus quis nulla lacinia tempus ut non ligula. Nulla faucibus porta mi, in mattis nisl malesuada in. Aenean molestie erat at tortor fringilla dignissim. Proin quis mi quis nibh malesuada facilisis. Phasellus risus elit, varius eu sagittis a, blandit semper purus. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Fusce fermentum egestas sapien ut rhoncus. Praesent pellentesque vulputate turpis, sed imperdiet mi mollis at. Ut consequat erat at lectus rutrum id placerat ligula viverra. Nullam erat purus, facilisis at porta eget, suscipit at diam. Fusce quis sapien orci. Praesent sollicitudin semper rhoncus.
 
Nunc tristique ipsum a odio dapibus ultrices. Proin cursus consectetur sagittis. Cras tincidunt pharetra velit tincidunt aliquam. Aenean vel tortor sem, pharetra vulputate purus. Quisque purus risus, hendrerit pharetra laoreet non, ullamcorper vitae purus. Etiam tincidunt, dui at tempor semper, erat felis sollicitudin mauris, vitae congue erat dolor ac leo. Vestibulum consequat urna sit amet eros commodo viverra. Pellentesque dui sapien, bibendum ut condimentum sit amet, vehicula id mi. Sed vel erat a felis adipiscing ultrices non ut dolor. In facilisis ante id nisi venenatis quis sollicitudin lectus ornare. Vivamus a arcu eros. Morbi vehicula, diam in euismod porta, orci urna gravida mi, sed egestas sapien erat ac lectus.
 
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam et sapien magna, sit amet commodo nunc. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Morbi at felis nisi, nec consequat nisl. Phasellus commodo magna ac ante mattis sollicitudin. Nullam semper tincidunt felis. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Phasellus id est lectus, nec egestas ante. Morbi suscipit neque ut libero pulvinar suscipit. Vivamus mollis nisl et nisl interdum condimentum.
 
Aliquam tincidunt ligula bibendum sem adipiscing gravida. Maecenas at turpis ut libero gravida accumsan. Nullam aliquet pretium molestie. Aliquam erat volutpat. Donec laoreet libero feugiat tortor porttitor ornare. Suspendisse pulvinar arcu id arcu fermentum hendrerit. In tempor interdum mi vel sagittis. Morbi sagittis ornare iaculis. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Praesent condimentum, tellus quis iaculis dignissim, lacus lorem porta libero, vitae sollicitudin felis massa sit amet mauris.
 
In mattis augue massa. Aliquam ipsum nisl, dignissim id viverra fringilla, egestas sit amet quam. Etiam libero velit, egestas sit amet accumsan eget, dapibus vitae lectus. Nam orci quam, tincidunt non ornare vestibulum, placerat at ante. Aliquam commodo, libero vitae aliquet hendrerit, turpis nunc dapibus nisi, at venenatis ipsum felis vitae magna. In eget erat ac nunc tincidunt dignissim et ac tortor. Maecenas ipsum erat, commodo eleifend feugiat non, ultrices ut erat. Etiam a mauris purus, sed lobortis ante. Mauris non mi ut risus accumsan semper in ut nibh. Morbi nec nisi sed sem volutpat pellentesque. Duis fermentum ligula eu ligula viverra ac tincidunt nunc fringilla.
 
Nulla tortor ante, vehicula eget hendrerit sed, pharetra in nunc. Duis sit amet felis vitae urna commodo tincidunt cursus quis mauris. Morbi luctus sollicitudin tellus quis rhoncus. Quisque turpis ante, semper vel aliquam in, semper eget arcu. Sed id lectus id metus elementum sagittis ut nec enim. Vivamus blandit cursus ultrices. Ut neque diam, pharetra nec commodo ut, lacinia nec erat. Nulla elit felis, commodo malesuada iaculis vitae, varius ac nisi. Cras massa mi, condimentum vitae sollicitudin sit amet, faucibus a urna. Nam pellentesque ullamcorper libero, ac accumsan tortor adipiscing vel. Mauris at tellus ullamcorper dui lobortis iaculis. Morbi nisl nisl, sollicitudin sed fringilla vel, fermentum vitae mi. Suspendisse id risus lectus, et pharetra leo.
 
Sed fringilla, nibh a placerat pellentesque, nibh massa rutrum eros, vel rhoncus lectus ipsum at velit. Fusce pulvinar pharetra lectus, eget placerat urna euismod at. Maecenas tristique consequat faucibus. Vestibulum ultricies commodo libero vitae tincidunt. Cras vitae congue turpis. Aliquam quis erat eu ligula pulvinar vestibulum. Nulla lobortis ultrices gravida. Aliquam erat volutpat. Duis risus nisi, sodales nec pretium eu, malesuada a lacus. Ut dolor augue, sollicitudin quis dignissim in, lacinia quis nisi. Nulla nulla tortor, ornare vitae bibendum a, adipiscing dictum magna. In sed sem massa, feugiat ullamcorper mauris. Mauris nec lectus mauris, sed lobortis massa. Fusce vitae diam odio. Mauris adipiscing gravida fermentum. In hac habitasse platea dictumst.
 
Praesent sodales, ipsum et placerat mattis, nibh odio ornare neque, a cursus ipsum tortor sed nisi. Nunc placerat velit ac leo tristique bibendum posuere orci aliquet. Curabitur erat augue, convallis at luctus sit amet, luctus non nulla. Nunc vitae consequat arcu. Praesent congue justo id tellus imperdiet iaculis. Donec tristique varius magna vel ultricies. Morbi urna turpis, tristique vel porttitor vitae, fringilla a nulla. Pellentesque nunc neque, convallis sit amet aliquet euismod, consectetur ullamcorper nisi. Suspendisse sem libero, feugiat nec tempus eget, adipiscing sit amet est. Donec ut malesuada sapien.
 
Cras vitae lorem enim, vel bibendum metus. In sit amet sapien felis. Vivamus vel ipsum odio, ut rutrum sem. Vivamus ac ligula non diam porta placerat. Sed vestibulum rhoncus ornare. Donec dictum orci in nisl egestas eu rutrum ipsum scelerisque. Donec sodales elementum sapien eu lacinia. Ut eleifend rhoncus tristique. Duis vestibulum euismod erat nec facilisis. Pellentesque et sapien quis felis imperdiet consequat vitae in augue. Integer volutpat nisi sed magna consequat posuere. Ut fermentum turpis in enim pulvinar pellentesque. Morbi rutrum nibh sed tellus scelerisque ornare. Aliquam purus sem, rhoncus at condimentum vitae, pulvinar in arcu. Nullam vel mauris magna, eu adipiscing nisl.
 
Ut tortor magna, suscipit a lacinia in, sollicitudin ut quam. Aliquam erat volutpat. Fusce sem felis, tempus vitae tempor in, rutrum sit amet urna. Quisque fermentum, lacus eu sodales porta, odio est posuere felis, in cursus leo risus sed nibh. Sed ac quam mi. Nulla eleifend, purus a consequat iaculis, purus ipsum ornare dui, vel adipiscing nibh justo quis sapien. Nulla est neque, sagittis et aliquet quis, semper eu risus. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Duis eu felis nec sem rhoncus venenatis.
 </p>

                </div>
                <div class="columnNav">
                        <!-- Start of Navigation -->
                    
                        <!-- End of Navigation -->
                </div>
        </div>
</div>
<div id="footer">
        <!-- Start of Footer -->
   
        <!-- End of Footer -->
</div>

</body>
</html>

Open in new window

0
coreybryant
Asked:
coreybryant
  • 2
1 Solution
 
David S.Commented:
The text is not visible because it's been relatively positioned off the visible area of the page. Change the "right:100%" declaration in the second ".columnOuter .columnContents" rule.  (Why are there two rules for that anyway?)

P.S. Why are you using XHTML 1.1?
0
 
coreybryantAuthor Commented:
I have been trying to work thru this code and I probably made a few mistakes.  I have been trying to convert what I had (a liquid layout to a static layout) (Editing a Style Sheet

What should the second be or is that really needed?
0
 
coreybryantAuthor Commented:
Thank you, I decided to go with another layout but this did help some.
0

Featured Post

Independent Software Vendors: We Want Your Opinion

We value your feedback.

Take our survey and automatically be enter to win anyone of the following:
Yeti Cooler, Amazon eGift Card, and Movie eGift Card!

  • 2
Tackle projects and never again get stuck behind a technical roadblock.
Join Now