24 Floating Problem


#1

I am trying to float the id "float" (#float) to the left but it isn't working. Can someone assist me please?

The CSS I have is as follows:

body {
background-color: #b7d1c4
}

h2 {
font-family: Verdana;
font-weight: bold;
text-align: center;
padding-top: 25px;
padding-bottom: 25px;
color: #acd1b2;
}

img {
height: 170px;
width: 170px;
box-shadow: rgba(0,0,0,0.2) 10px 10px;

}

navbar {

position: fixed;
margin-top: -10px;
left:50%;
margin-left:-254px;

}

navbar li {

display: inline;
padding:5px;

header {

position: relative;
top: -10px;
background-color: #3c4543;
border-top-left-radius: 15px;
border-top-right-radius: 15px;

}

ul{
list-style-type: none;
position: fixed;
margin: -10px;
}

li {
border: 2px solid #000000;
font-family: Futura, Tahoma, sans-serif;
color: #ffffff;
border-radius: 5px 5px;
background-color: #cc0323;
}

left {

/*Add your CSS here!*/
float: left;

}

p {
font-family: Tahoma;
font-size: 1em;
}

right{

/*Add your CSS here!*/

}

table {
border: #000000 1px solid;
background-color: #acd1b2;
float: right;
margin-right: 10px;
border-bottom-right-radius: 15px;
border-bottom-left-radius: 15px;
}

td {
height: 75px;
width: 75px;
}

td img {
height: 75px;
width: 75px;
box-shadow: none;
}

th {
font-family: Verdana;
font-size: 1em;
font-weight: normal;
color: #3c4543
}

bottom_left{

border-bottom-left-radius: 15px;

}

bottom_right{

border-bottom-right-radius: 15px;

}

footer{

/*Add your CSS here!*/

position: relative;
bottom: -20px;
border-bottom-left-radius: 15px;
border-bottom-right-radius: 15px;
height: 75px;
background-color: #3c4543;

}

button{

border: 2px solid #000000;
float:left;
position: relative;
left: 229px;
bottom: -20px;
border-radius: 5px;
background-color: #cc0323;
height: 30px;
width: 150px;

}

button p{

position: relative;
bottom: 10px;
font-size: 0.8em;
color: #acd1b2;
text-align: center;

}

.bold{
font-family: tahoma;
font-weight: bold;
font-size: 1.2em;
font-variant: small-caps;
color: #ffffff;
}


#2

hi winokurm,
see this code and try it in yours (pardon my english).

#left{
width: 45%;
float: left;
}

#right{
width: 45%;
float: right;
}

#footer{
clear: both;
position: relative;

bottom: -20px;
border-bottom-left-radius: 15px;
border-bottom-right-radius: 15px;
height: 75px;
background-color: #3c4543;

}

you have another question equals of this, please, remove or close.


#3

I have the same problem

My code is:

left{

width: 45%;
float: left;
}

But it keep saying it is wrong and asking me to float left to the left. Any ideas?


#4

Same problem here...I got the same code line as You, and it`s still ask me to float #left to the left.


#5

@winokurm55, your #navbar li is missing a closing curly bracket (}), if the rest needs help, post full code

everyone, check if all } are present


#6

You`re right stetim94 - there are few wrong "{" , sme of them must be deleted


#7

I'm having the same problem! Can anyone tell me what I'm doing wrong here?


#8

This is because above the id "#left" in CSS tab, there is lack of a "}" for the previous code.


#9

Can you copy your full css code to the forum? Also, make sure link to stylesheet is correct


#10

This code is not good,you dont have ani selector is a fault!{
border: 2px solid #000000;
font-family: Futura, Tahoma, sans-serif;
color: #ffffff;
border-radius: 5px 5px;
background-color: #cc0323
}


#11

Thanks a lot. i thought they left the place for another selector, but not - just their mistake and challenge for our attention