Sunday, 15 January 2012

css - Divs Keep Overlapping -


I'm having trouble getting three divs at the bottom of my page to align myself correctly What do I want them to sit together in a row? I tried to change the float, blank, position, display and margin property for #schedule, #sponsors, and #contact but they always want to overlap each other.

Here's the JSField for:

  & lt ;! DOCTYPE html / & gt; & Lt; Html & gt; & Lt; Top & gt; & Lt; Title & gt; Matt McMurry Racing & lt; / Title & gt; & Lt; Link rel = "stylesheet" href = "R3.css" & gt; & Lt; / Head & gt; & Lt; Div id = "container" & gt; & Lt; A href = "Main.html" & gt; & Lt; Div id = "main" & gt; & Lt; / Div & gt; & Lt; / A & gt; & Lt; A href = "matte tvoom" & gt; & Lt; Div id = "matt_tv" & gt; & Lt; / Div & gt; & Lt; / A & gt; & Lt; A href = "24@16.html" & gt; & Lt; Div id = "twentyfour" & gt; & Lt; / Div & gt; & Lt; / A & gt; & Lt; A href = "Schedule 0" & gt; & Lt; Div id = "schedule" class = "bottom" & gt; & Lt; / Div & gt; & Lt; / A & gt; & Lt; A href = "sponsor html" & gt; & Lt; Div id = "sponsor" category = "bottom" & gt; & Lt; / Div & gt; & Lt; / A & gt; & Lt; A href = "Contact.html" & gt; & Lt; Div id = "contact" class = "bottom" & gt; & Lt; / Div & gt; & Lt; / A & gt; & Lt; / Div & gt; & Lt; / Html & gt; # Container {margin: auto; Width: 650px; Height: 650px; Limit: 1px solid black; } # Men {width: 415.8 pixel; Height: 415.8 pixels; Clear: left; Swim left; Border: 1 px solid # aaa 20000; Box-Shadow: 2px 2px 3px # 696969; Margin-right: 5px; Margin-down: 3px; } #matt_tv {width: 201px; Height: 201px; Explicit: Correct; Swim left; Border: 1 px solid # aaa 20000; Box-Shadow: 2px 2px 3px # 696969; Margin-left: 5px; Margin-down: 7px; } #twentyfour {width: 201px; Height: 201px; Explicit: Correct; Swim left; Border: 1 px solid # aaa 20000; Box-Shadow: 2px 2px 3px # 696969; Margin-left: 5px; Margin-down: 5px; Margin-top: 5px; } #schedule {width: 201px; Height: 201px; Explicit: Correct; float right; Border: 1 px solid # aaa 20000; Box-Shadow: 2px 2px 3px # 696969; Margin-left: 5px; Margin-top: 5px; Margin-right: 20px; } # Sponsor {width: 201px; Height: 201px; Border: 1 px solid # aaa 20000; Box-Shadow: 2px 2px 3px # 696969; Margin-right: 5px; Margin-top: 5px; Margin-left: 5px; Status: Relative; } # Contacts {width: 201px; Height: 201px; Swim left; Clear: left; Border: 1 px solid # aaa 20000; Box-Shadow: 2px 2px 3px # 696969; Margin-right: 5px; Margin-top: 5px; Margin-left: 0 pixels; } .bottom {display: table-row; Margin-down: -305px; }   

Thanks.

OK you are using invalid HTML one, divs do not go inside anchor tag anchor Keep the div around the tag.

No comments:

Post a Comment