Hello There:
I Build Me web site in Drupal I Think you know it very well, so I look for theme and I found a beautiful theme but their is problem with it
I want To make the theme 3 column, with width 100% not fixed for all the theme header and footer and body
really he is made up of 3 column but the third column is placed in div content ,and i want to move it to out of div content and make it sperated
any body here can help and tell what the changes i had to make in HTML code and CSS code to make what i want.

8 Years
Discussion Span
Last Post by ayalsule

Really I Started to study css tutorials but i can`t solve the issue a faced can you help me?


I don't understand your question? If you have HTML and CSS code. Please post here.


Hello Ayalsule,

You want 100% layout with three column, there are so many solutions, you can make any one or two div fixed widht and the 3rd will be 100%, or can make any one div fixed and rest two will be 100% or you can also make the three divs flexible.

Attached is the 3rd option to make a fluid layout for 100%.

<!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">
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Untitled Document</title>
<style type="text/css">
* { padding:0; margin:0; }
#col-l, #col-2, #col-3 { float:left; }
#col-l, #col-2 { width:33%; }
#col-l {background:#f8f8f8;}
#col-2 { background:#ccc}
#col-3 { width:34%; background:#999;}

<div id="col-l">Column one</div>
<div id="col-2">Column two</div>
<div id="col-3">Column three</div>

Please add a repution if this helps you.

Happy coding..


am also experiencing the same difficulty.please notify me if you are assisted

Please let me know which type of difficulties are you facing. Also try with my above given code.

This topic has been dead for over six months. Start a new discussion instead.
Have something to contribute to this discussion? Please be thoughtful, detailed and courteous, and be sure to adhere to our posting rules.