aargh, i really cant do css

Discussion in 'CSS' started by tony84, Nov 20, 2006.

  1. #1
    I used an online tmplate maker to create the basic code id need for my design but its started to go wrong. 1 of the columns (the right 1) didnt go right up to the edge of my logo, so i started fiddling about with it and its gone even worse lol

    Please can someone help me clear it up so it looks right and then i can work on the rest?

    http://www.giusepperossi.net/new/test.htm
    http://www.giusepperossi.net/new/style.css

    the page seems to be correct from what i can see, its the stylesheet i think which is wher th rpoblems li but i dont want to paste that as its pretty long.
    <body>
    <div id="pagewidth" >
    	<div id="header" > <img src="logo.jpg" /> </div>
    			<div id="wrapper" class="clearfix" > 
    		<div id="twocols" class="clearfix"> 
    			<div id="maincol" > Main Content Column </div>
    
    			<div id="rightcol" > <div align="center"><script type="text/javascript"><!--
    google_ad_client = "pub-9301836188050104";
    google_ad_width = 120;
    google_ad_height = 600;
    google_ad_format = "120x600_as";
    google_ad_type = "text_image";
    google_ad_channel ="";
    google_color_border = "FF0000";
    google_color_bg = "DF0000";
    google_color_link = "000000";
    google_color_url = "000000";
    google_color_text = "000000";
    //--></script>
    <script src="http://pagead2.googlesyndication.com/pagead/show_ads.js" type="text/javascript">
    </script></div></div>
    		</div> 
    			<div id="leftcol" ><div id="nav"> <a href="http://www.giusepperossi.net">Home</a>
    <a href="http://www.giusepperossi.net/news.html">News</a>
    <a href="http://www.giusepperossi.net/stats.php">Stats</a>
    <a href="http://www.giusepperossi.net/comments.php">Comments</a>
    
    <a href="http://www.giusepperossi.net/history.php">History</a>
    <a href="http://www.giusepperossi.net/profile.php">Profile</a>
    <a href="http://www.giusepperossi.net/forums">Forums</a>
    <a href="http://www.giusepperossi.net/contact.php">Contact</a> </div></div>
    </div>
    	<div id="footer" > Footer 
    	</div>
    	</div>
    </body>
    
    Code (markup):
    I appreciate any help.

    Cheers
    Tony
     
    tony84, Nov 20, 2006 IP
  2. kiwwi

    kiwwi Peon

    Messages:
    13
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    0
    #2
    Hi,
    I'm not by any means css guru, but as it seems you are trying to do is 3-column layout using CSS.
    try google for term '3-column css'.
     
    kiwwi, Nov 22, 2006 IP
  3. ccano

    ccano Peon

    Messages:
    211
    Likes Received:
    3
    Best Answers:
    0
    Trophy Points:
    0
    #3
    Try changing

    #pagewidth width to 715px

    and change #rightcol width to 155px, and #rightcol border to 0
     
    ccano, Nov 23, 2006 IP