Layout issues, repeating content boxes

Reply

Join Date: Apr 2008
Posts: 41
Reputation: Borderline is an unknown quantity at this point 
Solved Threads: 1
Borderline Borderline is offline Offline
Light Poster

Layout issues, repeating content boxes

 
0
  #1
Dec 11th, 2008
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:
  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:
  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.
Reply With Quote Quick reply to this message  
Join Date: Jun 2007
Posts: 1,227
Reputation: kkeith29 has a spectacular aura about kkeith29 has a spectacular aura about kkeith29 has a spectacular aura about 
Solved Threads: 167
kkeith29's Avatar
kkeith29 kkeith29 is offline Offline
Nearly a Posting Virtuoso

Re: Layout issues, repeating content boxes

 
0
  #2
Dec 11th, 2008
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.
Reply With Quote Quick reply to this message  
Reply

This thread is more than three months old.
Perhaps start a new thread instead?
Message:


Thread Tools Search this Thread



Tag cloud for PHP
About Us | Contact Us | Advertise | DaniWeb | Acceptable Use Policy | RSS Feed

©2003 - 2009 DaniWeb® LLC