Jump to content

chippy

Members
 View Profile  See their activity

  • Posts

    9

  • Joined

  • Last visited

 Content Type 

Posts posted by chippy

    position: absolute

    in CSS

    Posted

    One question though... what's the
    width: 164px;\width: 200px;w\idth: 164px;

    all about? I've never seen that. Is that some kind of CSS hack or what? O_o?

    Actually, that menu is from Listmatic, and that is some sort of IE hack for that menu. Personally I have no idea how that works, but if it looks good, and it validates, I don't really care. :)And thank you for thinking the design is nice.

    position: absolute

    in CSS

    Posted

    Hi. I'm currently working on making my future portfolio kind of thing. The thing is, I've made the base on how it probably will look but the content area is currently placed out using the position: absolute; value. I know this is possible but I don't know how, but how can I make the site with the same result without the use of position: absolute; value?IndexCSS

    2 Divs 100% height in another Div

    in HTML/XHTML

    Posted

    There is probalby something I've missed and the fact that I've stared at the same code probably result in me not seeing the problem. Anyway, here's the code as it is for the moment.XHTML

    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd"> <html xml:lang="eng" xmlns="http://www.w3.org/1999/xhtml"><head>	<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1"/>		<title>TEAM ONE - Your Slogan</title>	<link rel="stylesheet" href="style.css" type="text/css"/>	<meta name="keywords" content="game, design, cs, computer, cpl"/>	<meta name="description" content="TEAM ONE - Your Slogan"/></head><body><div id="main">  	<img src="images/big_spacer.gif" style="height: 10px; margin: 0 5px; width: 600px;" />	<div id="logo"></div>	<img src="images/big_spacer.gif" style="height: 10px; margin: 0 5px; width: 600px;" />	<div id="navcontainer">  <ul id="navlist">  <li><a href="#">One</a></li>  <li><a href="#">Two</a></li>  <li><a href="#">Three</a></li>  <li><a href="#">Four</a></li>  <li><a href="#">Five</a></li>  </ul>	</div>	<img src="images/big_spacer.gif" style="height: 10px; margin: 0 5px; width: 600px;" />	<div id="maincolumn">  <div id="leftcolumn"> 	 Lorem Ipsum  </div>  <div id="rightcolumn"> 	 Lorem Ipsum  </div>    <div id="footer"> 	 Site designed and build by Cpy Designs. Use of content elsewhere not allowed.  </div>		</div></div></body></html>

    CSS

    html, body {	background-color: #ccc;	height: 100%;	margin: 0 auto;	padding: 0 auto;  }#main {	background-color: #fff;	border: 2px solid #aaa;	border-top: 0;	height: 100%;	margin: 0 auto;	width: 610px;}#logo {	background-image: url(images/banner.gif);	height: 175px;	margin: 0 5px;	width: 600px;}#navcontainer ul {	text-align: left;	padding: 5px 0 5px 0;	margin: 0 5px 0 5px;	background-color: #f2f2f2;	color: #000;	width: 600px;	font: normal 12px Trebuchet MS, Verdana;	line-height: 12px;}#navcontainer ul li {	display: inline;	padding: 5px 0 5px 0;}#navcontainer ul li a {	padding: 2px 10px 2px 10px;	color: #000;	text-decoration: none;}#navcontainer ul li a:hover {	background-color: #dffe7e;	color: #000;}#maincolumn {	height: 100%;	margin: 0 auto;	width: 600px;}#leftcolumn {	background-color: #f2f2f2;	float: left;	height: 100%;	width: 400px;}#rightcolumn {	background-color: #e2e2e2;	float: right;	height: 100%;	width: 195px;}#footer {	background-color: #fff;	color: #555;	font: normal 10px Verdana, sans-serif;	height: 20px;	line-height: 20px;	margin: 0 auto;	padding: 0;	text-align: center;	width: 600px;}

    I hope that you can see what I've done wrong and lecture me. Thanks again for your efforts.

    2 Divs 100% height in another Div

    in HTML/XHTML

    Posted

    I was fooling around with the clear property. I tried every property, none, left, right and both. I tried to put it in the main column, left and right at different times but that didn't work. I will try what you said when I get home, but can you give me an explanation on the 2 new divs you created? Why they should be there and so on.Thank you for the tip, and for the comment of the site.*** EDIT ***Just tried it, it didn't work. Maybe I understood you wrong concerning the two extra divs you put in, if you care to explain it more detailed how you mean I could try that as well. Thank's for your effort.

    2 Divs 100% height in another Div

    in HTML/XHTML

    Posted

    Yo. Been struggling with this problem for a while now. I have 2 div boxes, left and right floated both with 100% height. Those two lies in a big div box that's also 100% height. But the 2 div boxes inside the big one, shoots out from the main box...Got a link to the hopefully soon-to-be website:http://home.no/theturkey/teamone/index.htmlHope that someone could help me.***EDIT***I might also add that the effect I'm looking for is correct displayed in Internet Explorer. So far my attempts of getting it the same in other browsers have failed.***EDIT2***The link should work now

×
×
  • Create New...