Member Avatar for ayalsule

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
http://drupal.org/project/acquia_marina
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.

  • 6 Contributors
  • 10 Replies
  • 117 Views
  • 3 Weeks Discussion Span
  • Latest Post Latest Post by ayalsule

Recommended Answers

All 10 Replies

Member Avatar for ayalsule

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

Member Avatar for ko ko

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

Member Avatar for dipak_passion

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">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Untitled Document</title>
</head>
<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;}
</style>

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

Please add a repution if this helps you.

Happy coding..

Member Avatar for dipak_passion

ALSO CSS NAMING WILL BE CHANGED AS PER DRUPAL'S CSS NAMING CONVENTION.

thanks

Member Avatar for peter_budo

Please add a repution if this helps you.

Begging for reputation, shameless...

Member Avatar for mashfred

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

Member Avatar for dipak_passion

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.

Member Avatar for ayalsule

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
[IMG]http://firststep.sy/uploads/theme.jpg[/IMG]

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

theme.jpg 24.55 KB
theme.zip (133.9 KB)
Member Avatar for ayalsule

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, networking, learning, and sharing knowledge.