JiggaJohn Posted December 1, 2006 Share Posted December 1, 2006 I pretty much just started with css yesterday and have run into some problems. I cant get rid of the darn line under my banner! Im not sure whether theres something wrong with my html or css. If anyone could help me out thatd be great! body{ background-color:#000000; font-family: Verdana, Arial; color:#fff; margin:0; padding:0;}p{ text-indent:1cm;}img{ border:0;}#container{ width:700px; margin:auto; padding: 0 10px 0 10px; background-color:#ffffff; height: auto;}#content{ width:auto; margin:0; padding: 10px 10px 10px 10px; background-color:#66ccff;}#header{ width:auto; padding:0px; margin:0px;}#footer{ width:auto; padding:0; background:#cccccc; color:#000; border-top:2px dashed #ffffff; text-align:center;} <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"><html lang="en" xml:lang="en" xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" /> <title>none</title> <link href="style.css" type="text/css" rel="stylesheet" /> </head> <body> <div id="container"> <div id="header"> <img src="banner.jpg" alt="" /> </div> <div id="content"> <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Curabitur pulvinar aliquam tortor. Nullam nec lectus. Praesent lectus. Sed tristique congue dolor. Vivamus sapien. Quisque tempor enim scelerisque lorem mattis elementum. Phasellus tincidunt tincidunt ipsum. Maecenas in mauris. Sed a metus. Nam ac nunc a orci posuere tristique. Aliquam sit amet nunc. Praesent ligula lectus, ultricies ac, aliquet ut, semper mollis, purus. Integer auctor augue ac arcu.</p><p>Ut molestie velit id magna. Donec dapibus vestibulum velit. Fusce rhoncus sem quis neque. Sed justo ipsum, imperdiet in, laoreet sit amet, egestas eget, velit. In odio neque, consectetuer eu, eleifend a, auctor eget, sem. Fusce viverra mi euismod odio. Quisque malesuada suscipit urna. Ut tincidunt sollicitudin risus. Quisque pharetra sapien a lacus. Aenean rhoncus consectetuer diam. Integer ultricies diam a purus. Duis dignissim dapibus pede. Pellentesque ultricies. Aenean scelerisque, quam a rutrum accumsan, sapien nisi sollicitudin nibh, at imperdiet odio nisi ut justo. Sed quis lacus id tortor euismod sodales. Nullam neque libero, nonummy porta, vehicula id, eleifend non, lectus. Phasellus pretium consequat lacus. Vestibulum nunc magna, porta ut, vestibulum eget, facilisis vel, ipsum. Ut quis quam. Phasellus dictum gravida erat.</p><p>Donec lacinia. Pellentesque tincidunt erat et metus. Sed imperdiet, erat lacinia mollis fermentum, est turpis auctor purus, eu euismod pede orci et risus. Fusce a enim a est pellentesque egestas. Nunc rutrum. Sed ornare, velit vitae ornare varius, velit velit tempus metus, a ornare neque erat at dui. Mauris in velit eu risus cursus ullamcorper. Pellentesque ligula massa, pulvinar et, malesuada vel, commodo vel, turpis. Quisque vel quam. In hac habitasse platea dictumst. Nam sed mauris non augue suscipit pretium. Aliquam erat volutpat. Fusce aliquam, nisi a tristique fermentum, purus quam egestas turpis, ut tempus libero enim lobortis purus. Ut auctor. Quisque quis nulla fermentum tortor adipiscing auctor.</p><p>Ut at nibh. Nam vulputate libero ut erat. Sed vulputate, risus eleifend eleifend posuere, ligula tortor consequat libero, quis vehicula magna nunc vitae ante. Vivamus bibendum turpis non orci. Nunc nonummy purus sit amet metus. Curabitur et metus quis est facilisis pulvinar. Phasellus a neque. Praesent varius leo. Suspendisse vel ante a elit auctor placerat. Aenean gravida nunc vel turpis. Phasellus enim. Donec id justo. Nulla sit amet urna id tortor eleifend accumsan. Sed risus. Duis commodo mauris. Aliquam non est ut libero pellentesque lacinia. Cras vel tortor vitae erat sodales pulvinar. Aliquam quis est sed urna varius imperdiet. Cras scelerisque, est in fermentum tristique, nisl dolor dapibus massa, nec imperdiet purus turpis eu magna. Phasellus quis nulla vel nisl accumsan accumsan.</p><p>Nulla dapibus eros vel nisl. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Phasellus nonummy, risus vitae aliquam mollis, ante nisi feugiat ante, in pharetra sapien enim ac nibh. Morbi pretium. Nullam vitae est in diam faucibus consectetuer. Mauris iaculis libero eu nulla porta tincidunt. Curabitur condimentum, orci a vehicula ullamcorper, orci dui ultrices augue, vitae mollis felis purus eget neque. Nulla facilisi. Etiam rutrum arcu in massa. Vivamus scelerisque lacus at massa varius rutrum. Proin eget lacus. Nulla urna. Donec sed tellus ut lacus tincidunt tincidunt.</p> </div> <div id="footer"> Copyright 2006 </div> </div> </body></html> Link to comment Share on other sites More sharing options...
jlhaslip Posted December 1, 2006 Share Posted December 1, 2006 Can you post a link to a live page, please.Saves us having to download images and files onto our machine. Since it is you that would like us to inspect YOUR page, seems that you should make it as simple as possible for us. Thanks. Link to comment Share on other sites More sharing options...
PHPJack77 Posted December 2, 2006 Share Posted December 2, 2006 More information would be great or screen shot would work. I copied your code and tested it in IE7 and FireFox - Both gave me similar views (a few differences), but nothing like what you are talking about.Good Luck. css is awesome - stick with it Link to comment Share on other sites More sharing options...
JiggaJohn Posted December 7, 2006 Author Share Posted December 7, 2006 hey sorry about the late reply. heres a live link...i actually changed things a little bit. i thought i could solve the problem of the white line by creating another container and just filling in the same color. but the problem arose again when i put a menu up top. the bar is still there.http://www.masskwontity.com/sample_css/ Link to comment Share on other sites More sharing options...
jlhaslip Posted December 7, 2006 Share Posted December 7, 2006 ul{ float:left; width:100%; padding:0; margin-top:-3px; list-style-type:none;} Link to comment Share on other sites More sharing options...
JiggaJohn Posted December 7, 2006 Author Share Posted December 7, 2006 thank you so much! negative pixel values who wouldve thought! o__O ^__^-3px worked great but had to use margin:-3px 0 0 0; for it to work in ie Link to comment Share on other sites More sharing options...
Recommended Posts
Create an account or sign in to comment
You need to be a member in order to leave a comment
Create an account
Sign up for a new account in our community. It's easy!
Register a new accountSign in
Already have an account? Sign in here.
Sign In Now