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.
ayalsule 0 Newbie Poster
infocraze 0 Newbie Poster
ayalsule 0 Newbie Poster
Really I Started to study css tutorials but i can`t solve the issue a faced can you help me?
ko ko 97 Practically a Master Poster
I don't understand your question? If you have HTML and CSS code. Please post here.
dipak_passion 0 Light Poster
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..
dipak_passion 0 Light Poster
ALSO CSS NAMING WILL BE CHANGED AS PER DRUPAL'S CSS NAMING CONVENTION.
thanks
peter_budo 2,532 Code tags enforcer Team Colleague Featured Poster
Please add a repution if this helps you.
Begging for reputation, shameless...
mashfred 0 Newbie Poster
am also experiencing the same difficulty.please notify me if you are assisted
dipak_passion 0 Light Poster
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.
ayalsule 0 Newbie Poster
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?
ayalsule 0 Newbie Poster
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.