Kayo na lang ang pag-asa ko. :)

Mga tutorials at tips sa pagdisenyo gamit ang CMS at iba pa
Locked
canadiantrip
Joomla! Apprentice
Joomla! Apprentice
Posts: 42
Joined: Sat Jun 17, 2006 3:45 pm
Contact:

Kayo na lang ang pag-asa ko. :)

Post by canadiantrip » Wed Jul 05, 2006 2:20 am

Guys. Im trying to design a page using tables in minimum. Problema ko ngayon e yung footer.
All div is in "position:relative".

Basically the page is divided and positioned as follows:
1. header
2. rightbody(navigations)
3. leftbody(mainbody)


Ang problema, pag konti ang content ng leftbody, umaakyat ng husto yung footer.
Gusto ko sana, pag konti ang content ng leftbody, yung footer is upto the edge lang ng rightbody. The content of leftbody is dynamic, so di ko alam kung kelan sya konti at madami.

Maraming salamat.

User avatar
googlebot2
Joomla! Apprentice
Joomla! Apprentice
Posts: 9
Joined: Thu Jul 06, 2006 8:12 am
Location: Manila
Contact:

Re: Kayo na lang ang pag-asa ko. :)

Post by googlebot2 » Fri Jul 07, 2006 8:23 pm

Kung gumagamit ka nang padding(in css)... yun yun..... kung ako sa iyo tanggalin mo iyon... ganyan din ang nangyari sa forum site namin...

kaya kung ako sa iyo... suggestion lang... pero nasa iyo pa rin ang desisyon... huwag ka nang gumamit nang padding...plain html lang ... malamang sa tables mo siya ginagamit...
http://www.tcqc-forum.com Balitaktakan Ng Trinitian

User avatar
teng
Joomla! Enthusiast
Joomla! Enthusiast
Posts: 198
Joined: Sat Aug 20, 2005 3:41 pm
Location: Isabela, Philippines
Contact:

Re: Kayo na lang ang pag-asa ko. :)

Post by teng » Sun Jul 16, 2006 4:25 pm

dun sa css under footer lagyan mo ng clear: both;. Ipupush nito pababa ang footer at didikit lang siya sa pinakamahabang column which is either mainbody or left or right.

ebautista
Joomla! Fledgling
Joomla! Fledgling
Posts: 2
Joined: Thu Apr 26, 2007 7:32 am

Re: Kayo na lang ang pag-asa ko. :)

Post by ebautista » Thu Apr 26, 2007 8:35 am

I would suggest to wrap you left and right body(div) inside another div then use this css.
#wrapper, #footer{ /*name of your wrapper*/
  position:relative;
  float:left;
}

refer to http://alistapart.com for more about css. Good luck!


Locked

Return to “Design Tips and Tricks”