Design Problem

Drezard · June 23, 2008

On the right side of this page the border is messed up but, in the css the mathematics are all correct. I dont know whats wrong???

Have a look at the output of this code here:

<html>

<head>

<title>Template</title>
    
    <style type="text/css">

	<!--

	#header {
		border-top: #000000 thin solid;
		border-left: #000000 thin solid;
		border-right: #000000 thin solid;
		position:absolute;
		left:5%;
		top:30px;
		width:90%;
		height:178px;
	}

	#nav {
		border-left: #000000 thin solid;
		border-bottom: #000000 thin solid;
		position:absolute;
		left:5%;
		top:208px;
		width:18%;
		height:512px;
	}

	#content {
		border-right: #000000 thin solid;
		border-bottom: #000000 thin solid;
		position:absolute;
		left:23%;
		top:208px;
		width:72%;
		height:512px;
	}

	-->

</style>
    
</head>

<body>
    
<div id='header'> </div>
        
<div id='nav'> </div>
        
<div id='content'> </div>

</body>

</html>

Whats wrong???

Daniel

dannyb785 · June 23, 2008

see if this gets you what you want:

<html>

<head>

<title>Template</title>

    <style type="text/css">

	<!--
    #wrapper {
    border:1px solid black;
    height:100%;
    position:absolute;
    left:5%;
    width:90%;
    }
	#header {
		border-top: #000000 thin solid;
		border-left: #000000 thin solid;
		border-right: #000000 thin solid;
		position:absolute;
		left:5%;
		top:30px;
		width:90%;
		height:178px;
	}

	#nav {
		border-left: #000000 thin solid;
		border-bottom: #000000 thin solid;
		position:absolute;
		left:5%;
		top:208px;
		width:18%;
		height:512px;
	}

	#content {
		border-right: #000000 thin solid;
		border-bottom: #000000 thin solid;
		position:absolute;
		left:23%;
		top:208px;
		width:72%;
		height:512px;
	}

	-->

</style>

</head>

<body>
<!--
<div id='header'> </div>

<div id='nav'> </div>

<div id='content'> </div>
  -->
  <div id="wrapper">
        
  </div>
</body>

</html>

TheFilmGod · June 23, 2008

what does border: thin mean?

I always use px size. It seems the size is relatively found, like ems are, but that doesn't make sense. Wouldn't you want the border to stay as a fixed width?

dannyb785 · June 24, 2008

Yea, by saying thin, you are opening it to be the size that the browser interprets "thin" to be. Not a good idea.

Sign In

Design Problem

Recommended Posts

Drezard

Link to comment

Share on other sites

dannyb785

Link to comment

Share on other sites

TheFilmGod

Link to comment

Share on other sites

dannyb785

Link to comment

Share on other sites

Archived

Browse

Activity

Important Information