•
•
•
•
What is DaniWeb IT Discussion Community?
You're currently browsing the HTML and CSS section within the Web Development category of DaniWeb, a massive community of 422,658 software developers, web developers, Internet marketers, and tech gurus who are all enthusiastic about making contacts, networking, and learning from each other. In fact, there are 4,696 IT professionals currently interacting right now! Registration is free, only takes a minute and lets you enjoy all of the interactive features of the site.
Please support our HTML and CSS advertiser: Lunarpages Web Hosting
Views: 2158 | Replies: 11
 |
•
•
Join Date: Jan 2008
Location: India
Posts: 160
Reputation: 
Rep Power: 1
Solved Threads: 7
Junior Poster
how to change the size of Element Id's runtime in css Hi
I have a css with three Element Id's
1) LeftNav 2)Content 3) RightNav
In first i put all link's, in second all page contents (coming from database)
and lastly the extra information and advertisements in rightnav.
The problem i am facing is that as my center Element ID contains Data from Database,
it vary in size i.e on different pages different size. And also some time rightnav. So i put
height:auto; /*In my css*/
but all the three Element ID's how can be came in same height?
please help me.
Thanking you.
I have a css with three Element Id's
1) LeftNav 2)Content 3) RightNav
In first i put all link's, in second all page contents (coming from database)
and lastly the extra information and advertisements in rightnav.
The problem i am facing is that as my center Element ID contains Data from Database,
it vary in size i.e on different pages different size. And also some time rightnav. So i put
height:auto; /*In my css*/
but all the three Element ID's how can be came in same height?
please help me.
Thanking you.
•
•
Join Date: Mar 2007
Location: Honduras
Posts: 1,401
Reputation:
Rep Power: 4
Solved Threads: 25
what about keeping in your database info about the element's size? that way you can load the info from the database and no more problems...
-->sometimes i wanna take my toaster in a bath<-- •
•
Join Date: Jan 2008
Location: India
Posts: 160
Reputation:
Rep Power: 1
Solved Threads: 7
Junior Poster
•
•
•
•
Originally Posted by Nichito 
what about keeping in your database info about the element's size? that way you can load the info from the database and no more problems...
hi Nichito!
thanks for reply. actually when my contents are get larger than the size i defined for content in css then the data comes out of my designed css pastern.
How can i avoid that?
Please see the image bellow, so that you can get the problem.
Thanks again for reply.
problem.JPG
•
•
Join Date: Jul 2006
Location: Deptford, London
Posts: 954
Reputation:
Rep Power: 5
Solved Threads: 48
Posting Shark
The easiest way to get that look is with a <table> element, especially if you want text in either of the two side columns. Otherwise.. you can do some tricks with background color, etc, to make it look like the other column's are supposed to be that long, or, you could nest the inner column inside a large element that acts like both side columns. Generally, in CSS only, you cant make 2 blocks be the same size when one of them depends on its content for size ( unless those elements are nested inside each other ).
If it only works in Internet Explorer; it doesn't work.
•
•
Join Date: Jan 2008
Location: India
Posts: 160
Reputation:
Rep Power: 1
Solved Threads: 7
Junior Poster
•
•
•
•
Originally Posted by MattEvans
The easiest way to get that look is with a <table> element, especially if you want text in either of the two side columns. Otherwise.. you can do some tricks with background color, etc, to make it look like the other column's are supposed to be that long, or, you could nest the inner column inside a large element that acts like both side columns. Generally, in CSS only, you cant make 2 blocks be the same size when one of them depends on its content for size ( unless those elements are nested inside each other ).
hi MattEvans
thanks for reply. But can you please make it more clear to me? i am not getting what you are trying to explain me. Are you telling me to use table in each page to display contents?
if so then i am dome same. but the problem is as shwon in img attached.
•
•
Join Date: Jul 2006
Location: Deptford, London
Posts: 954
Reputation:
Rep Power: 5
Solved Threads: 48
Posting Shark
Can you post more of your code? Specifically, which CSS attributes are applied to the table, and to the large content section in the middle? Also, post the markup of the table, if you don't mind.
If it only works in Internet Explorer; it doesn't work.
•
•
Join Date: Jan 2008
Location: Bangalore, India
Posts: 336
Reputation:
Rep Power: 0
Solved Threads: 32
Posting Whiz
hi
for entire page use a table having 1 row and 3 column, and put
on first row - LeftNav
on second row - Content
on third row - RightNav
here make invisible the border of tables through css formating.
for entire page use a table having 1 row and 3 column, and put
on first row - LeftNav
on second row - Content
on third row - RightNav
here make invisible the border of tables through css formating.
A computer lets you make more mistakes faster than any invention in human history - with the possible exceptions of handguns and tequila.
~Mitch Ratcliffe
~Mitch Ratcliffe
•
•
Join Date: Jan 2008
Location: India
Posts: 160
Reputation:
Rep Power: 1
Solved Threads: 7
Junior Poster
•
•
•
•
Originally Posted by DangerDev
hi
for entire page use a table having 1 row and 3 column, and put
on first row - LeftNav
on second row - Content
on third row - RightNav
here make invisible the border of tables through css formating.
Hi DangerDev,
Thank you very much for your reply. Its really a good solution for this problem.
But actually i am updating an existing site which contains near about 400 pages of asp and HTML code. So i think it is not a so much good way for doing that. And its also that, if i did not get any other solution then, i need to do this only in each of 400 pages.
Still if you have any other solution for this, then please help me.
Thanks again.
Good Day.
•
•
Join Date: Jan 2008
Location: India
Posts: 160
Reputation:
Rep Power: 1
Solved Threads: 7
Junior Poster
•
•
•
•
Originally Posted by MattEvans
Can you post more of your code? Specifically, which CSS attributes are applied to the table, and to the large content section in the middle? Also, post the markup of the table, if you don't mind.
Hi,
Thanks for reply.
Here is the code.
#rightnav
{
background-color: #FFCC33;
color: #FF3300;
position: absolute;
left: 698px;
top: 41px;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
width: 210px;
height: 1506px;
border-right: solid 1px #FFFFFF;
border-bottom: solid 45px #65AF45;
}
#leftnav
{
background-color: White;
position: absolute;
left: 102px;
top: 313px;
height: 1234px;
width: 210px;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
float: left;
border-left: solid 1px white;
border-bottom: solid 45px #65AF45;
font-size: 8pt;
font-family: "Trebuchet MS" , Geneva, Arial, Helvetica, SunSans-Regular, sans-serif;
line-height: 4pt;
color: #134d27;
}
#content
{
font-family: Arial, Helvetica, sans-serif;
position: absolute;
left: 283px;
top: 313px;
height: 1222px;
width: 404px;
padding: 0px 5px 5px 5px;
padding-bottom: 12px;
text-justify: distribute-all-lines;
border-bottom: solid 45px #65AF45;
border-left: solid 1px #65AF45;
background-color: White;
}
In pages directly i included Div's, Id's and classes. If you need more than this then please let me know. Thanks for Replay. Have a good day.
|
•
•
•
•
•
•
•
•
DaniWeb HTML and CSS Marketplace
•
•
•
•
Currently Active Users Viewing This Thread: 1 (0 members and 1 guests)
Linear Mode
- Mac bar (HTML and CSS)
Other Threads in the HTML and CSS Forum
- Previous Thread: browserhawk
- Next Thread: In navigation display:block; property is giving problem in IE6
