login  Naam:   Wachtwoord: 
Registreer je!
 Forum

positie maincolumn (Opgelost)

Offline san - 01/04/2010 01:22
Avatar van sanHTML interesse Ik heb een template waarbij de maincolumn veel te ver naar onder komt. Als ik dit probeer op te lossen door deze div een margin-top met een flinke min-waarde meegeef is de positie wel prima maar werkt het horizontale menu niet meer doordat de maincolumn daar in de weg zit. Als ik de div sitebar gelijk afsluit(</div>) komt het ook niet goed en rekt de sitebar niet mee met de variabele hoogte van de maincolumn. Wie weet hoe ik dit op zou kunnen lossen.
css code - Bekijk de code zonder highlighting - Klap code in 
  1. body  {
  2. 	font-family: Arial, Verdana, Helvetica, sans-serif;
  3. 	font-size: 17px;
  4. 	background: #8800FF;
  5. 	color: #000000;
  6. 	margin:0;
  7. 	padding: 0;
  8. 	height: 100%;
  9. 	width: 100%;
  10. 	background-image: url(achtergrond.png);
  11. 	background-repeat: no-repeat;
  12. 	background-position: 50% 0%;	
  13. }
  14.  
  15. #container {
  16.    position: absolute;
  17.    left:50%;  
  18.    margin-left:-450px; 
  19.    min-height: 770px;
  20.    width: 900px;
  21.    background: #CCCCCC;	
  22.    border: 10px solid #FFFFFF;
  23.    border-bottom-style: solid;
  24.    border-bottom-color: #FFFFFF;
  25.    border-bottom-width: 0px;
  26. } 
  27.  
  28. #header { 
  29.    height: 80px;
  30. }
  31.  
  32. #menu {
  33.     width: 900px;
  34.     height: 53px;
  35.     margin-top: 60px;
  36.     background: #FFFFFF;
  37.     text-align: center;
  38.  }
  39.  
  40. #home
  41. {
  42.     background-image: url(http://localhost/collectie/menu/menu1.png);
  43.     height: 43px;
  44.     width: 140px;
  45.     float: left;
  46.     margin-right: 12px;
  47.     margin-top: 2px;
  48.     }
  49. #footer {
  50. 	float: left;
  51.    	width: 900px;
  52.    	height: 17px;
  53.    font-size: 12px;
  54.    text-align: left;
  55.    padding-left: 5px;
  56.    background: #FFFFFF;
  57. } 
  58. #maincolumn,
  59. #maincolumn_full {
  60.    float: left;
  61.    margin-left: 146px;
  62.    margin-top: 0px;
  63.    width: 740px;
  64. }
  65.  
  66. #maincolumn_full {
  67. 	margin-left: 0;
  68. 	padding: 0;	
  69. 	width: 100%;
  70. }
html4strict code - Bekijk de code zonder highlighting - Klap code in 
  1. <?php
  2.  
  3. // no direct access
  4. defined( '_JEXEC' ) or die( 'Restricted access' );
  5. ?>
  6. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  7. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="<?php echo $this->language; ?>" lang="<?php echo $this->language; ?>" >
  9.  
  10. <jdoc:include type="head" />
  11.  
  12. <link rel="stylesheet" href="<?php echo $this->baseurl ?>/templates/rhuk_milkyway/css/stijlblad.css" type="text/css" />
  13. <link rel="stylesheet" href="<?php echo $this->baseurl ?>/templates/rhuk_milkyway/css/template.css" type="text/css" />
  14.  
  15. <!--[if lte IE 6]>
  16. <link href="<?php echo $this->baseurl ?>/templates/<?php echo $this->template ?>/css/ieonly.css" rel="stylesheet" type="text/css" />
  17. <![endif]-->
  18. <?php if($this->direction == 'rtl') : ?>
  19. 	<link href="<?php echo $this->baseurl ?>/templates/rhuk_milkyway/css/template_rtl.css" rel="stylesheet" type="text/css" />
  20. <?php endif; ?>
  21.  
  22. </head>
  23.  
  25.  
  26. <div id="container"> 
  27.  
  28.    <div id="header">
  29.        <img src="kop/titel.png" width="900" height="140" alt="">
  30.    </div>
  31.  
  32. <div id="menu">
  33.     <a id="home" href="http://localhost/collectie/index.html"></a>
  34.     <a id="col" href="http://localhost/collectie/col.html"></a>
  35.     <a id="bestel" href="http://localhost/collectie/bestel.html"></a>
  36.     <a id="sale" href="http://localhost/collectie/sale.html"></a>
  37.     <a id="contact" href="http://localhost/collectie/contact.html"></a>
  38.     <a id="links" href="http://localhost/collectie/links.html"></a>
  39. </div>
  40.  
  41. <div id="sidebar">
  42.     <a id="arm" href="http://localhost/collectie/index.php/collectie?func=viewcategory&catid=1"></a>
  43.     <a id="ket" href="http://localhost/collectie/index.php/collectie?func=viewcategory&catid=1"></a>
  44.     <a id="oor" href="http://localhost/collectie/index.php/collectie?func=viewcategory&catid=1"></a>
  45.     <a id="ring" href="http://localhost/collectie/index.php/collectie?func=viewcategory&catid=1"></a>
  46.     <a id="tas" href="http://localhost/collectie/index.php/collectie?func=viewcategory&catid=1"></a>
  47.  
  48.  
  49.                                                        <?php if($this->countModules('left')) : ?>
  50. 						<div id="maincolumn">
  51.  
  52. 												<?php else: ?>
  53. 						<div id="maincolumn_full">
  54. 						<?php endif; ?>
  55. 							<?php if($this->countModules('user1 or user2')) : ?>
  56. 								<table class="nopad user1user2">
  57. 									<tr valign="top">
  58. 										<?php if($this->countModules('user1')) : ?>
  59. 											<td>
  60. 											<jdoc:include type="modules" name="user1" style="xhtml" />
  61. 											</td>
  62. 										<?php endif; ?>
  63. 										<?php if($this->countModules('user1 and user2')) : ?>
  64. 											<td class="greyline">&nbsp;</td>
  65. 										<?php endif; ?>
  66. 										<?php if($this->countModules('user2')) : ?>
  67. 											<td>
  68. 											<jdoc:include type="modules" name="user2" style="xhtml" />											</td>
  69. 										<?php endif; ?>
  70. 									</tr>
  71. 								</table>
  72.  
  73. 								<div id="maindivider"></div>
  74. 							<?php endif; ?>
  75.  
  76. 							<table class="nopad">
  77. 								<tr valign="top">
  78. 									<td>
  79. 										<jdoc:include type="component" />
  80. 										<jdoc:include type="modules" name="footer" style="xhtml"/>
  81. 									</td>
  82. 									<?php if($this->countModules('right') and JRequest::getCmd('layout') != 'form') : ?>
  83. 										<td class="greyline">&nbsp;</td>
  84. 										<td width="170">
  85. 											<jdoc:include type="modules" name="right" style="xhtml"/>
  86. 										</td>
  87. 									<?php endif; ?>
  88. 								</tr>
  89.  
  90.                                                                                                                            </table>
  91.  
  92. 	</div> </div>	
  93.  
  94. <div id="footer">Footer</div>
  95. </div>
  96.  
  97. </div></div>
  98.  
  99. </body>
  100. </html>

0 antwoorden

Gesponsorde links
Er zijn nog geen reacties op dit bericht.
Dit onderwerp is gesloten.
Actieve forumberichten
© 2002-2024 Sitemasters.be - Regels - Laadtijd: 0.279s