Drezard Posted June 23, 2008 Share Posted 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 Quote Link to comment https://forums.phpfreaks.com/topic/111439-design-problem/ Share on other sites More sharing options...
dannyb785 Posted June 23, 2008 Share Posted 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> Quote Link to comment https://forums.phpfreaks.com/topic/111439-design-problem/#findComment-572310 Share on other sites More sharing options...
TheFilmGod Posted June 23, 2008 Share Posted 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? Quote Link to comment https://forums.phpfreaks.com/topic/111439-design-problem/#findComment-572600 Share on other sites More sharing options...
dannyb785 Posted June 24, 2008 Share Posted 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. Quote Link to comment https://forums.phpfreaks.com/topic/111439-design-problem/#findComment-572887 Share on other sites More sharing options...
Recommended Posts
Join the conversation
You can post now and register later. If you have an account, sign in now to post with your account.