Fri, 2013-11-22 23:22
Need a help in using CSS with PHP File
I created a Php File to create Div's (three blue boxes) and I want to align the boxes to the centre of the browser in a same row.
My Php File is "index.php"
Test
My CSS File is "Stylesheet.css"
#Container{
margin: auto;
width: 1200px;
}
#left{
background-color: blue;
height:300px ;
width: 300px;
float:left;
margin-right: 10px;
margin-left: 10px;
}
#center{
background-color: blue;
height:300px ;
width: 300px;
float:left;
margin-right: 10px;
margin-left: 10px;
}
#right{
background-color: blue;
height:300px ;
width: 300px;
float:left;
margin-right: 10px;
margin-left: 10px;
}
I have tried to remove "float: left;", but then boxes are coming one by one in the next row, I mean not in the same row.
Please help. I want to know how to align it in the same row to the centre of the website.
Thanks in advance.
Fri, 2013-11-22 23:24
#1
PHP Code for the
PHP Code for the Same.
<!doctype html> <head> <title>Test</title> <link rel="stylesheet" href="stylesheet.css"/> </head> <body> <div id=”Container”> <div id="left"></div> <div id="center"></div> <div id="right"></div> </div> </body> </html>
Fri, 2013-11-22 23:37
#2
Hi anumohan, The container
Hi anumohan,
The container width should be close to the width of the 3 it contains 960px not 1200px.
You can also look into display:inline-block; instead of floating but floating should be fine in this instance.
A good way to work out what is going on is to give the container a background color and the other divs a different one.