943,843 Members | Top Members by Rank

Ad:
  • PHP Discussion Thread
  • Unsolved
  • Views: 452
  • PHP RSS
Dec 11th, 2008
0

Layout issues, repeating content boxes

Expand Post »
Evening

I am trying experiencing problems with a new layout. I am trying to achieve the following style:

http://www.further-flight.co.uk/test...es/attempt.htm

My current layout has ended up like this:
http://www.further-flight.co.uk/test...iledlayout.jpg

Code:
PHP Syntax (Toggle Plain Text)
  1. <div id="menu"><?php include($_SERVER['DOCUMENT_ROOT'].'/testing/notes/menu.php');?></div>
  2.  
  3. <div id="main">
  4. 1.1 Allow Apostrophes
  5. </div>
  6.  
  7. <div id="content">
  8. <p>
  9. Information relating to allow apostrophes here
  10. </p>
  11. </div>
  12.  
  13. <div id="main">
  14. method of testing
  15. </div>
  16.  
  17. <div id="content">
  18. <p>
  19. Information relating to method of testing here
  20. </p>
  21. </div>
  22.  
  23. <div id="main">
  24. testing criteria
  25. </div>
  26.  
  27. <div id="content">
  28. <p>
  29. Information relating to testing criteria here
  30. </p>
  31. </div>
  32.  
  33. <div id="main">
  34. current feedback
  35. </div>
  36.  
  37. <div id="content">
  38. <p>
  39. Information relating to current feedback here
  40. </p>
  41. </div>

CSS:
PHP Syntax (Toggle Plain Text)
  1. #menu{
  2. position: absolute;
  3. margin-top: -3px;
  4. z-index: 1;}
  5.  
  6. #main{
  7. position: absolute;
  8. margin-top: 10px;
  9. margin-left: 200px;
  10. width: 75%;
  11. height: 15px;
  12. font: bold 13px verdana;
  13. color: white;
  14. background: #606060 url(/images/arrowstop.gif) no-repeat 8px 6px; /*last 2 values are the x and y coordinates of bullet image*/
  15. margin-bottom: 0; /*bottom spacing between header and rest of content*/
  16. text-transform: uppercase;
  17. padding: 7px 0 7px 31px; /*31px is left indentation of header text*/
  18. z-index: 2;}
  19.  
  20. #content{
  21. position: absolute;
  22. margin-top: 40px;
  23. margin-left: 200px;
  24. width: 76%;
  25. font: 13px verdana;
  26. color: #000000;
  27. background: #E9E9E9;
  28. padding: 7px 10px 7px 10px; /*31px is left indentation of header text*/
  29. z-index: 2;}

Any help would be greatly appreciated.
Reputation Points: 11
Solved Threads: 1
Light Poster
Borderline is offline Offline
49 posts
since Apr 2008
Dec 11th, 2008
0

Re: Layout issues, repeating content boxes

my browser is telling me that your site has been reported as distributing harmful software. you might want to check on that.

otherwise, maybe try a layout without the absolute positioning. its a lot easier and will solve a lot of small problems.

i suggest posting this in the html/css forum instead of the php one, you might get some better responses.
Reputation Points: 235
Solved Threads: 193
Nearly a Posting Virtuoso
kkeith29 is offline Offline
1,315 posts
since Jun 2007

This thread is more than three months old

No one has posted to this discussion for at least three months. Please let old threads die and do not reply to them unless you feel you have something new and valuable to contribute that absolutely must be added to make the discussion complete. Otherwise, please start a new thread in this forum instead.
Message:
Previous Thread in PHP Forum Timeline: Warning: Unknown(): Unable to call () - function does not exist in Unknown on line 0
Next Thread in PHP Forum Timeline: defining sql query as function





About Us | Contact Us | Advertise | Acceptable Use Policy
Forum Index | Build Custom RSS Feed


Follow us on Twitter


© 2011 DaniWeb® LLC