Need help to center two text panes using CSS 1

rfreshour · Jul 22, 2008

I'm using NiftyCube to round two text panes. They are displaying ok as I am using the code from the NiftyCube demo - however, I cannot get the two text panes to center on the web page. Does anyone know how to do this using CSS?

Thanks...

PHP:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "[URL unfurl="true"]http://www.w3.org/TR/html4/strict.dtd">[/URL] 
<html> 
<head> 
    <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"> 
    <title>My Info/Data</title> 
    <script type="text/javascript" src="rico/src/prototype.js"></script> 
    <script type="text/javascript" src="niftycube.js"></script> 

<style type="text/css"> 
    div#main1{float:left;width:300px;font-size: 300%;text-align:center;padding:10px 0;margin:5px;background:#808080;color:#FFFFFF} 
    div#main2{float:left;width:600px;font-size: 200%;text-align:center;padding:10px 0;margin:5px;background:#3478BC;color:#FFFFFF;line-height:1.7em} 
</style> 

<script type="text/javascript"> 
function init() { 

Nifty("div#main1,div#main2","same-height"); 

} 

</script> 
</head> 

<body onload="init()"> 

<div id="main_container"> 
<div id="main1">Main Title</div> 
<div id="main2">Let us sell your next home</div> 
</div> 

</body> 
</html>

BillyRayPreachersSon · Jul 22, 2008

Give your main container a width, and centre it:

Code:

#main_container {
   width: 800px;
   margin: 0px auto;
}

Because your two 'inner' DIVs are floated, this is probably the best way of centring them, and any other content.

Hope this helps,
Dan

Coedit Limited - Delivering standards compliant, accessible web solutions

[tt]Dan's Page [blue]@[/blue] Code Couch

http://www.codecouch.com/dan/

[/tt]

Tek-Tips is the largest IT community on the Internet today!

Members share and learn making Tek-Tips Forums the best source of peer-reviewed technical information on the Internet!

Need help to center two text panes using CSS 1

rfreshour

Programmer

BillyRayPreachersSon

Programmer

Similar threads

Part and Inventory Search

Sponsor