PHPhulp.nl PHPhulp.nl
35k+ leden Over PHPhulp Offerte opdracht Contact
A

CSS - div in div

Door ArendJan op 06-07-2006 23:16
307 views
Ik heb een grote div, content die is 734 px lang, dan heb ik content2, die is 204 lang. Nu wilde ik content2 in content zetten zodat ik uiteraard twee teksten naast elkaar kan zetten. Maar zoals gewoonlijk bij mij werkt het weer niet.

Dit is de css:


#content2 {
	width: 204px;
        height: 500px;
        float: center;
        text-align: left;
	z-index: 2;
        
        margin: 0px;
        padding: 5px;        
        
              
}



#content {
	width: 734px;
        height: 500px;
        text-align: left;
	z-index: 2;
        float: left;
        
        margin: 0px;
        padding: 5px;


In feite doe ik dus dit:

<div id="content">

inhoud blabla
<div id="content2">
menu
</div>
</div>

Waarom werkt dit niet?
Andries Louw Wolthuizen
06-07-2006 23:21
Om het voor ons wat makkelijker te maken, heb je misschien een voorbeeld van hoe het moet? En hoe het nu is?
A
ArendJan
06-07-2006 23:26
Eeehm, ff niet online :P

Ow ik ben helemaal vergeten erbij te zetten wat er fout gaat (bam, ik sla mezelf voor de kop)

Ik krijg de divs dus wel in elkaar alleen gaan de teksten niet naast elkaar.

Je krijgt iets van dit


tekst
------ menu



en niet:



tekst---------menu

(behalve die streepjes dan)
A
ArendJan
06-07-2006 23:41
Aaah bedankt!
R
Roy Bongers
06-07-2006 23:46
huh wacht stond die al in je start post of heb je die net ge-edit?

edit: die stond er dus al. Sorry ik ben te snel geweest. Ik ga ff kijken als ik een oplossing kan vinden.
R
Roland Baas
06-07-2006 23:49 

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Untitled Document</title>
<style type="text/css">
<!--
#content2 {
    width: 204px;
        height: 500px;
        float: right;
        text-align: left;
    z-index: 2;
        
        margin: 0px;
        padding: 5px;        
        
              
}

#content_tekst {
    	width: 510px;
        height: 500px;
        text-align: left;
        float: left;        
        margin: 0px;
        padding: 5px;
}



#content {
   		width: 734px;
        height: 500px;
	position:absolute;

	margin: 0px 0px 0px -367px;
	left:50%;
		
}
-->
</style>
</head>

<body>
<div id="content">

<div id="content_tekst">
	inhoud blabla
</div>


<div id="content2">
menu
</div>


</div>
</body>
</html>



Vergeef mij voor de slechte broncode
R
Roy Bongers
06-07-2006 23:54
Ja dat zou idd kunnen. Ik zou 't btw liever zo doen:

edit: deze site is ook handig / mooi voor CSS layouts
http://blog.html.it/layoutgala/


<html>
<head>
<style>

#container{
	width: 734px;
}
#content2 {
	width: 204px;
	height: 500px;
	float: left;
	text-align: left;
	background-color:#FF0000;
	margin: 0px;
	padding: 5px;
}

#content {
	width: 510px; /* 734 - 204 - paddings (4*5px) */
	height: 500px;
	text-align: left;
	float: left;
	background-color:#00FF00;
	margin: 0px;
	padding: 5px;
}
</style>
</head>
<body>
<div id="container">
<div id="content">
inhoud blabla<br>inhoud blabla<br>inhoud blabla<br>
</div>
<div id="content2">
menu
</div>
</div>
</body>
</html>

Reageren

Inloggen om te reageren