html - how to right-align a nested div in all major browsers? -


I only have a top nav website. I want to float a device right for user login control and so on. I looked at the web and tried it but it does not work in Chrome / Firefox.

What is the correct way to do this correctly in all browsers using Divs and CSS? I work only in IE 9. Both Chrome and Firefox leave the login control drop line on the next line.

  & lt; Div id = "topNav" & gt; & Lt; Div id = "logobar" & gt; & Lt; A href = "index.html" & gt; & Lt; Img src = "image / header_choo.gif" width = "132" height = "50" range = "0" /> gt; & Lt; / A & gt; & Lt; Div id = "loginControls" & gt; User: John Do & amp; Nbsp; & Amp; Nbsp; & Amp; Nbsp; & Amp; Nbsp; & Amp; Nbsp; & Amp; Nbsp; & Amp; Nbsp; & Amp; Nbsp; & Amp; Nbsp; & Amp; Nbsp; & Lt; A href = "#" & gt; Logout & lt; / A & gt; & Lt; / Div & gt; & Lt; / Div & gt; & Lt; Div id = "navTabs" & gt; & Amp; Nbsp; & Lt; / Div & gt; & Lt; / Div & gt; # Logbars {width: 1300px; Height: 50px; Background-image: url (../images / line.gif); Double-repeat: repeat-x; Padding: 0 px 22 px; Status: Relative; } # Navebbs {background color: # 333b52; Height: 30px; } # Login Control {Color: #FFF; Status: Completed; Correct: 0; Width: 250px; } # Login Control: Link, # Login Control: A: Visited, # Login Control One: Active {color: #FFF; Text-decoration: underlined; }  

just add

  float: right;  #loginControls  'CSS' 

in


Comments

Popular posts from this blog

winforms - C# Form - Property Change -

java - Algorithm negotiation fail SSH in Jenkins -

java - Messages from .properties file do not display UTF-8 characters -