Layout: Align to bottom in CSS?

started by Terakris on May 10, 2004 — RSS Feed

Terakris Terakris
Posts: 23

Hi people,

Im just starting a new project and thought it was about time we got away from table layouts and went down the CSS & Div route  

The problem im having is i need to align a footer to the bottom of the page, whatever resolution/page size it is. Normally i would use a 100% high table with 2 rows, one for the content and one for the footer that always sits at the bottom.

What i would like to do is make my new div sit at the bottom of the page but not mess around with the other divs im using... any ideas?

*sorry if this is really simple or has been answered before   *

Thanks

Kris

Joe Gillespie Joe Gillespie
Posts: 528

Kris, all you have to do is something like this. position: absolute; bottom: 0px; are the main ingredients.

#footer  
{
     color: #f0c;
     font-size: 9px;
     font-family: Verdana, Geneva, Arial, sans-serif;
     background-color: #c00;
     text-align: center;
     position: absolute;
     bottom: 0px;
     left: 0px;
     width: 100%;
     height: 18px
     }

Terakris Terakris
Posts: 23

Oh you star!!!!  :o *put bowing down in praise smilie here*

Thanks ever so much  ;D

Terakris Terakris
Posts: 23

just tried it fully with my code and it didnt do exactly what i wanted so its back to tables for me!  

Joe Gillespie Joe Gillespie
Posts: 528

Maybe if you explain exactly what you are trying to acheive somebody can suggest an alternative. Setting a table height to 100% is not valid HTML 4.

Terakris Terakris
Posts: 23

ok, take a look at this site:

<edit> this site probably shows it better: http://www.mr2roc.org look at the donations button at the bottom of the page </edit>

See how the footer of the page is always at the bottom of the browser window, regardless of content. I would like to do that but without using nasty tables and use css/divs instead.

Using the method above simply put the footer directly under the last div on the page.

Any help is appreciated  

Vladimir Vladimir
Posts: 53

Hi all, using absolute positioning and using the bottom setting works in Firefox, but not in IE. I want to do the exact same thing for a footer but in IE it goes on the top of the page... >

Terakris Terakris
Posts: 23

This is part of the problem ive been having - im running IE, Netscape, Firefox & Opera (YUCK!) all at the same time checking every change i make in this page as one thing that looks fine in IE makes the rest of the site go mental in the other browsers (my bad coding probably!   ).

The Clear & Float options are doing my head in at the moment... i need some holiday i think!  ???

Joe Gillespie Joe Gillespie
Posts: 528

Float and clear can be very confusing.

When you use relative positioning, there is a natural flow, just like water tumbling down a mountainside. Every div has a natural position directly below the one above it in the order it appears in the markup. It's top down unless you divert the flow.

When you set a div to 'float: left;' you are diverting the flow from top down to left to right. Using clear: left; causes the flow to revert to top down. So, float: left; diverts the flow, clear: left; restores it.

if you have four divs and the first three are set to float: left, the fourth one will drop below the first if it is set to clear: left.

float: right; is even more confusing because the first box in the flow is the rightmost one and this must be above any others on the page and any to the left of it, below. Clear: right; cancels this behaviour. I try to avoid using float: right, if possible.

Clear: both; ensures that any previously set floats are cancelled.

Another tip to avoid problems is to make sure that any floated divs are contained within a wrapper div. If you have three columns that are floated left, put them inside a 'row' div to bind them together as planned and then they won't interup the flow outside the row.

Terakris Terakris
Posts: 23

The page im working has one part that is using right (to display news) and then has 6 blocks to the left (in groups of 2, over 3 lines) on the left for the main home page content features.

I created a blank class that does a Clear: Both that seperates anything where it get a bit scary for me - this puts a nice white 2px line in between the sections (which is in with my design   ). It may not be the best way to do it, but it works for the time being until i can get my head round it all more.

Ive also like you suggested put a #basicpage classed div all around some sections which sets up some default values - this makes the seperate divs easier to change in the CSS as you dont have to reproduce settings that are used within the group.

Im slowly getting there, but just looking at the 30 lines of code where it would normally be 300 lines of tables all over the place is just pure class! Damn, this forum/site is usefull...  ;D

Does any of that make sense?  

Grahamb Grahamb
Posts: 10

I was very pleased to find this solution for a 'footer' I require for a website. It works well for Opera, IE6, NS7 on PC and on the Mac for Safari, however, IE 5.2 for Mac messes up completely with the footer Div appearing above the main page content Div. Any clues?

Forum said:
Kris, all you have to do is something like this. position: absolute; bottom: 0px; are the main ingredients.

#footer  
{
     color: #f0c;
     font-size: 9px;
     font-family: Verdana, Geneva, Arial, sans-serif;
     background-color: #c00;
     text-align: center;
     position: absolute;
     bottom: 0px;
     left: 0px;
     width: 100%;
     height: 18px
     }

Joe Gillespie Joe Gillespie
Posts: 528

This footer CSS is from the homepage on my FunWithFonts site and it works fine there in Mac IE 5.2.

If that page works okay for you too, then the problem must be elsewhere on the page.

Grahamb Grahamb
Posts: 10

Many thanks for the info - previously I had constructed a test page with everything stripped out except the footer. The style I used was virtually identical to that used your 'Fun with Fonts' site. There was nothing else on the page ...except the Doctype setting. Sure enough changing this to that used on 'Fun with Fonts' brought success on IE 5 for the Mac.

Now almost everything displays correctly in IE 5 and all displays correctly in Safari (Mac), Opera (PC), NS 7 (PC) *but* IE 6 (PC) -perfect before- now shunts all my divs to the left (should be centered).

My original Doctype was:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3c.org/TR/1999/REC-html401-19991224/loose.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">

All well back again round the loop to find out why IE 6 is having problems.

Forum said:
This footer CSS is from the homepage on my FunWithFonts site and it works fine there in Mac IE 5.2.

If that page works okay for you too, then the problem must be elsewhere on the page.

Joe Gillespie Joe Gillespie
Posts: 528

Either put

text-align: center;

in the body definition for your page

or if you don't have a body selector put

<body style="text-align: center">

or

or wrap the whole page in

<div align="center">...</div>

Then make sure that anything that shouldn't be centred is specified appropriately.

Grahamb Grahamb
Posts: 10

Many thanks again but I've already discovered my omission.

However, there still remains the problem of Doctype declarations for XHTML.  IE5 for the Mac won't render a page containing the 'Footer' style correctly (i.e. it will not be positioned at bottom of page) with any XHTML declaration. Too bad if one wants pages to be XHTML validated!

The following is the code for test page -swap the DOCTYPE dec. for a non-xhtml one (e.g. <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"> and it renders correctly except for the Mac IE5 right margin bug:

<!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>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Untitled Document</title>
<style type="text/css">
<!--
#footer   {
color: #ffffff;
font-size: 14px;
font-family: Verdana, Geneva, Arial, sans-serif;
background-color: blue;
text-align: center;
position: absolute;
bottom: 0px;
left: 0px;
width: 100%;
height: 28px
}

BODY {
font-size: 12px;
text-align: center;
}
-->
</style>
</head>
<body >
<div id="footer">Footer text</div>
</body>
</html>





Forum said:
Either put

text-align: center;

in the body definition for your page

or if you don't have a body selector put

<body style="text-align: center">

or

or wrap the whole page in

<div align="center">...</div>

Then make sure that anything that shouldn't be centred is specified appropriately.

Joe Gillespie Joe Gillespie
Posts: 528

However, there still remains the problem of Doctype declarations for XHTML.  IE5 for the Mac won't render a page containing the 'Footer' style correctly (i.e. it will not be positioned at bottom of page) with any XHTML declaration. Too bad if one wants pages to be XHTML validated!  


Ah, you want it to work in IE 5 AND validate That's a lot to ask, but if you could only have one, which is the more important?

Depends on your audience I suppose.

Grahamb Grahamb
Posts: 10

Point graciously taken!

Incidentally (as you might have guessed) I'm a  beginner in using CSS for positioning having previously taken what presently seems to be the easy route of using tables for page layout.

I had recently taken onboard advice which recommended that new designs should be developed using XHTML compliant pages as this would be replacing "obsolete" HTML.

I guess it is easy to get carried away forgetting that nothing is 'black and white' with the perennial browser compatibility problems and that compromise is must be the order of the day.

Thanks for bringing me down to earth!

Forum said:


Ah, you want it to work in IE 5 AND validate That's a lot to ask, but if you could only have one, which is the more important?

Depends on your audience I suppose.

Kk5st Kk5st
Posts: 15

If I read the problem correctly, you want the footer to be at the end of the page if the page is longer than the viewport, AND reside at the bottom of the viewport if the page is shorter.

One or the other is fairly simple.  Getting both requires a gyration or three.

First, we create a wrapper that is at least a full viewport high.  In that wrapper we put a sub-wrapper, if you will, that contains everything in the page except the footer.  The other element in the wrapper is the footer.

The footer is an AP element and is locked to the bottom of the wrapper.  The main content holder is static (or relative) and has a bottom margin sufficient to clear the footer.  As long as the main div is shorter than the viewport,  nothing special happens.  As soon as the main div reaches the bottom of the viewport/wrapper, it pushes the wrapper bottom down taking the footer with it.

There is nothing in the code that would cause a validation error at xhtml1 strict and below.  As far as I can tell, the code works in all sane browsers (includes IE/Mac) and in IE/Win.

html, body, #wrapper {
   min-height: 100%; /*Sets the min height to the
                       height of the viewport.*/
   width: 100%;
   height: 100%; /*Effectively, this is min height
                   for IE5+/Win, since IE wrongly expands
                   an element to enclose its content.
                   This mis-behavior screws up modern
                   browsers*/
   }

html>body, html>body #wrapper {
   height: auto; /*this undoes the IE hack, hiding it
                   from IE using the child selector*/
   }


body {
   margin: 0;
   font-family: Arial, helvetica, sans-serif;
   }

#wrapper {
   position: absolute;
   top: 0;
   left: 0;
   }

#footer {
   position: absolute;
   bottom: 0;
   background-color: #ccffcc;
   width: 100%;
   text-align: center;
   }

#main {
   margin-bottom: 3em; /*Modify value as needed for
                         footer height.*/
   height: auto;
   padding: .5em;
   }
Typical html:
<body>
 <div id="wrapper">
   <div id="main">
     <p>Put your whole page here.</p>
   </div> <!-- end main -->
   <div id="footer">
     <p>Put your footer stuff here.</p>
   </div> <!-- end footer -->
 </div> <!-- end wrapper -->
</body>
Hope that's what you need.

cheers,

gary  

Grahamb Grahamb
Posts: 10

Hi Gary

The method you've shown is largely reflected in the code I've already used (courtesy of Joe G.).

I am not clear how the top two items in your CSS are supposed to work but your code (unmodified) only works in NS 7 and partially in Opera 7.54 (footer disappears out of viewport). It does not work in IE 6 (footer up near top of viewport) or Mac IE 5 (as IE 6) or Safari (ditto).  Furthermore it makes no difference whether I use a doctype declaration for XHTML (transitional) or HTML 4 (transitional).

I am a little bemused that you say "As far as I can tell, the code works in all sane browsers (includes IE/Mac) and in IE/Win".

Perhaps you made an error in copying the code to the Forum posting?

I think maybe for now I'll stick to my present code which works identically in all main browsers (Mac and PC) and not worry about xhtml validation as wisely suggested by Forum admin.  


Graham


kk5st said:
If I read the problem correctly, you want the footer to be at the end of the page if the page is longer than the viewport, AND reside at the bottom of the viewport if the page is shorter.

One or the other is fairly simple.  Getting both requires a gyration or three.

First, we create a wrapper that is at least a full viewport high.  In that wrapper we put a sub-wrapper, if you will, that contains everything in the page except the footer.  The other element in the wrapper is the footer.

The footer is an AP element and is locked to the bottom of the wrapper.  The main content holder is static (or relative) and has a bottom margin sufficient to clear the footer.  As long as the main div is shorter than the viewport,  nothing special happens.  As soon as the main div reaches the bottom of the viewport/wrapper, it pushes the wrapper bottom down taking the footer with it.

There is nothing in the code that would cause a validation error at xhtml1 strict and below.  As far as I can tell, the code works in all sane browsers (includes IE/Mac) and in IE/Win.

html, body, #wrapper {
   min-height: 100%; /*Sets the min height to the
                       height of the viewport.*/
   width: 100%;
   height: 100%; /*Effectively, this is min height
                   for IE5+/Win, since IE wrongly expands
                   an element to enclose its content.
                   This mis-behavior screws up modern
                   browsers*/
   }

html>body, html>body #wrapper {
   height: auto; /*this undoes the IE hack, hiding it
                   from IE using the child selector*/
   }


body {
   margin: 0;
   font-family: Arial, helvetica, sans-serif;
   }

#wrapper {
   position: absolute;
   top: 0;
   left: 0;
   }

#footer {
   position: absolute;
   bottom: 0;
   background-color: #ccffcc;
   width: 100%;
   text-align: center;
   }

#main {
   margin-bottom: 3em; /*Modify value as needed for
                         footer height.*/
   height: auto;
   padding: .5em;
   }
Typical html:
<body>
 <div id="wrapper">
   <div id="main">
     <p>Put your whole page here.</p>
   </div> <!-- end main -->
   <div id="footer">
     <p>Put your footer stuff here.</p>
   </div> <!-- end footer -->
 </div> <!-- end wrapper -->
</body>
Hope that's what you need.

cheers,

gary  

Kk5st Kk5st
Posts: 15

grahamB said:
Hi Gary

The method you've shown is largely reflected in the code I've already used (courtesy of Joe .).

Actually, it's not.  Joe's method does not allow for content extending beyond the viewport.  Take his page and add content to see what I mean.

I am not clear how the top two items in your CSS are supposed to work

{min-height : 100%;} sets the height of the html/body (different browsers look at different things) and the #wrapper to the full viewport height.  IE does not grok min-anything, but since it wrongly expands a container anyway we set height to 100% for it.  Of course modern browsers honor the height setting and overflow rather than expand the so we reset the height to auto for them.  Since IE doesn't understand the child selector, >, the reset is hidden.

but your code (unmodified) only works in NS 7 and partially in Opera 7.54 (footer disappears out of viewport). It does not work in IE 6 (footer up near top of viewport) or Mac IE 5 (as IE 6) or Safari (ditto).  Furthermore it makes no difference whether I use a doctype declaration for XHTML (transitional) or HTML 4 (transitional).

The code, as posted works error free in any Moz/Gecko browser, whether for Win, Mac, or Linux, and in IE6/Win.  It does, for some reason, misbehave as you described in Opera7 (Opera6 is well and truly f&mdash;&mdash;d).  In IE for Mac, the footer clinches up to the bottom of the content, as does Safari (surprising, as the khtml engine is  generally pretty good). While that is not expected, it does not break the page.  I suspect the IE/Mac (and khtml, too) clinches vertically as it often does horizontally in contradiction to the standards, ignoring the height property's value.  In no case does the footer appear anywhere near the top of the viewport (except that the example has very little content&mdash;the footer is still below it).

I am a little bemused that you say "As far as I can tell, the code works in all sane browsers (includes IE/Mac) and in IE/Win".

It does work perfectly well in all Moz/Gecko browsers and in IE5.5+/Win.  I checked with the graphics person I use for Mac info.  I regret that I misundetstood her previously on the performance of IE/Mac.  This afternoon she rechecked the rendering in IE, Safari, Camino, and Mozilla.  She confirmed that Safari and IE clinched up while Moz and Camino worked correctly.  Results were the same whether in os9 or osX.  While IE, Safari and Opera misbehave, none exhibit breakage.

Perhaps you made an error in copying the code to the Forum posting?

I pasted the code from my post directly into a basic document template without any edits.  The code runs as promised.  I suspect the error, if any, lies elsewhere.  Feel free to run the full page and the posted code against diff.

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
   "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

<html xml:lang="en" xmlns="http://www.w3.org/1999/xhtml">
 <head>
   <meta name="generator"
   content="HTML Tidy for Linux/x86 (vers 1st March 2002), see www.w3.org" />
   <meta name="editor" content="Emacs 21" />
   <meta name="author" content="Gary Turner" />
   <meta http-equiv="content-type"
   content="text/html; charset=ISO-8859-1" />

   <title>Footer Test</title>
<style type="text/css">
/*<![CDATA[*/

html, body, #wrapper {
   min-height: 100%; /*Sets the min height to the
   height of the viewport.*/
   width: 100%;
   height: 100%; /*Effectively, this is min height
    for IE5+/Win, since IE wrongly expands
    an element to enclose its content.
    This mis-behavior screws up modern  
    browsers*/
   }

html>body, html>body #wrapper {
   height: auto; /*this undoes the IE hack, hiding it
    from IE using the child selector*/
   }
 
body {
   margin: 0;
   font-family: Arial, helvetica, sans-serif;
   }

#wrapper {
   position: absolute;
   top: 0;
   left: 0;
   }

#footer {
   position: absolute;
   bottom: 0;
   background-color: #ccffcc;
   width: 100%;
   text-align: center;
   }

#main {
   margin-bottom: 3em; /*Modify value as needed for  
     footer height.*/
   height: auto;
   padding: .5em;
   }

/*]]>*/

</style>
 </head>

 <body>
<div id="wrapper">
   <div id="main">
<p>Put your whole page here.</p>
   </div> <!-- end main -->
   <div id="footer">

<p>Put your footer stuff here.</p>
   </div> <!-- end footer -->
 </div> <!-- end wrapper -->

 </body>
</html>


I think maybe for now I'll stick to my present code which works identically in all main browsers (Mac and PC) and not worry about xhtml validation as wisely suggested by Forum admin.

Hey, it's your site. Do whatever you think is right.  I just offered a solution that works in 90%+ of all browsers, and does not cause breakage in the rest.   That the code is valid xhtml and css is just another Good Thing&trade;.

cheers,

gary

Grahamb Grahamb
Posts: 10

Hey, it's your site. Do whatever you think is right.  I just offered a solution that works in 90%+ of all browsers, and does not cause breakage in the rest.   That the code is valid xhtml and css is just another Good Thing™.


Hi Gary,

Sorry if I appeared to demean your  input, on the contrary is has been most useful and very much appreciated !

Actually, it's not.  Joe's method does not allow for content extending beyond the viewport.  Take his page and add content to see what I mean.


I see what you mean - I originally failed to insert any 'content'. With a load of text in there, all becomes clear.

Thanks too for the explanation of the browser filtering - I didn't realise that the child selector '>' was u/s in IE

The code, as posted works error free in any Moz/Gecko browser, whether for Win, Mac, or Linux, and in IE6/Win.  It does, for some reason, misbehave as you described in Opera7 (Opera6 is well and truly f——d).  In IE for Mac, the footer clinches up to the bottom of the content, as does Safari

My earlier comment re not functioning in IE 6 was incorrect -sorry  - something odd was going on between Dreamweaver, TopStyle and IE 6 with editing the css which I had as external file plus (probably) a little finger trouble on my part.

However, I can assure you, with reasonable confidence, that it does not work in Mac IE 5! I have both Mac and PC and have just run tests using your test page code.
The footer rides up and over the content.

I'm sure I had this problem with my page and must of fixed it -albeit the page currently suffers from the effect you advised on (i.e. footer not going below viewport with content larger than viewport height.

I also fixed the Opera problem, in my original test page.

I'll look into how I did it and report back.

Grahamb Grahamb
Posts: 10

************ADDENDUM***************

However, I can assure you, with reasonable confidence, that it does not work in Mac IE 5! I have both Mac and PC and have just run tests using your test page code.
The footer rides up and over the content.


There seems to be something weird going on with Mac IE5!  I have found that when I first download the 'Footer test' page into IE5 the footer is correctly positioned. However, if you 'hide' the IE5 toolbar and click 'refresh' button which now appears on the left hand edge of the explorer window, the footer rides up over the text. This is what I initially observed and on which I based my last posting.

Either IE5 is really causing this effect or perhaps I have finally cracked!

 Can someone else please test this ?

Joe Gillespie Joe Gillespie
Posts: 528

Mac IE 5 is dead! Dead as the proverbial Norwegian Blue Parrot. Forget it. Move on!

Grahamb Grahamb
Posts: 10

Forum said:
Mac IE 5 is dead! Dead as the proverbial Norwegian Blue Parrot. Forget it. Move on!


With great respect, I'm very surprised to hear a rather cavalier comment! After all IE 5 still ships with the Mac.  

If one of my clients happens to have a Mac and sees the site I have designed for them messed up by IE5 (which they use) they are not going to be very happy. Neither are they going to be happy if they receive complaints from their customers who cannot read their site.

To ignore the quirks of current browsers - at least in the above context - is not wise. Surely it is far better to drop a desired feature of the site design safe in the knowledge that the page will not break albeit in some oddball browser which unfortunately still ships with new computers.

I was rather hoping for a more constructive response as I was in doubt as to wether it was the browser exhibiting this bizarre behaviour.  If it is indeed the browser and there is no solution to the footer problem then this feature I must drop from my current project.

Forgetting IE5 is not an option!


Joe Gillespie Joe Gillespie
Posts: 528

Well, I must say that I'm glad to see that you are being more responsible about this that I am! For people stuck in OS9, there's not much option and telling your client to use FireFox isn't going to help.

Yes, if it's not going to work in some browser that are important to you and there's no workaround, don't do it, after all, you are not really going to gain a lot by having a menu that sticks to the bottom of the screen. You don't see many of them on the Web and that's probably why.

On the other hand, I have have just worked under exactly the same condition - client still on OS9 and uses IE5 even though I doubt if *any* of his audience use Macs, never mind OS9 for high end 3D stuff. I spent a lot of time getting things to look 'the same' on his Mac and Windows boxes - and I was charging by the hour. My advice to him was to forget IE5, it was costing him unnecessarily.

So maybe you explain that getting things to work in dead browsers is going to cost more (if you are determined to use modern standards and not tables for layout ) and let the client decide.

Kk5st Kk5st
Posts: 15

grahamB:

I took the Opera behavior to the Opera support forums.  Tomcat76 posted an answer suggesting that the <body> should act  as the wrapper.  He cited  short content and long content examples.

His examples are tricked up a bit,  so I'm trying to extract a minimal test case that can be a template for the general case.  I'm experiencing failure so far.  IE, & Moz work (of course) but Opera is still being flakey.  It may be that Tomcat76 found a special case.

cheers,

gary

Ryan Condict Ryan Condict
Posts: 14

I am having a similar problem and this is the first time I have tried doing a site in all css (well trying to anyway).
The problem I am having is in Firefox when I scale the page down the footer goes over the text and some then the text shows up below it. Can anyone take a look at my site and tell me what I am doing wrong? Any help would be appreciated.

http://www.mccoolmediainc.com/clients/shredx/

J. Cornelius J. Cornelius
Posts: 8

Ryan,

At first glance it looks like using a pixel value for min-height would do the trick to keep the footer from going all the way up over your navigation and such. However I think you are more concerned about the text going behind it.

Have a look at this article about using footerStickAlt. It may take a little recoding but I think it will solve your issue.

- J

Ryan Condict Ryan Condict
Posts: 14

Ok, I tried that solution but unless I am doing something wrong it is not working. The footer is no longer showing up in Firefox or IE. You can still view the site at: http://www.mccoolmediainc.com/clients/shredx/

Ryan Condict Ryan Condict
Posts: 14

Ok, I tried that solution but unless I am doing something wrong it is not working. The footer is no longer showing up in Firefox or IE. You can still view the site at: http://www.mccoolmediainc.com/clients/shredx/

Edit:

ok i have been messing with the code a bit to get it to work and now it is working they way i want in firefox. however, it is now broken in IE. Why can't Firefox be the only browser people use.

J. Cornelius J. Cornelius
Posts: 8

I hacked your CSS and HTML a little and got what I think is the result you are looking for. I removed the position:absolute and a few other rules from the #mainwrapper style, and cleaned things up a bit.

Let me know if it works!

- J

shredx.txt - 8.29k

Ryan Condict Ryan Condict
Posts: 14

works perfectly....thank you

Motive Minds Solutions Motive Minds Solutions
Posts: 0

The prices as usuall are very low, we wrap an ecommerce site for as low as $550 and a database driven real estate website for $450 and content management system comes only for $500 and in case you opt for wordpress CMS then we do the job with a customized design for just $250. With $250 you are a owner of a website, which has a customized design and which allows you to change/add any content you please, I am offering you the wordpress Content management system here.
arrow For a simple website containing 4-5 pages the cost is as low as $150
arrow For a much larger site containing 10-15 pages the cost is $250
arrow And if you need a flash header then Please add another $75 to the above costs.
In case you want to hire our PHP programmers on hourly basis then you can hire them for $10 per hour BUT on maintenance projects where our programmers or designers grey cells are not taxed! we charge only $7 per hour! Don't you love that? If so then what are you waiting for drop me a mail or get in touch with me immediately and let us discuss the benefit you will gain if you hire us. My guys work round the clock so time and distance won't matter for us, if you are having any second thoughts on thoose grounds then don't even think about it!
www.motiveminds.com

Sabri Dino Sabri Dino
Posts: 45

yerinde köpek egitimi
ücretsiz arkadaşlık sitesi
Web tasarımı
istanbul eskort
kopekegitimi
bayaneskort
5651 sayılı yasa

You must login to reply