css - Float and Height -

-

I have a div named footerWrap, in which there are 3 unordered lists, I left all unchanged lists.

My intention was to raise the footprint in height according to the height of the Anarchold inventory. However ... in all browsers (IE6 exept) ... unordered lists passed on div ... like they had z-index subscriptions!

I tried to place a div in the end, with clear: Everyone, and I also tried to float: none on div # footer wrap

This is my docotype Is: 

  & lt ;! DOCTYPE html public "- // W3C / / DTT XHTML 1.0 Transcription // N" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

This is my complete CSS code: 

  div # footerwrap {height: 180px; Background color: # 5c5c5c; Background Image: URL ('../../img/bgFooter.png'); Background repeat: repeat-x; Background position: top; Padded-top: 20px; Padding-left: 15px; Margin Top: 20px; } / * Menu Footer * / div # Open footer # Main menu, div # footer wall ul # My menu, div # Footer wall ul # Others menu {width: 180px; Float: left;} div # footer wrap ul # main menu li, div # footerWrap ul # myMenu li a, div # footerWrap ul # othersMenu li a {color: #dadada; Text-decoration: none; Padding: 5px; } Div # footerWrap ul # mainMenu li a, div # footerWrap ul #otherMenu li {padding: 5px 10px;} / * hover * / div # footerWrap ul # mainMenu li a: hover, div # footerWrap ul # othersMenu li a: hover {Color: #fff; Background-color: # 666;} / * menu principal / div # footerWrap ul # main menu {margin-top: -10px;} div # footerWrap ul # mainMenu li {row-height: 24px;} / * / menu principal * / / * O menu menu * / div # footerWrap ul # myMenu {margin-left: 15px;} div # footerWrap ul # myMenu li {color: #fff; Line-height: 22px;} div # footerWrap ul # myMenu li.myMenuItem {background-image: url ('../../img / smallArrow.gif'); Background repeat: do not repeat; Background-position: left 7px; Padding-left: 15px; Paddle-right: 20px; } Div # footerWrap ul # myMenu li.myMenuItem a: hover {color: #fff; Background-color: # 666;} / * / o menu menu * / / * outsource menu * / div # footer vertical ul # other menu {margin-left: 300px; Width: 340px;} div # footerWrap ul # othersMenu li {color: #fff; Line-height: 22px; } Div # footerWrap ul # othersMenu li {margin-left: 5px;} div # footerWrap ul # othersMenu li span {margin-left: -5px;} / * / outros menu * /

And this is my XHTML code: 

  & lt; Div id = "footerwrap" & gt; & Lt ;! - Menu Principal - & gt; & Lt; Ul id = "main menu" & gt; & Lt; Li & gt; & Lt; A href = "#" & gt; Item & lt; / A & gt; & Lt; / Li & gt; & Lt; / Ul & gt; & Lt ;! O Menu Menu - & gt; & Lt; Ul id = "myMenu" & gt; & Lt; Li & gt; Menu menu & lt; / Li & gt; & Lt; Li class = "myMenuItem slideMenuItem" & gt; & Lt; A href = "#" & gt; Item & lt; / A & gt; & Lt; / Li & gt; & Lt; / Ul & gt; & Lt ;! - Out menu - & gt; & Lt; Ul id = "other menu" & gt; & Lt; Li & gt; & Lt; Period & gt; For outros & lt; / Span & gt; & Lt; / Li & gt; & Lt; Li & gt; & Lt; A href = "#" & gt; Item & lt; / A & gt; & Lt; / Li & gt; & Lt; / Ul & gt; & Lt; / Div & gt;

you height: 180px; is not required #footerWrap . Floating on 3 ul is good, but you have to clean them.

Add . Clear {clear: both;} on your CSS Before closing the #footerwrap div & lt; Div class = "clear" & gt; & Lt; / Div & gt; Add .

You Status: Relative; Adding #footerwrap and div # footerWrap ul {display: block;} to your CSS from .


Comments

Post a Comment

Popular posts from this blog

asp.net - Javascript/DOM Why is does my form not support submit()? -

-
This is my first time working with asp.net and javascript, so I do not know very good web resources, or Much about javascript debugging I have to find out that on line oFormObject.submit (); Microsoft JScript Runtime Error: Object does not support this property or method I am using the link to work as a button because I am terrible in aesthetics and I think That link will look more professional than a table of 50 buttons. I have read that this solution can cause problems with browsers due to pre-rendering of my links and many additional traffic and problems, but CSS gives me a button like a link, which has issues of alignment and difference seemed to. & lt ;! DOCTYPE HTML PUBLIC "- // W3C // DTD HTML 4.01 // N" "http://www.w3.org/TR/html4/strict.dtd"> & Lt; Html xmlns = "http://www.w3.org/1999/xhtml" & gt; & Lt; Head & gt; & Lt; Link rel = "stylesheet" type = "text / css" href = "defect differen
Read more

sockets - Delphi: TTcpServer, connection reset when reading -

-
I am trying to implement one for Delphi, but there are some problems with communication. Fitnesse will start my process, and give me a portmember as a command line argument. Then I should make a socket on the port number given to me, and fitness will connect to that port I am using a TCPCP server for the job: < Pre> TcpServer1.LocalPort: = ParamStr (ParamCount); TcpServer1 Active: = true; On OnEXEPT () -Event, I send the protocol version to use as specified in the protocol. Process TForm1.TcpServer1Accept (From: TOBject; ClientSocket: TCustomIpClient); Var s: ansistring; Start clientSocket. Syndrome ('slim - v 0.0', # 10); SetLength (S, 6); ClientSketts Receavebook (S, 6); End; When I call ReceiveBuf (), the process ends, and fitness throws an exception: java.net.SocketException: connection Reset I have seen what sent and received. It shows that my code sends the protocol version, fitness sends back a message, and when I try to get this message
Read more

javascript - Classic ASP "ExecuteGlobal" statement acting differently on two servers -

-
I have a strange problem that I really do not know. In addition to developing a new ASP.NET site, I have to support the old "classic ASP" site. It is written in VBScript with a batch of JavaScript functions. Many of the JavaScript functions include 'files' Everything is fine on our production system (which security is controlled by another group - this is a military installation) Debugging them once did not work I). However, I have a fix for a vague bug that needs to be fully tested and some functions do not run under the "local" copy of the website that runs on my PC. For the record, I am running IIS 5.1 on XP. The problem is that some Javascript functions are running "OK" on the production server, but when they use it as a server, they are not defined on my PC what is happening that last Programmer, for some reason, has decided to put some functions in a series of files, which according to the observations, imitate the "need_once
Read more