bordernaast elkaar

Door kenny iets op 25-04-2014 19:56

1.142 views

hall
ik ben bezig eigen website zo als jullie wel weten maar nu heb ik een probleem
ik krijg me 3de border niet niets naast me tweede maar me tweede wel naast me eerste
ik gebruik dit


#nieuwstetracks{
	height:400px;
	width:33%;
	background-color:white;
	margin-left:10px;
	border-style:solid;
    border-width:5px;
    margin: 0 auto;
}

#aanbevolen{
	height:400px;
	width:30%;
	background-color:white;
	margin-left:10px;
	border-style:solid;
    border-width:5px;
    margin: left;
    margin-top: 0px;
    
}


#meestbekeken{
	height:400px;
	width:33%;
	background-color:white;
	margin-left:10px;
	border-style:solid;
    border-width:5px;
    margin: left;
    margin-top: 0px;
    margin-left:0px;
}
.clear {
    clear: both;
}

.left {
    float: left;
}

.right {
    float: right;
}

wat zou ik fout doen ?

Frank Nietbelangrijk

25-04-2014 21:35

je margin gooit roet in het eten omdat dit je breedte vergroot en je dus boven de 100% uitkomt. Mogelijk is dit een oplossing:


.test {
  width: 30%;
  height: 100px;
  border:15px solid blue;
  float:left;
}
.separator {
  width: 5%;
  height: 100px;
  float:left;
}


  <div class="test">test</div>
  <div class="separator"></div>
  <div class="test">test</div>
  <div class="separator"></div>
  <div class="test">test</div>

Toevoeging op 25/04/2014 21:42:21:

Of zo:


.test {
  width: 30%;
  height: 100px;
  margin-left:5%;
  border:15px solid blue;
  float:left;
}

.test:first-child {
  margin-left:0;
}


  <div class="test">test</div>
  <div class="test">test</div>
  <div class="test">test</div>

Reageren

Inloggen om te reageren