How to create side-by-side boxes inside another box?

Hello,

I want to create three side-by-side boxes inside a much larger box. I have this code:

Expand|Select|Wrap|Line Numbers

 <html>

<head>

<link rel="stylesheet" type="text/css" href="mystyle.css" />

</head>
 
<body>

<div style="width:100%; ">

  <div id ="wrapper" >

    <p class="headerStyle" > Online Movie Database </p>

  </div>
 
  <div style="background-color:black;height:800px;width:20%;float:left;  ">

  </br>
 
  </div>
 
  </div>
 
  <div style="background-color:#E6E6E6;height:800px;width:60%; float:left;   ">
 
   Movie Recommendations

   <div class ="textBox2">
 
    <div class ="textBox" style="float:left;">

    </div> 

     <div class ="textBox" style="float:left;">

    </div> 

    <div class ="textBox" style="float:right;  ">

    </div>
 
    </div>
 
  </div>

My CSS file is:

Expand|Select|Wrap|Line Numbers

 h1

{
 
text-align: center;

font: italic bold 350% 'Times New Roman';

color: olive;

}
 
.enter

{
 
height:50px;

width:1100px;

}
 
.header

{

background-color:#610B0B;

width:1350px;

height:50px;

}
 
.headerStyle

{

font-size:40px;

font-family: Monotype Corsiva;

text-align: center;

font-weight:bold;

font-weight:italic;

color:silver; 

padding-top:25px;

padding-bottom:25px;

padding-right:50px;

padding-left:50px;

border:2px solid gray;
 
}

#wrapper

{

width:100%; 

height:100px; 

background-color:yellow;

margin:0 auto;

background-repeat:repeat-x;

background-image:url('heading-tube-blue-bkg.jpg');
 
}
 
.textBox

{

background:color:black;

width:220px;

height:200px;

padding:5px;

border:1px solid gray;

margin:15px;
 
}
 
.textBox2

{

width:780px;

height:280px;

padding:5px;

border:0.5px solid gray;

margin:5px;
 
}
 
.SearchBox

{

height:25px;

}

The code is not putting the third box correctly inside. Could anyone please help?

Apr 19 '11 #1

Subscribe Post Reply

✓ answered by JKing

The boxes are too large to fit in the space.

The true width of the box will be the width + padding + margin. So the effective width of your boxes is 220px + 10px + 30px = 260px.

Tweak your margin and padding and it should be fine.

6501

JKing

1,206

Expert 1GB

Apr 19 '11 #2

kino

Thanks a lot, I changed the pixels and its working now!

Apr 19 '11 #3

Similar topics

How to create a Directory in C++?

by: Rajesh N Thipse | last post by:

Hi, Files can be created using _creat. Similarly, is there a function to create a directory? ~Rajesh

C / C++

CREATE TYPE in Postgres 7.3.4

by: Alex Page | last post by:

This is probably really basic, but I can't seem to get it to work. I'm trying to create an enumerated type, using the following code: CREATE FUNCTION enum_gender_in (cstring) RETURNS enum_gender...

PostgreSQL Database

Can create object using C++ CoCreateInstance, but not using C# Activator.CreateInstance

by: Brian Rogers | last post by:

Hello everyone, I apologize for the cross and re-post, but I am still searching for an answer. Why can C++ can create this object, but C# can't? I am trying to create an instance of the...

C# / C Sharp

Create a SQL Database or Tables in SQL Database using VB.net

by: Peter | last post by:

Hello£¬everyone, My program will collect a testing machine's data ,save the data and deal with the data everyday. I want to use vb.net to create database, add and delete tables or modify the...

Visual Basic .NET

How to have New() in a Base Class create and return an instance of a Derived Class?

by: Joe HM | last post by:

Hello - I have a Base Class where I want a New() implemented that can be called from the outside. This New() should create an instance of the appropriate cDerivedX Class ... The following...

Visual Basic .NET

Create Local Administrator

by: Philip Wagenaar | last post by:

What is the best way to create a local user on the machine with administrator rights? I have problems with my code on machines that have password policy. The problem is that when the user is...

Visual Basic .NET

pre-PEP: The create statement

by: Steven Bethard | last post by:

The PEP below should be mostly self explanatory. I'll try to keep the most updated versions available at: http://ucsu.colorado.edu/~bethard/py/pep_create_statement.txt...

Python

Create Procedure Permission ONLY

by: masri999 | last post by:

I have a requirement in SQL 2005 in Development database 1. Schema dbo owns all objects (tables,views,SPs,UDFs etc) . 2. Only DBA's ( who are database owners ) can create, alter tables ....

Microsoft SQL Server

php script to create mySQL database programmatically

by: mistral | last post by:

Need php script to create mySQL database programmatically; since hosting configuration may not allow create database from script, script also need eliminate/rewrite all restrictions in appropriate...

PHP

Cannot create procedure with create cluster index in it

by: JohnnyDeep | last post by:

I am trying to create a store proc that contain a create index with the cluster option and I receive DB21034E The command was processed as an SQL statement because it was not a valid Command...

DB2 Database

Batch import of multiple excel files into the database

by: ryjfgjl | last post by:

If we have dozens or hundreds of excel to import into the database, if we use the excel import function provided by database editors such as navicat, it will be extremely tedious and time-consuming...

Data Management

Merging data from multiple Excel files

by: ryjfgjl | last post by:

In our work, we often receive Excel tables with data in the same format. If we want to analyze these data, it can be difficult to analyze them because the data is spread across multiple Excel files...

Data Management

Navigating the Data Structures and Algorithms (DSA)

by: BarryA | last post by:

What are the essential steps and strategies outlined in the Data Structures and Algorithms (DSA) roadmap for aspiring data scientists? How can individuals effectively utilize this roadmap to progress...

Algorithms / Advanced Math

Is that possible of reading the .csv file in column wise and the column have different lengths ?

by: Sonnysonu | last post by:

This is the data of csv file 1 2 3 1 2 3 1 2 3 1 2 3 2 3 2 3 3 the lengths should be different i have to store the data by column-wise with in the specific length. suppose the i have to...

C / C++

How to build RAID in BIOS?

by: Hystou | last post by:

There are some requirements for setting up RAID: 1. The motherboard and BIOS support RAID configuration. 2. The motherboard has 2 or more available SATA protocol SSD/HDD slots (including MSATA, M.2...

Computer Hardware

What is ONU?

by: marktang | last post by:

ONU (Optical Network Unit) is one of the key components for providing high-speed Internet services. Its primary function is to act as an endpoint device located at the user's premises. However,...

General

Changing the language in Windows 10

by: Hystou | last post by:

Most computers default to English, but sometimes we require a different language, especially when relocating. Forgot to request a specific language before your computer shipped? No problem! You can...

Windows Server

Problem With Comparison Operator <=> in G++

by: Oralloy | last post by:

Hello folks, I am unable to find appropriate documentation on the type promotion of bit-fields when using the generalised comparison operator "<=>". The problem is that using the GNU compilers,...

C / C++

The easy way to turn off automatic updates for Windows 10/11

by: Hystou | last post by:

Overview: Windows 11 and 10 have less user interface control over operating system update behaviour than previous versions of Windows. In Windows 11 and 10, there is no way to turn off the Windows...

Windows Server