Adobe Community: Float in design / Not float in life

Cosmin.Darky Calculating status...

Currently Being Moderated

Float in design / Not float in life

Sep 23, 2012 5:11 AM

Tags: #float_columns

Hello,

I am new and after finishing step 5 from the Dream Waver tutorial i have encountered this problem.

In design mode the 3 colums(divs) are floating but when i looked at them in live mode or in a browser they ware not floating anymore. They ware stack on each other.

Beneath my whole css code:

@charset "utf-8";
@import url("check_menu.css");
body {
font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
color: #000;
background-color: #FFF;
}
/* CSS Document */

#container {
    width: 968px;
    background: #FFF;
    margin: 0 auto;
    padding-left: 10px;
    padding-right: 10px;
    overflow: hidden;
}#container h1 {
position: absolute;
top: -500px;
}
#banner {
position: relative;
}
#check_menu {
position: absolute;
/* [disabled]top: 50px; */
right: 0px;
bottom: 0px;
text-transform: uppercase;
}

#main_image {
background-image: url(../images/main.jpg);
background-repeat: no-repeat;
position: relative;
height: 376px;
width: 968px;
}
#main_text {
width: 300px;
position: absolute;
right: 60px;
bottom: 60px;
background-color: #fff;
}
#main_text h2 {
    color: #00b4e1;
}
#main_text h3 {
    font-size:16px;
    margin: 0 auto;
}
#main_text p {
    font-size: 14px;
    margin: 0 auto;
padding: 12px;}
}
#left_column, #center_column, #right_column {
width: 316px;
float: left;
}
#center_column, #right_column {
margin-left: 10px;

1021 Views 17 Replies Latest reply: Cosmin.Darky, Sep 26, 2012 12:20 PM

Dreamweaver CC

Float in design / Not float in life

Sep 23, 2012 5:11 AM

More Like This

Bookmarked By (0)

Answers + Points = Status