HighDots Forums  

Float Left TeaxtAlign Center

Cascading Style Sheets Layout/presentation on the WWW (comp.infosystems.www.authoring.stylesheets)


Discuss Float Left TeaxtAlign Center in the Cascading Style Sheets forum.



Reply
 
Thread Tools Display Modes
  #1  
Old   
Dessip@gmail.com
 
Posts: n/a

Default Float Left TeaxtAlign Center - 08-23-2006 , 10:12 AM






Hey,

The code that follows im having problems with, i think tis the CSS, but
i dont have a clue of fixing it, i have tried any things but without
the float:Left there is no point the folloing code lays the page out
like so:

Quote:
obj1 obj2 obj4 obj6 obj8

obj3 obj5 obj7 obj9

obj1 Is in a DIV On its own
obj2 and 3 are in a div of there own
obj4 and 5 are in a div of there own
obj6 and 7 are in a div of there own
obj8 and 9 are in a div of there own

But it dont align it center,

And here what i need it to look like:


Quote:
obj1 obj2 obj4 obj6 obj8

obj3 obj5 obj7 obj8



I have used a outer div to encapsulate all of the inner DIV's, and i
used the inner divs like so, so that it groups and displays the objects
like so, otherwise it would just stack then down the screen, Unless
there is another way that i dont know aobut (Except useing Tables, but
that is my last resort)

Thank you for any help
Chris



Code ===============================================
CSS:
div#starting, div#import, div#Export, div#Crop, div#Year
{
clear: none;
float: left;

}

div#Center
{
text-align:center;
}

HTML:
<div id="Center">
<div id="year"><asp:label id="lblYear" CssClass="lblMain"
Runat="server">Year:</asp:label><br>
<asp:listbox id="lsbYear" CssClass="lsbMain" Runat="server"
SelectionMode="Multiple"></asp:listbox></div>
<div id="Starting"><asp:label id="lblRegion" CssClass="lblMain"
Runat="server">Region</asp:label><br>
<asp:listbox id="lsbRegion" CssClass="lsbMain" Runat="server"
SelectionMode="Multiple" AutoPostBack="True"></asp:listbox><br>
<asp:listbox id="lsbCountry" CssClass="lsbMain" Runat="server"
SelectionMode="Multiple"></asp:listbox></div>
<div id="Export"><asp:label id="lblExporting" CssClass="lblMain"
Runat="server">Exporting To:</asp:label><br>
<asp:listbox id="lsbExportRegion" CssClass="lsbMain"
Runat="server" SelectionMode="Multiple"
AutoPostBack="True"></asp:listbox><br>
<asp:listbox id="lsbExportingCountry" CssClass="lsbMain"
Runat="server" SelectionMode="Multiple"></asp:listbox></div>
<div id="Import"><asp:label id="lblImporting" CssClass="lblMain"
Runat="server">Importing From:</asp:label><br>
<asp:listbox id="lsbImportRegion" CssClass="lsbMain"
Runat="server" SelectionMode="Multiple"
AutoPostBack="True"></asp:listbox><br>
<asp:listbox id="lsbImportingCountry" CssClass="lsbMain"
Runat="server" SelectionMode="Multiple"></asp:listbox></div>
<div id="Crop"><asp:label id="lblCrop" CssClass="lblMain"
Runat="server">Crop:</asp:label><br>
<asp:listbox id="lsbCropType" runat="server"
SelectionMode="Multiple" AutoPostBack="True"
cssclass="lsbMain"></asp:listbox><br>
<asp:listbox id="lsbCrop" runat="server" SelectionMode="Multiple"
cssClass="lsbMain"></asp:listbox></div>
<div id="SelectButton"><asp:button id="butSelect" runat="server"
Text="Select"></asp:button><br>
<asp:button id="butRestart" runat="server"
Text="Restart"></asp:button></div>
</div>



Reply With Quote
Reply




Thread Tools
Display Modes

Posting Rules
You may not post new threads
You may not post replies
You may not post attachments
You may not edit your posts

vB code is On
Smilies are On
[IMG] code is On
HTML code is Off



Powered by vBulletin Version 3.5.4
Copyright ©2000 - 2009, Jelsoft Enterprises Ltd.