Str8TalkingBob
Members
-
Joined
-
Last visited
-
-
-
Thanks again Wickham, i was playing with the 3 extra divs being inside the site_wrap but it wasn't going, obviously your use of z-index has solved this issue for me, working a treat now thanks a bunch, switched back to position:absolute also. Is there a reason you went with different code for the sticky footer than the one i am using?
-
Thanks again Wickam, sorry for late reply been away for the weekend, have made the changes you suggested. I have only one other slight problem with this. when i resize the window once it gets to a cetain size part of the right column slides across into the middle column, i have a min-width:800px set on the site_wrap div and have played about with a few things but can't figure out why it is happening, have a look http://www.doobeez.com/workshop/sticky_footer/ and resize the browser window and you'll see what i mean. Probably something really simple but it's got me scratching my head. Thanks again in advance you've been a massive help already.
-
-
-
Hi all, i've just created a very simple layout to test a sticky footer idea i had, and i've come across an issue i've had before so thought one of you might be able to help me with it as a site i'm about to start relies on me being able to sort it. I have a 3 column layout with left, right and center divs as you do i've set each one a background color but i want the background color to stretch right down to meet the footer even if there is not enough content in the div to make it do so. have a look http://doobeez.com/workshop/sticky_footer and you'll see what i mean. This is the code: CSS: html, body { height: 100%; padding:0; margin:0; } #site_wrap { min-height: 100%; margin-bottom: -100px; position: relative; } #footer { height: 100px; position: relative; background:#000000; color:#FFFFFF; } .clearfooter { height: 100px; clear: both; } #header{ height:150px; background:#E40CBC; } #navbar{ height:30px; background:#F2960D; } #content{ padding-bottom:100px; background:#B9DFF8; margin-left:150px; margin-right:150px; } #left{ width:150px; float:left; background:#EB2305; padding-bottom:100px; min-height:100%; } #right{ width:150px; float:right; background:#EB2305; padding-bottom:100px; } HTML: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en"> <head> <title>Test Page</title> <meta name="description" content=""> <meta name="keywords" content=""> <meta name="copyright" content=""> <meta name="author" content=""> <meta name="email" content=""> <meta name="Distribution" content="Global"> <meta name="Rating" content="General"> <meta name="Robots" content="INDEX,FOLLOW"> <meta name="Revisit-after" content="30 Days"> <link rel="stylesheet" href="css/style.css" type="text/css" /> <!—[if lt IE 7]> <link rel="stylesheet" type="text/css" href="ie6.css" /> <![endif]—> </head> <body> <div id="site_wrap"> <div id="header">HEADER</div><!-- end header --> <div id="navbar">NAVBAR</div><!-- end navbar --> <div id="content_wrap"> <div id="left">LEFT</div><!-- end left --> <div id="right">RIGHT</div><!-- end right --> <div id="content">CONTENT</div><!-- end content --> </div><!-- end content_wrap --> <div class="clearfooter"></div> </div><!-- end site_wrap --> <div id="footer">FOOTER</div><!-- end footer --> </body> </html> Any ideas would be greatly appreciated. Thanks in advance.
-
Hi all, i'm not sure if i've put this in the right forum or not if i haven't i apologize and feel free to move it. I have a question that is something i should have looked into sometime ago but has only just occured to me. I live in the UK but my webhost (Bluehost) is in America i have been with them for sometime now and have quite a few sites hosted on my account. But at the moment i am designing an ecommerce site selling various products which will be mainly sold to UK residents. My question is will having my site hosted with an American firm hurt me in search engines, say if people have their google settings to prioritize UK sites? Will having a .co.uk domain help with this even it is as an addon domain to my account? I've done some googling on the subject and a lot of the answers contradict other answers. I really need to reach UK buyers with this site so would consider moving my hosting of it comes to it, although i would rather not as Bluehost have been very good over the years. Any help with this would be greatly appreciated and i thank you in advance for taking the time to read this.
-
Thanks guys, much appreciated input there, going to transfer it tomorrow and get it out of the way.
-
Thanks for the quick reply, i'll look into transferring costs with netfirms now, do you know if a domain name is available straight away after it has expired though?
-
Hi, i have several domain names (around 50 i think) all of them were registered with my web host (Bluehost) apart from 1, which is registered with netfirms. I need to keep this domain but would rather it be registered with my bluehost account. What i'm wondering is, if i let the domain expire at netfirms by taking off the auto renew option, does anybody know if once it expires it will be available straight away for me to buy through bluehost? or is there some kind of period of a few days or weeks or whatever where the domain name will be unavailable? I can't afford the site to be down for even a day as it is a business site i did for my mother and there a quite a few email addresses in use for it. Anyone with a bit of knowledge on this would be helping me out big time as searching netfirms and bluehost has thus far proved fruitless, a google search has not helped either, whatever search terms i use i just get results of sites that register domain names. Thanks in advance for taking the time to look at this.
-
Damn i can't believe i've been looking at my code for 2 days and didn't even see that, problem solved, thanks a lot mteam you have saved me from pulling the rest of my hair out. Allthough i feel like slapping myself for not noticing that. Thanks again really appreciate your help and time on this. I shall pay it forward.
-
i have sorted out the header issue by adding overflow:hidden; like so: #header{ height:100px; min-width:958px; text-align:left; background-image:url(../images/headerbg.png); overflow:hidden; } But i am still having the problem with the left column that i can't fix any ideas?
-
I have uploaded it now HERE thanks for taking the time to look at it, much appreciated, been messing half the day today and still can't solve it.Hi thanks for the reply, i do have a doctype declared i just removed all of the meta data from copy i uploaded and the code i posted i should have stated that before sorry. The actual page with the doctype still has the same issues which leads me to believe that the problem is with my coding. the actual head section of my page is as so : <head> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en"> <head> <title>Home Page</title> <meta name="description" content=""> <meta name="keywords" content=""> <meta name="copyright" content=""> <meta name="author" content=""> <meta name="email" content=""> <meta name="Distribution" content="Global"> <meta name="Rating" content="General"> <meta name="Robots" content="INDEX,FOLLOW"> <meta name="Revisit-after" content="1 Day"> <link rel="stylesheet" href="css/style.css" type="text/css" /> </head>Hi again all. Seems i spend half my time trying to find IE work arounds these days. The problem i am having is i have a nav menu underneath my header and it 4 of the main browsers are displaying it fine but IE is giving me grief and seems to be adding a few pixels to the header so that the background image is starting again and looks wierd. also my left column seems to be making itself a few pixels thinner in IE i have uploader some screenshots of the issues to show you what i mean. Here is a firefox screenshot of how it's supposed to look and here is what IE is doing to it I have validated my code as allways and all its chucking back is text color and background color matches which i allways fix when i'm done with the design and i match bg colors to images for image disabled browsers. The page is uploaded HERE Here is my CSS: @charset "utf-8"; /* CSS Document */ * { margin:0; padding:0; } body{ background: #262525; font-family:"Trebuchet MS", Helvetica, sans-serif; min-width:800px; } ul { text-decoration:none; list-style:none; } #wholewrap{ } #sitewrap{ text-align:left; } #topwrap{ width:100%; background-image:url(../images/top_bg.png); } #topleft{ height:25px; width:135px; float:left; } #topleft p{ margin-left:5px; } #topright{ height:25px; width:135px; float:right; text-align:right; } #topright p{ margin-right:5px; } #topcenter{ height:25px; margin-left:135px; margin-right:135px; text-align:center; } #header{ height:100px; min-width:958px; text-align:left; background-image:url(../images/headerbg.png); } #header_left{ float:left; } #header_right{ float:right; margin-top:2px; } #navbar{ height:25px; width:100%; background-image:url(../images/footer_links_bg.png); } #contentwrap{ width:98%; } #leftcolumn{ width:166px; float:left; left:0; color:#FFF; margin-top:5px; } #leftcolumn p { margin-left:10px; font-weight:bold; } #leftcolumn h3{ color:#fff; background-image:url(../images/left_h1_bg.png); font-family:"Trebuchet MS", Helvetica, sans-serif; font-weight:bold; text-align:left; text-indent:10px; border-bottom:1px solid #000; } #rightcolumn{ width:162px; float:right; right:0; background:#000; color:#FFF; border:2px solid #8B0000; margin-top:5px; } #rightcolumn p { margin-left:5px; } #right_ads{ } #centercolumn{ margin-left:175px; margin-right:177px; margin-top:5px; } #footer{ height:50px; background-image:url(../images/footer_bg.png); bottom:0; clear:both; text-align:center; width:100%; } #footer_links_bar{ height:25px; background-image:url(../images/footer_links_bg.png); bottom:0; clear:both; text-align:center; width:100%; } p.copyright{ padding-top:10px; color:#FFF; } /*******************Start Navmenu*****************/ #navmenuwrap{ } #navmenu { } #navmenu ul{ width:300px; margin:auto; line-height:20px; } #navmenu li{ list-style:none; float:left; background-image:url(../images/button_bg_hover.png); } #navmenu ul li a{ text-align:center; font-family:"Trebuchet MS", Helvetica, sans-serif; font-weight:bold; text-decoration:none; height:25px; width:100px; display:block; color:#FFF; text-shadow:1px 1px 1px #000; } #navmenu ul li a:hover { background-image:url(../images/button_bg.png); } /*******************Left Menu*****************/ #leftmenu{ } #leftmenu ul li a { font-family:"Trebuchet MS", Helvetica, sans-serif; font-weight:bold; list-style:none; text-decoration:none; color:#fff; width:156px; display:block; text-align:left; background-image:url(../images/left_bg.png); line-height:normal; padding-left:5px; padding-right:5px; border-bottom:1px solid #000; border-top:1px solid #000; } #leftmenu ul li a:hover { font-weight:bold; list-style:none; text-decoration:none; color:#FFF; width:156px; display:block; background-image:url(../images/left_bg_hover.png); padding-left:5px; padding-right:5px; } /****************** End left menu************************/ #content{ background:#fff; padding: 5px; text-align:left; } #content img{ margin:5px; border:2px solid #8B0000; } #content h1{ color:#8B0000; background:#2a6da9; text-align:center; } #content h2{ color:#fff; background:#000; text-align:center; } /*start footer links*/ #footer_links_wrap{ margin-top:10px; } #footer_links{ } #footer_links ul{ width:500px; margin:auto; line-height:20px; } #footer_links li{ list-style:none; float:left; background-image:url(../images/button_bg_hover.png); } #footer_links ul li a{ text-align:center; font-family:"Trebuchet MS", Helvetica, sans-serif; font-weight:bold; text-decoration:none; height:25px; width:100px; display:block; color:#FFF; text-shadow:1px 1px 1px #000; } #footer_links ul li a:hover { background-image:url(../images/button_bg.png); } a img { border:none; } and here is the html: <html> <head> <meta http-equiv="Content-Type" content="text/html charset=utf-8" /> <title>Blog Test | Home</title> <link rel="stylesheet" type="text/css" href="css/style.css"> </head> <body> <div id="wholerap"> <div id="topwrap"> <div id="topleft"> <?php include("includes/top_left.html"); ?> </div><!-- end topleft --> <div id="topright"> <?php include("includes/top_right.html"); ?> </div><!-- end topright --> <div id="topcenter"> <?php include("includes/top_center_text.html"); ?> </div> </div><!-- end topwrap --> <div id="header"> <div id="header_left"> <?php include("includes/logo.html"); ?> </div><!-- end header_left --> <div id="header_right"> <?php include("includes/header_ads.html"); ?> </div><!-- end header_right --> </div><!-- end header --> <div id="navbar"> <?php include("includes/navmenu.html"); ?> </div><!-- end navbar --> <div id="sitewrap"> <div align="center"> <div id="contentwrap"> <div id="leftcolumn"> <?php include("includes/leftmenu.html"); ?> </div><!-- end leftcolumn --> <div id="rightcolumn"> <?php include("includes/right_ads.html"); ?> </div><!-- end rightcolumn --> <div id="centercolumn"> <?php include("includes/homepage.html"); ?> </div><!-- end centercolumn --> </div> <!-- end contentwrap --> </div><!-- end centering div --> </div><!-- end sitewrap --> <div id="footer_links_bar"> <?php include("includes/footer_links.html"); ?> </div><!-- end footer links bar--> <div id="footer"> <?php include("includes/footer.html"); ?> </div><!-- end footer --> </div><!-- end wholerap --> </body> </html> i have been playing around with this all day trying to fix it as i allways do before i impose my problems on the community and no matter what i change i can not figure this out. Any help would be greatly appreciated and i thank you in advance for taking the time to look at this.
