24 Floating Problem

Language Help CSS
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

1 Like
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?

517×627 31.1 KB

8

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

1 Like
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