|
|||||||||
|
|||||||||
| |||||||||
|
|
|
| |||||||||
 |
|
|
«
Previous Thread
|
Next Thread
»
|
Thread Tools | Search this Thread | Rate Thread | Display Modes |
Dev Shed Forums Sponsor:
|
|
#1
December 22nd, 2003, 09:51 PM
|
|||
|
|||
|
CSS: box within box confusion :S
Ive searched the net, maybe im putting in the wrong keywords or something but i cant figure out how to do the following:
I have a big long box, and in it are small boxes all beside eacher. I would like this group of small boxes to be centered in the big box. The net is saying stuff and verticle and horizontal alignment which i dont im really aiming for (? ), but i think there is something much simpler that im missing. im lookin for the equivalent of box-align: center , but that doesnt seem to be an option:P thanks, matt.
|
|
#2
December 23rd, 2003, 02:31 AM
|
||||
|
||||
|
Hi, this works, kind of. i.e. it looks fine in explorer, but not too hot in Firebird:
Code:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Test boxes</title>
<style type="text/css">
#box {
border: 1px solid #000;
padding: 10px;
text-align: center;
margin-left:auto;
margin-right:auto;
}
#box .smbox {
width: 100px;
display: inline;
border: 1px solid #f00;
text-align: center;
margin: 5px;
}
</style>
</head>
<body>
<div id="box">
<div class="smbox">1</div>
<div class="smbox">2</div>
<div class="smbox">3</div>
</div>
</body>
</html>
__________________
Cheers, Jamie # skiFFie | Home of the 'accessibility module' for Drupal # Jamie Burns [me] Accessibility Module [drupal] # guidelines | search | wap resources | not getting help | fold to cure # Any form of employment is strictly prohibited ...... __________________ Let the might of your compassion arise to bring a quick end to the flowing stream of the blood and tears ..... Please hear my anguished words of truth. __________________
|
|
| Viewing: Dev Shed Forums > Web Design > CSS Help > CSS: box within box confusion :S |
| Thread Tools | Search this Thread |
| Display Modes | Rate This Thread |
|
|
 |
|
|
Del.icio.us
Digg
Google
Spurl
Blink
Furl
Simpy
Y! MyWeb
Linear Mode
