3 replies [Last post]
dguilloryjr
dguilloryjr's picture
Offline
Enthusiast
Lafayette, La
Last seen: 9 years 15 weeks ago
Lafayette, La
Timezone: GMT-5
Joined: 2006-01-31
Posts: 58
Points: 13

if you look at http://extechla.com/default.aspx there is 1 big div that is orange 775px wide. inside that div is a leftcontent div. now i need a right panel div to cover the orange area to that i can use that area as a right panel!

any ideas? Thanks

Danny G Guillory Jr
System Administrator

Logus
Logus's picture
Offline
Enthusiast
Last seen: 10 years 19 weeks ago
Joined: 2008-01-08
Posts: 53
Points: 0

Float Div

Hello
You forgot make float left #leftarea div and float right #rightarea Smile
Here the code:

#leftarea {ieStyleSheet.css (line 55)
background-color:#666666;
height:400px;
width:600px;
float:left;
}

#rightarea {ieStyleSheet.css (line 61)
background-color:#FF0000;
height:400px;
width:150px;
float:right;
}

After do that you will see a compatibility problem between firefox and IE6
exist two solution, one:

#contentarea {ieStyleSheet.css (line 49)
background-color:#FF9933;
height:400px;
width:775px;
overflow:hidden;
}

"Todo habito hace nuestra mano mas habil y nuestro genio mas torpe"
Contact in my blog http://www.miguelmanchego.com

dguilloryjr
dguilloryjr's picture
Offline
Enthusiast
Lafayette, La
Last seen: 9 years 15 weeks ago
Lafayette, La
Timezone: GMT-5
Joined: 2006-01-31
Posts: 58
Points: 13

Needed

Hey,

do i have to have these 2 in the parent DIV tag? If not i would like to take out the parent div there in!

any ideas?

Danny G Guillory Jr
System Administrator

Logus
Logus's picture
Offline
Enthusiast
Last seen: 10 years 19 weeks ago
Joined: 2008-01-08
Posts: 53
Points: 0

About parent DIV

The parent DIV is your divcontainer, I have make changes that I sent you in my another post using firebug ( with that software I can make changes in your page and see results without modify your code ) , with make DIVs float is enough, first check that and after solve IE6 problem with the another code.

"Todo habito hace nuestra mano mas habil y nuestro genio mas torpe"
Contact in my blog http://www.miguelmanchego.com