nuzerog Posted April 21, 2010 Share Posted April 21, 2010 In the following example: CSS file:/* CSS layout */body { margin: 0; padding: 0;}#masthead { width:1050px; clear:both;}#left_nav { width: 25%; float:left; text-align:center; background-color:green;}#right_nav{ text-align:center; float:right; width: 25%; background-color:aqua;}#center_nav{ width:50%; text-align:center; background-color:blue;}#container { color:green; width: 1050px; clear:both;}#left_col { float: left; width: 15%; text-align:center; background-color:maroon;}#right_col { float: right; width: 20%; text-align:center; background-color:gray;}#page_content{ width: 65%; text-align:center; background-color:orange;}my HTML Code is:<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><meta content="text/html; charset=utf-8" http-equiv="Content-Type" /><link href="concept.css" rel="stylesheet" type="text/css"/><title>Untitled 1</title></head><body><center><div id="masthead"> <div id="left_nav">Hello</div> <div id="right_nav">World</div> <div id="center_nav">My</div></div><div>Space in the Middle</div><div id="container"> <div id="left_col">Looking</div> <div id="right_col">Good</div> <div id="page_content">So Very</div></div></center></body></html>The output can be located here: http://marketingtechie.com/concept.htmlWhy is there a white space after the maroon section and before the orange section? Thanks Link to comment Share on other sites More sharing options...
nuzerog Posted April 21, 2010 Author Share Posted April 21, 2010 Sorry about the post, I figured it out. Link to comment Share on other sites More sharing options...
Recommended Posts
Archived
This topic is now archived and is closed to further replies.