Archief - CSS: Maincol lukt maar niet

RealFlub · 30 dec 2005

Edit1: opgelost door volgende te doen:

#maincol{
displayutline;
height:279px;
margin-left: 0%;
width:100%;
background-color: #F3FCF9;
border: 1px solid #666;
}

#footer{
height:45px;
font-family: verdana;
text-align:center;
background-color:#838C90;
border: 1px solid #666;
clear:both;
width:100%;
}

-----------------Edit-------------
Hoi, ik krijg de maincol maar niet goed, het ligt denk ik aan m'n css code voor maincol. Het is alsof de midcol enkel bestaat uit datgene wat ik getypt heb. Zou het mogelijk zijn om van dat rechtse deel (maincol) een volledig veld te maken, zodat ik gewone html code erin kan zetten:

Code:

			<div id="maincol" > Uitleg over pagina <br>
			Hier komen dus hele teksten over vanalles <br>
			<p>Dus ook over andere dingen en foto's ed</p>
			</div>

Hiertussen zou de gewone html code moeten komen. Ik zou hier dan nog graag werken met frameset, maar das voor later :d.

Enneuh, ik weet niet of het mogelijk is maar heeft er iemand een hosting die ik ook zou mogen gebruiken voor een jaar? Ik betaal er uiteraard voor, anders zou ik bij B-one een hosting kopen (eventueel met twee).

Gelieve ook niet op de gebruikte kleuren te letten, die worden nog aangepast, ik wil eerst de layout goed krijgen. Alvast bedankt

Code:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Frameset//EN" "http://www.w3.org/TR/html4/frameset.dtd" >
<html>
<head>
<title>Test met frameset en css en div</title>
<meta http-equiv="content-type" content="text/html;charset=utf-8" />
<meta name="generator" content="www.csscreator.com" />
<link rel="stylesheet" href="flubber.css" type="text/css" />
</head>
<body>
<div id="pagewidth" >
	<div id="header" ><b> XXXXXXXX </b></div>
			<div id="wrapper" class="clearfix" > 
			<div id="leftcolx" ><h3> Hoofd </h3>
			<ul>
			<li><a href="home.htm">Home</a></li>
			<li><a href="home2.htm">Test1</a></li>
			<li><a href="home3.htm">Test2</a></li>
			</ul><br>
			<h3> Hoofd2 </h3>
			<ul>
			<li><a href="home.htm">Home</a></li>
			<li><a href="home2.htm">Test1</a></li>
			<li><a href="home3.htm">Test2</a></li>
			</ul>
			</div>
			<div id="maincol" > Uitleg over pagina <br>
			Hier komen dus hele teksten over vanalles <br>
			<p>Dus ook over andere dingen en foto's ed</p>
			</div>
	</div>
	<div id="footer" > Statistieken <br>
	Gemaakt door xxxx </div>
</div>
</body>
</html>

en m'n css code

Code:

html, body{ 
 margin:0; 
 padding:0; 
 text-align:center; 
} 
 
#pagewidth{ 
 width:80%; 
 text-align:left;  
 margin-left:auto; 
 margin-right:auto;  
} 
 
#header{
 position:relative; 
 border: 1px solid #666;  
 height:40px; 
font-family: verdana;
font-size: 24px;
font-style: normal; 
font-weight:bold; 
text-align:center;  
 background-color:#BFD9F0; 
 width:100%;
} 
 
#leftcol{
 width:18%; 
 float:left; 
text-align:center; 
font-family: verdana;
font-weight:bold; 
position:relative; 
 background-color:#BFBCF0; 
 }

#leftcolx{
 width:18%; 
 float:left; 
 font-family: verdana;
 border: 1px solid #666; 
 background-color:#BFBCF0; 
 }
 
#maincol{background-color: #F3FCF9;  
 display:inline; 
 margin-left: 0%; 
 width:82%; 
 }
 
#footer{
 height:45px; 
font-family: verdana;
text-align:center; 
  background-color:#838C90; 
 border: 1px solid #666;  
 clear:both;
 } 

 http://www.csscreator.com/attributes/containedfloat.php *** */ 
.clearfix:after {
 content: "."; 
 display: block; 
height: 0; 
 clear: both; 
 visibility: hidden;
 }
.clearfix{display: inline-table;}
.clearfix{display: block;}

Archief - CSS: Maincol lukt maar niet

RealFlub

Legacy Member