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.

Recommended Answers

All 10 Replies

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..



Please add a repution if this helps you.

Begging for reputation, shameless...

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

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.

I solved Part of the Proponents

Problem that is still is how i can make 3 colums Beside
I think the proplem here because they but the last sidebar div inside the content div but i want it like this

I upload the html and css Here or in attatchment
any body advise me Plz?

I try to use float:left But didn't work

Be a part of the DaniWeb community

We're a friendly, industry-focused community of developers, IT pros, digital marketers, and technology enthusiasts meeting, learning, and sharing knowledge.