PDA

View Full Version : CSS problem.. Please help me.


kalumanj
10-10-2010, 08:40 AM
Hi.
I am beginner in Dreamweaver. when i start to make my first webpage with CSS, making of the alignment of 6 box is very difficult to me! ( 6 box's is just a sample ). please watch the CSS codes and the screen short from Dreamweaver.

CSS code is:

@charset "utf-8";
body {
margin: 0px;
}

/* CSS Document */

#container {
width: 900px;
margin-right: auto;
margin-left: auto;
}
#header {
height: 50px;
}
#banner {
height: 75px;
}
#navigation {
height: 25px;
}
#box1 {
height: 100px;
width: 300px;
float: left;
}
#box2 {
float: left;
height: 100px;
width: 300px;
}
#box3 {
float: right;
height: 100px;
width: 300px;
}
#box4 {
float: left;
height: 100px;
width: 300px;
}
#box5 {
float: left;
height: 100px;
width: 300px;
}
#box6 {
float: right;
height: 100px;
width: 300px;
}
--------------------------------------------------
The Screen short is

http://lh6.ggpht.com/_uxyuVFOrsus/TLFpO66xY0I/AAAAAAAAAlM/9uLTPCu94ec/capture.JPG


work with in Dreamweaver, the 6th box is going to below, and could not justify with the other boxes. but in the live view or the preview browser, it is OK to view and in correct alignment. Why is this happens ? is it a bug in Dreamweaver ? Please help me to solve the problem.

with thanks...

gentleone
10-10-2010, 10:10 AM
If it looks good in the browser then I would not worry about design view, You're making websites for browsers and not for DW's design view.

kalumanj
10-10-2010, 04:37 PM
Thank you for the advice.

DWcourse
10-10-2010, 08:15 PM
But make sure you check a variety of browsers.