Okay, so after many attempts I decided to nix the fluid look because I could NOT get it to work right, so I decided with just a fixed with. All works well now, but when I try to insert a nav bar, I can't get it to push down just my logo. It works in Firefox (of course) but I can't get it to work in IE6 and 7. Any help you can throw my way would be MUCH appreciated as I am just stumped (and have a profound hatred to css)
here is the site: http://www.sthig.com/photo/test.html here is my css: > <style type="text/css"> > body,td,th { > font-family: Geneva, Arial, Helvetica, sans-serif; > font-size: 85%; > color: #FFFFFF; > text-align: center; > background-color: #000000; > } > > #wrapper { > width: 1024px; > margin-left: auto; > margin-right: auto; > } > > #n1 { > float: left; > height: 50px; > width: 280px; > margin-top: 150px; > } > > #navcontainer { > float: left; > display: inline; > margin-top: 15px; > margin-left: -15px; > } > > #navlist ul > { > margin-left: 0; > padding-left: 0; > white-space: nowrap; > } > > #navlist li > { > display: inline; > list-style-type: none; > } > > #navlist a { > padding-top: 0px; > padding-right: 10px; > padding-bottom: 0px; > padding-left: 10px; > } > > #navlist a:link, #navlist a:visited > { > color: #fff; > text-decoration: none; > } > > #navlist a:hover > { > color: #049CB2; > text-decoration: none; > } > > > #n2 { > float: left; > height: 50px; > width: 402px; > margin-top: 150px; > } > > > #n3 { > float: left; > height: 50px; > width: 341px; > margin-top: 150px; > background-image: url(images/navBG.jpg); > background-repeat: no-repeat; > background-position: right bottom; > } > > #content { > background-color: #049CB2; > width: 1024px; > float: left; > } > > #c1 { > float: left; > height: 250px; > width: 280px; > } > > #logoImg { > float: left; > margin-left: 5px; > } > > #c2 { > float: left; > height: 250px; > width: 402px; > } > > #hello { > margin-top: 110px; > margin-right: 75px; > } > > #c3 { > float: left; > height: 250px; > width: 341px; > background-image: url(images/picBG.jpg); > background-repeat: no-repeat; > background-position: right top; > } > > </style> > -- S c o t t T h i g p e n Illustrative Designer art: http://www.sthig.com design: http://www.thigpendesigns.com Phone: 770.527.3958 ______________________________________________________________________ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
