css - Can't center text in a fixed position column -


I'm trying to create a basic 3-column blog template. The left column will be fixed, there will be a title at the top, the profile picture below it, and the nav link given below, while the content on the right will scroll, I can not center in the title on the left; I think there is a conflict between the center using the margin: Auto with position 0: Determine the column.

CSS

  #container {top: 0; Left: 0; Minimum height: 100%; Minimum width: 100%; Z-index: -99999; } #part left time {left: 0; Top: 0; Width: 300px; Minimum height: 100%; Color: # 646f7b; Background color: # 363f48; Status: Relative; Status: fixed; } Div # title {width: 300px; Color: # FF4000; Font size: 200%; Margin: 0 auto; } Img # resize-profile {width: 200px; Height: auto; Padding: 170px 20px 0 40px; Z-index: 99 999; Status: fixed; } Div # nav-left {padding: 400px 20px 40px 40px; Color: # 646f7b; Font size: 125%; Margin: 0 0.75 0; Line-height: 1.25em; Status: Completed; Status: fixed; } .content {position: absolute; Width: 650px; Left: 300px; Padding: 30px; Color: # 505050; Font-size: 100%; Line-height: 1.5 AM; }  

HTML

  & lt; Div id = "container" & gt; & Lt ;! - BEGIN OUTER DIV - & gt; & Lt; Div id = "sideLeft-bar" & gt; & Lt; Div id = "title" & gt; & Lt; P & gt; Love sosa & lt; / P & gt; & Lt; / Div & gt; & Lt; / Div & gt; & Lt ;! - Creates a fixed sidebar - & gt; & Lt; Img id = "resize-profile" src = "image / profile png" & gt; & Lt; Div id = "nav-left" & gt; & Lt; Ul & gt; & Lt; Li & gt; In & lt; / Li & gt; & Lt; Li & gt; Skitches & lt; / Li & gt; & Lt; Li & gt; Love & lt; / Li & gt; & Lt; / Ul & gt; & Lt; / Div & gt; & Lt; Div class = "content" & gt; & Lt; P & gt; Some content & lt; / P & gt; & Lt; / Div & gt; & Lt; Div id = "sideRight-bar" & gt; The content here & lt; / Div & gt; & Lt; / Div & gt;  

Some notes:

1.) This will be the only template when a user will sign up for the blog, due to this reason I use so much of the situation that I do not want to move the content to any thing (EX: is the title of a person who takes two lines - I do not want their profile picture and navigation taken down)

< P> 2.) Content (title, profile string) DIRE, NAV link) is located directly with the left-hand side, but I have given them

3) I will restart it from scratch and try again, but I would like to know which direction to go Because the floats, the situation, and how the situation breaks, the margin is screwed with my head.

Text- Align: center the code

Color: # FF4000; Font size: 200%; Margin: 0 auto; Text align: center; }

Comments

Popular posts from this blog

ios - How do I use CFArrayRef in Swift? -

eclipse plugin - Run java code error: Workspace is closed -

c - Error on building source code in VC 6 -