Float:left werkt niet

Status
Niet open voor verdere reacties.

vacances2000

Gebruiker
Lid geworden
28 jan 2013
Berichten
113
Beste,
Ik wil graag een button links uitlijnen middels float. Als ik dat direct in de html zet, bij <div><button class="btn" style="float:left;"></button></div> dan lukt het prima, maar ik wil dit bewerkstelligen vanuit een css sheet. Mijn css is dan als volgt:

HTML:
/*buttons*/
.btn, .btnsmall{
  -webkit-border-radius: 10;
  -moz-border-radius: 10;
  border-radius: 10px;
	border: none;
  color: #ffffff;
  padding: 10px 20px 10px 20px;
  text-decoration: none;
	font-weight: 300;
}

.btn{
	background-image: linear-gradient(to bottom, #00bfff, #2980b9);
  	font-size: x-large;
	left: 10%;
	float: left;
}

.btnsmall{
	background-color: #d8d8d8;
	font-size: small;
	width: 95%;
	line-height: 10px;
	align-content: center;
	margin: 0 0 1% 0;
	border-radius: 5px;
	float: right;
}

float:left !important werkt niet
float:left werkt niet
float: left werkt niet

Echter wanneer via "inspect element" direct op de website kijk, dan ik dat het steeds op float:right blijft staan.. Als ik deze uitvink dan gaat het wel naar links.

Ergens een cache probleem of zo?

Ik hoor het graag.

Vriendelijke groeten,

Jonathan
 
Blijkbaar wordt het ergens in een parent bepaald.
Heb je een testcase?
 
Niet het antwoord maar je mist px bij deze twee regels.
Je mag ze ook gewoon weglaten want border-radius wordt ondersteund in alle browsers vanaf het IE9 tijdperk.
Code:
  -webkit-border-radius: 10;
  -moz-border-radius: 10;

Heb je dit geprobeerd?
Code:
.btn {
  margin-left: 10%;
  float: left;
}
Laat even weten of het werkt.
 
Laatst bewerkt:
Dag PHP4u,
Helaas werkt deze oplossing niet.

Ondertussen ook alle float: right nar left gezet, maar dit veranderd blijkbaar niet iets aan dit feit.

Beetje apart!

Ik hoop dat je me kan helpen...

Vriendelijke groeten,

Jonathan
 
Status
Niet open voor verdere reacties.
Steun Ons

Nieuwste berichten

Terug
Bovenaan Onderaan