Hulp met Divs

Status
Niet open voor verdere reacties.
S

SilvesterH

Nieuwe gebruiker
Lid geworden
27 aug 2010
Berichten
4
Hallo, Ik heb een nieuwe website aan het opbouwen maar ik loop tegen het volgende probleem op:

ik heb 4 divs naast elkaar staan, waarvan div 2 variabel is, aangezien dat het nieuws gedeelte is.

Mijn probleem is dat dat ik div 1 3 & 4 even groot wil hebben net als div 2.
hoe is dit te doen?
alle divs bij elkaar staan ook in een container.

Ik hoop dat jullie me hierbij kunnen helpen want naar 2 weken zoeken naar een oplossing weet ik het niet te vinden...
 
Ik wou een vast "stysteem" bouwen waarmee alleen Div 2 word aangepast.

Ik weet niet precies hoe ik dat met css op kan bouwen?
 
.. een beetje CSS-kennis is wel handig bij het bouwen van een website

Neem het volgende eens op in de <head> van de pagina
Code: 
<style> 
    <!--
	.div134 {width: 100px }
                     .div2 {width: 200px}
    -->
   </style>

.. voeg aan de div-tags de class toe Bijv: <div class="div134" > en de andere div wordt dan <DIV CLASS="div2">

Is het je al wel gelukt om de DIV's naast elkaar te krijgen?

Hoe bedoel je: alleen div2 aanpassen?
 
Laatst bewerkt:
het gaat eigenlijk om de hoogte, de breedte is standaard en staat goed

hier even een voorbeeld hoe het eruit komt te zien:
voorbeeldce.jpg


zoals je ziet is DIV 2 te groot, eigenlijk wil ik dat div 1, 3 & 4 de hoogte pakken van div 2
 
... kun je hier wat mee? Kleuren zijn wat aangepast, maar dat kun je veranderen

HTML: 
<?xml version="1.0" encoding="utf-8"?>
<!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>
  <title>helpmij testing</title>
  <meta name="GENERATOR" content="Quanta Plus" />
  <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<style>

<!--
.container {width:100%;
            height:800px;
            
background-color: black;
}
.red {width:10%;
    height: 100%;
    background-color: red;
    float:left;
}
.content {width: 80%;
          height: 100%;
          float:left;}
.top {width:100%;
      height:30%;
      background-color: green;}
.left2 {width:30%;
        height:70%;
        float:left;
        background-color:yellow;}

.right3 {
        width:70%;
        height:70%;
        float:left;
        background-color:blue;}
-->
</style>
</head>


<body>
<div class="container">
  <div class="red">
red
  </div>
  <div class="content">
    <DIV class="top">

               content-green
    </div>
    <DIV class="left2">

               content-yellow
    </div>
    <DIV class="right3">

               content-blue
    </div>
  </div>
  <div class="red">
red
  </div>
</div>

</body>
</html>
 
Status
Niet open voor verdere reacties.
                    Steun ons                    

Nieuwste berichten

Terug
Bovenaan Onderaan