SitePoint Sponsor

User Tag List

Results 1 to 15 of 15
  1. #1
    SitePoint Guru james_littler's Avatar
    Join Date
    May 2007
    Location
    Portsmouth, UK
    Posts
    775
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)

    remove horizontal scroll

    Hia

    Im getting a horizontal scroll bar for no reason.

    Is there a way to stop the horizontal scroll bar from appearing without using overflow-x:hidden?

    Cheers

  2. #2
    SitePoint Wizard bronze trophy DaveWoods's Avatar
    Join Date
    Dec 2004
    Location
    Derbyshire - UK
    Posts
    2,651
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Yes, make sure that your content fits within the window

    If you want some specific advice then you'll need to provide a link or the full HTML/CSS and details about which browser the problem exists in if it's browser specific

  3. #3
    SitePoint Guru james_littler's Avatar
    Join Date
    May 2007
    Location
    Portsmouth, UK
    Posts
    775
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    the div that the text resides in is fluid, but still i get the scroll bar..

    this is all cms driven now so i cant link you to it..its only internal for the moment so here's my code

    Code HTML4Strict:
    <&#37;@ Control Language="c#" AutoEventWireup="false" Inherits="Cuyahoga.Web.UI.BaseTemplate" %>
    <%@ Register TagPrefix="cc1" Namespace="Cuyahoga.ServerControls.Navigation" Assembly="Navigation" %>
     
    <!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>
    	<title><asp:literal id="PageTitle" runat="server"></asp:literal></title>
    	<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    	<asp:literal id="MetaTags" runat="server" />
    	<asp:literal id="Stylesheets" runat="server" />
    	<asp:literal id="JavaScripts" runat="server" />
    </head>
     
    <body>
    	<form id="t" method="post" runat="server">
    <!--Start of Main-->
    	<div id="main">
     
    <!--Start of Nine Slice-->			 
    		<div id="topleft">
    			<img src="/whitesails/Templates/Whitesails/Images/Page/Corner_TopLeft.png" />
    		</div>
     
    		<div id="top">
    		</div>
     
    		<div id="topright">
    			<img src="/whitesails/Templates/Whitesails/Images/Page/Corner_TopRight.png" />
    		</div>
     
    		<div id="left">
    		</div>
     
    		<div id="centre">
    		</div>
     
    		<div id="right">
    		</div>
     
    		<div id="bottomleft">
    			<img src="/whitesails/Templates/Whitesails/Images/Page/Corner_BottomLeft.png" />
    		</div>
     
    		<div id="bottom">
    		</div>
     
    		<div id="bottomright">
    			<img src="/whitesails/Templates/Whitesails/Images/Page/Corner_BottomRight.png" />
    		</div>		
    <!--End of Nine Slice-->
     
    <!--Start of Header-->		
    		<div id="header">
     
    			<div id="headerLeft">
    				<img src="/whitesails/Templates/Whitesails/Images/Page/HeaderLeft.png" />
    			</div>
     
    			<div id="headerCentre">
    			</div>
     
    			<div id="headerRight">
    				<img src="/whitesails/Templates/Whitesails/Images/Page/HeaderRight.png" />
    			</div>
     
    		</div>		
    <!--End of Header-->
     
    <!--Start of Nav-->
    		<div id="nav">
    			<div id="navLeft">					
    			</div>
     
    			<div id="navCentre">	
    					<cc1:menu id="mnuMain" runat="server"></cc1:menu>				
    			</div>
     
    			<div id="navRight">					
    			</div>
    		</div>	
    <!--End of Nav-->
     
    <!--Start of Content-->
    		<div id="content">
    			<asp:placeholder id="maincontent" runat="server"></asp:placeholder>
    		</div>
    <!--End of Content-->
     
    <!--Start of Footer-->
    		<div id="footer">
     
    			<div id="footerLeft">
    			</div>
     
    			<div id="footerCentre">
    			</div>
     
    			<div id="footerRight">
    			</div>
     
    		</div>
    <!--End of Footer-->
     
    	</div>
    <!--End of Main-->
    	</form>
    </body>
     
    </html>
    Code CSS:
    * {
    	margin:0px;
    	padding: 0px;
    	border: 0px;
    }
     
    body {
    	background: #ffffff;
    }
     
    a:focus {
        user-focus: none; 
        outline: none; 
        -moz-user-focus: none; 
        -moz-outline: none; 
    }
    /*Main div*/
    #main {
    	position: relative;
    	width: 80%;
    	min-width: 800px;
    	height: 850px;
    	margin: 20px auto auto auto;
    }
     
    /*End of Main div*/
     
     
    /*Rounded Corners*/
    #topleft {
    	position:absolute;
    	top: 0px;
    	left: 0px;
    	width: 13px;
    	height: 13px;
    	padding-bottom: 2px;
    	font-size: 1px;
    	z-index: 1;
    }
     
    #top {
    	position:absolute;
    	top: 0px;
    	left: 13px;
    	right: 13px;
    	height: 13px;
    	background: #2c4b9d;
    	z-index: 1;
    }
     
    #topright {
    	position:absolute;
    	top: 0px;
    	right: 0px;
    	width: 13px;
    	height: 13px;
    	font-size: 1px;
    	z-index: 1;
    }
     
    #left {
    	position:absolute;
    	top: 13px;
    	bottom: 13px;
    	width: 13px;
    	background: #2c4b9d;
    	z-index: 1;
    }
     
    #centre {
    	position:absolute;
    	top: 13px;
    	bottom: 13px;
    	left: 13px;
    	right: 13px;
    	background: #2c4b9d;
    	z-index: 1;
    }
     
    #right {
    	position:absolute;
    	top: 13px;
    	bottom: 13px;
    	right: 0px;
    	width: 13px;
    	background: #2c4b9d;
    	z-index: 1;
    }
     
    #bottomleft {
    	position:absolute;
    	bottom: 0px;
    	left: 0px;
    	width: 13px;
    	height: 13px;
    	font-size: 1px;
    	z-index: 1;
    }
     
    #bottom {
    	position:absolute;
    	bottom: 0px;
    	left: 13px;
    	right: 13px;
    	height: 13px;
    	background:#2c4b9d;
    	z-index: 1;
    }
     
    #bottomright {
    	position:absolute;
    	bottom: 0px;
    	right: 0px;
    	width: 13px;
    	height: 13px;
    	font-size: 1px;
    	z-index: 1;
    }
    /*End of Rounded Corners*/
     
    /*Header and Navigation*/
    #header {
    	position: relative;
    	top: 6px;
    	left: 7px;
    	right: 7px;
    	height: 101px;
    	padding-right: 14px;
    	z-index: 2;	
    }
     
    #headerLeft {
    	position:absolute;
    	top: 0px;
    	left: 0px;
    	width: 90px;
    	height: 101px;
    	z-index: 3;
    }
     
    #headerCentre {
    	position:absolute;
    	top: 0px;
    	left: 90px;
    	right: 697px;
    	height: 101px;
    	background: #ffffff;
    	z-index: 3;
    }
     
    #headerRight {
    	position:absolute;
    	top: 0px;
    	right: 14px;
    	width: 697px;
    	height: 101px;
    	z-index: 3;
    }
     
    #nav {
    	position:relative;
    	top: 10px;
    	left: 5px;
    	right: 7px;
    	height: 43px;
    	z-index: 2;
    }
     
    #navLeft {
    	position: absolute;
    	top: 0px;
    	left: 0px;
    	width: 7px;
    	height: 43px;
    	background: url('/whitesails/Templates/Whitesails/Images/Nav/NavLeft.png');
    	z-index: 3;
    }
     
    #navCentre {
    	position: absolute;
    	top: 0px;
    	left: 7px;
    	right: 19px;
    	height: 43px;
    	background: url('/whitesails/Templates/Whitesails/Images/Nav/NavCentre.png') repeat-x;
    	z-index: 3;
    }
     
    #navRight {
    	position: absolute;
    	top: 0px;
    	right: 12px;
    	width: 7px;
    	height: 43px;
    	background: url('/whitesails/Templates/Whitesails/Images/Nav/NavRight.png');
    	z-index: 3;
    }
     
    #navCentre ul {
    	list-style: none;
    	padding: 0px 12px 0px 12px;
    }
    #navCentre ul li {
    	position: relative;
    	background: url('/whitesails/Templates/Whitesails/Images/Nav/Seperator.png') no-repeat top right;
    	float: left;
    	left: -15px;
    	top: 0px;
    	padding: 10px 15px 10px 15px;
    	height: 43px;
    }
     
    #navCentre li a {
    	text-decoration:none;	
    }
     
    #navCentre ul li:hover ul {
        display: block;
    }
     
    #navCentre li ul {
        position: absolute;
        display: none;
        background-image: none;
        top: 43px;
        left: 0px;
        width: 100%;
        z-index: 5;
    }
     
    #navCentre li li {
        height: 20px;
        width: 100%;
        background: #2C4B9D;
        padding: 5px 38px 5px 15px;
    }
     
    #navCentre li li a {
    	text-decoration: none;
    	background-image: none;
    }
     
    #navCentre li li:hover {
        background: #819adc;
    }
     
    #navCentre li a:link {
        font-family: Verdana, Helvetica, Arial;
    	color: #ffffff;
    	font-size: 0.8em;
    	text-decoration: none;
    }
     
    #navCentre li a:active {
        font-family: Verdana, Helvetica, Arial;
    	color: #ffffff;
    	font-size: 0.8em;
    	text-decoration: none;
    }
     
    #navCentre li a:visited {
        font-family: Verdana, Helvetica, Arial;
    	color: #ffffff;
    	font-size: 0.8em;
    	text-decoration: none;
    }
     
    #navCentre li a:hover {
        font-family: Verdana, Helvetica, Arial;
        background-color: #819adc;
    	color: #ffffff;
    	font-size: 0.8em;
    	text-decoration: none;
    }
     
    #navCentre li li a:link, #navCentre li li a:active, #navCentre li li a:visited, #navCentre li li a:hover {
        font-family: Verdana, Helvetica, Arial;
    	color: #ffffff;
    	font-size: 0.8em;
    	text-decoration: none;
    }
    /*End of Header and Navigation*/
     
    /*Start of Content*/
    #content {
    	position: relative;
    	top: 15px;
    	margin: 0px 7px 0px 7px;
    	padding: 5px 10px 0px 10px;
    	height: 645px;
    	background: #ffffff;
    	z-index: 1;
    	overflow: scroll;
    }
    /*End of Content*/
     
    /*Footer*/
    #footer {
    	position: absolute;
    	bottom: 7px;
    	left: 7px;
    	right: 7px;
    	height: 28px;
    	clear:both;
    	z-index: 2;
    }
     
    #footerLeft {
    	position:absolute;
    	top: 0px;
    	left: 0px;
    	width: 7px;
    	height: 28px;
    	background: url('/whitesails/Templates/Whitesails/Images/Page/FooterLeft.png');
    	z-index: 3;
    }
     
    #footerCentre {
    	position:absolute;
    	top: 0px;
    	left: 7px;
    	right: 7px;
    	height: 28px;
    	background: #ffffff;
    	z-index: 3;
    }
     
    #footerRight {
    	position:absolute;
    	top: 0px;
    	Right: 0px;
    	width: 7px;
    	height: 28px;
    	background:url('/whitesails/Templates/Whitesails/Images/Page/FooterRight.png');
    	z-index: 3;
    }
    /*End of Footer*/
     
    /*Start of Text Styles*/
    #content h1 {
        font-family: Verdana, Helvetica, Arial;
        font-weight: bold;
    	color: #2C4B9D;
    	font-size: 1.2em;
    }
     
    #content h2 {
        font-family: Verdana, Helvetica, Arial;
        font-weight: bold;
    	color: #000000;
    	font-size: 1.2em;
    }
     
    #content h3 {
        font-family: Verdana, Helvetica, Arial;
        font-weight: bold;
    	color: #2C4B9D;
    	font-size: 1em;
    }
     
    #content h4 {
        font-family: Verdana, Helvetica, Arial;
        font-weight: bold;
    	color: #000000;
    	font-size: 1em;
    }
     
    #content h5 {
        font-family: Verdana, Helvetica, Arial;
        font-weight: bold;
    	color: #2C4B9D;
    	font-size: 0.8em;
    }
     
    #content h6 {
        font-family: Verdana, Helvetica, Arial;
        font-weight: bold;
    	color: #000000;
    	font-size: 0.8em;
    }
     
    #content p {
        font-family: Verdana, Helvetica, Arial;
    	color: #000000;
    	font-size: 0.8em;
    }
     
    #content a {
        font-family: Verdana, Helvetica, Arial;
    	color: #2C4B9D;
    	font-size: 0.8em;
    	text-decoration: none;
    }
    /*End of Text Styles*/

    cheers mate

  4. #4
    SitePoint Wizard bronze trophy DaveWoods's Avatar
    Join Date
    Dec 2004
    Location
    Derbyshire - UK
    Posts
    2,651
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Could I have the rendered HTML instead of the ASP.net source code please?

    Just do a view source on the rendered page in your browser and copy/paste it here

  5. #5
    SitePoint Guru james_littler's Avatar
    Join Date
    May 2007
    Location
    Portsmouth, UK
    Posts
    775
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Code HTML4Strict:
    <!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>
    	<title>White Sails - Home</title>
    	<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     
    	<link rel="stylesheet" type="text/css" href="/whitesails/Templates/Whitesails/Css/index.css" />
     
     
    </head>
     
    <body>
     
    	<form name="aspnetForm" method="post" action="/whitesails/home.aspx" id="aspnetForm">
    <div>
    <input type="hidden" name="__VIEWSTATE" id="__VIEWSTATE" value="/wEPDwUKMTIzNjIzMDUzNmRk5qKZZIGgf4fBdGMzNMCXGdYbico=" />
    </div>
     
    <!--Start of Main-->
    	<div id="main">
     
    <!--Start of Nine Slice-->			 
    		<div id="topleft">
    			<img src="/whitesails/Templates/Whitesails/Images/Page/Corner_TopLeft.png" />
    		</div>
     
    		<div id="top">
     
    		</div>
     
    		<div id="topright">
    			<img src="/whitesails/Templates/Whitesails/Images/Page/Corner_TopRight.png" />
    		</div>
     
    		<div id="left">
    		</div>
     
    		<div id="centre">
    		</div>
     
    		<div id="right">
     
    		</div>
     
    		<div id="bottomleft">
    			<img src="/whitesails/Templates/Whitesails/Images/Page/Corner_BottomLeft.png" />
    		</div>
     
    		<div id="bottom">
    		</div>
     
    		<div id="bottomright">
    			<img src="/whitesails/Templates/Whitesails/Images/Page/Corner_BottomRight.png" />
    		</div>		
     
    <!--End of Nine Slice-->
     
    <!--Start of Header-->		
    		<div id="header">
     
    			<div id="headerLeft">
    				<img src="/whitesails/Templates/Whitesails/Images/Page/HeaderLeft.png" />
    			</div>
     
    			<div id="headerCentre">
    			</div>
     
    			<div id="headerRight">
    				<img src="/whitesails/Templates/Whitesails/Images/Page/HeaderRight.png" />
     
    			</div>
     
    		</div>		
    <!--End of Header-->
     
    <!--Start of Nav-->
    		<div id="nav">
    			<div id="navLeft">					
    			</div>
     
    			<div id="navCentre">	
     
    					<span id="p_mnuMain"><div id="menu"><ul><li><a href="/whitesails/home.aspx">Home</a></li><li><a href="/whitesails/news.aspx">News</a></li><li><a href="/whitesails/products.aspx">Products</a><ul><li><a href="/whitesails/products/sail1.aspx">Sail11111111111</a></li><li><a href="/whitesails/products/sail2.aspx">Sail 2</a></li></ul></li></ul></div></span>	
     
    			</div>
     
     
    			<div id="navRight">					
    			</div>
    		</div>	
    <!--End of Nav-->
     
    <!--Start of Content-->
    		<div id="content">
    			<div class="moduletools"></div><div class="section"><h1><span class="Title">Welcome to white sails<br />
    <br />
    </span></h1>
    <h2>Lorem ipsum dolor<br />
     
    <br />
    &nbsp;sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr,&nbsp; sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr,&nbsp; sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.</h2>
    <h3>Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim qui blandit praesent luptatum zzril delenit augue duis dolore te feugait nulla facilisi. Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.</h3>
    <h4>Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim qui blandit praesent luptatum zzril delenit augue duis dolore te feugait nulla facilisi.</h4>
    <h5>Nam liber tempor cum soluta nobis eleifend option congue nihil imperdiet doming id quod mazim placerat facer possim assum. Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat.</h5>
    <h6>Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis.</h6>
    <p><font face="Arial">At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr,&nbsp; sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr,&nbsp; At accusam aliquyam diam diam dolore dolores duo eirmod eos erat, et nonumy sed tempor et et invidunt justo labore Stet clita ea et gubergren, kasd magna no rebum. sanctus sea sed takimata ut vero voluptua. est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr,&nbsp; sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat. </font></p>
     
    <p><font face="Arial"><a href="http://www.ats-heritage.co.uk">Consetetur sadipscing elitr,&nbsp; sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr,&nbsp; sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr,&nbsp; sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.<br />
    </a></font></p>
    </div>
    		</div>
    <!--End of Content-->
     
    <!--Start of Footer-->
    		<div id="footer">
     
     
    			<div id="footerLeft">
    			</div>
     
    			<div id="footerCentre">
    			</div>
     
    			<div id="footerRight">
    			</div>
     
    		</div>
    <!--End of Footer-->
     
    	</div>
     
    <!--End of Main-->
    	</form>
    </body>
     
    </html>

  6. #6
    SitePoint Wizard bronze trophy DaveWoods's Avatar
    Join Date
    Dec 2004
    Location
    Derbyshire - UK
    Posts
    2,651
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    I presume you just want to remove the grayed out scrollbar from the bottom of the overflowed #content div?

    If that's the case then the reason that this is occurring is because you're explicitly telling it to scroll.

    To correct this just change it to auto and it will cause the div to scroll only when it needs to

    Code:
    #content {
        position: relative;
        top: 15px;
        margin: 0px 7px 0px 7px;
        padding: 5px 10px 0px 10px;
        height: 645px;
        background: #ffffff;
        z-index: 1;
        overflow: auto;
    }
    Hope that's what you're after?

  7. #7
    SitePoint Guru james_littler's Avatar
    Join Date
    May 2007
    Location
    Portsmouth, UK
    Posts
    775
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    cheers mate... dont i feel stupid

  8. #8
    SitePoint Guru james_littler's Avatar
    Join Date
    May 2007
    Location
    Portsmouth, UK
    Posts
    775
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    is there a way i can make the page vertically fluid?

    if i set the #main to height:100&#37; and #content height:100px, #main shrinks to fit around #content rather than fiting to the browser window.

  9. #9
    SitePoint Wizard bronze trophy DaveWoods's Avatar
    Join Date
    Dec 2004
    Location
    Derbyshire - UK
    Posts
    2,651
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Quote Originally Posted by james_littler View Post
    is there a way i can make the page vertically fluid?

    if i set the #main to height:100% and #content height:100px, #main shrinks to fit around #content rather than fiting to the browser window.
    Paul's done something like this which you might be able to use...

    http://www.pmob.co.uk/temp/hundredpercent-space2.htm

    To be honest it's not something I'd personally encourage as I like to think that the browser has given users the ability to scroll so it's not really something extra we should be introducing within the page unless absolutely necessary to the functionality.

    You may want to consider this, as all the overflow seems to be doing within your design is reducing the amount of content that is viewable and you may be better creating a layout which is 100% height and uses a fixed footer like this layout...

    http://www.dave-woods.co.uk/wp-conte...ed-footer.html

    which could easily be adapted to your design and would be much more usable.

    (Sorry, I know you didn't ask for design advice)

  10. #10
    SitePoint Guru james_littler's Avatar
    Join Date
    May 2007
    Location
    Portsmouth, UK
    Posts
    775
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    yea the fixed footer is what im after, how would i go about adapting what i have to use a fixed footer or would i need a complete re-design?

  11. #11
    SitePoint Wizard bronze trophy DaveWoods's Avatar
    Join Date
    Dec 2004
    Location
    Derbyshire - UK
    Posts
    2,651
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    You could work it into your code but you may find it easier to start with the code in the link above and then feed the bits from your code into that as that'll give you a much better starting point than trying to adapt what you already have.

    Otherwise you'll probably end up with code bloat and lots of bits that you don't actually need so my advice would be to start with the overall layout from the link above and just add the bits you're going to need to it and then style them accordingly

  12. #12
    SitePoint Guru james_littler's Avatar
    Join Date
    May 2007
    Location
    Portsmouth, UK
    Posts
    775
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    ok cool, i'll give it a go

    cheers

  13. #13
    SitePoint Guru james_littler's Avatar
    Join Date
    May 2007
    Location
    Portsmouth, UK
    Posts
    775
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    right, so far i have this

    how can i get the rounded corners on the outside of the corners?

  14. #14
    SitePoint Wizard bronze trophy DaveWoods's Avatar
    Join Date
    Dec 2004
    Location
    Derbyshire - UK
    Posts
    2,651
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Quote Originally Posted by james_littler View Post
    how can i get the rounded corners on the outside of the corners?
    The link at the bottom of my sig will help you

  15. #15
    SitePoint Guru james_littler's Avatar
    Join Date
    May 2007
    Location
    Portsmouth, UK
    Posts
    775
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    i followed your tut ... i ended up with boxes in ie7

    link
    Last edited by james_littler; Feb 15, 2008 at 12:10.


Bookmarks

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •