•
•
•
•
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 426,464 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 2,255 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: 6606 | Replies: 39 | Solved
 |
•
•
Join Date: Jun 2005
Location: USA
Posts: 147
Reputation: 
Rep Power: 4
Solved Threads: 1
Junior Poster
well I have fixed the layout for now will fix rest of the css later.
is ther any way to get the nav to be same size as the content unless there is more stuff in nav then content is the same size as nav.
^sorry for lousy wording; cant think of any way to explain this
so far I have tried to set min-height and height to 100% but there is no effect.
well anyway I changed the css and is now working on the test web.
is ther any way to get the nav to be same size as the content unless there is more stuff in nav then content is the same size as nav.
^sorry for lousy wording; cant think of any way to explain this
so far I have tried to set min-height and height to 100% but there is no effect.
well anyway I changed the css and is now working on the test web.
•
•
Join Date: Jun 2005
Location: USA
Posts: 147
Reputation:
Rep Power: 4
Solved Threads: 1
Junior Poster
looks like my last post bugged now I tried posting it again and my last one is now there.. so its all good.
Last edited by ashneet : Aug 16th, 2007 at 5:12 pm.
•
•
Join Date: Feb 2005
Posts: 427
Reputation:
Rep Power: 4
Solved Threads: 12
Posting Pro in Training
... Dsiembab ...
ROFLMFAO
Still - It took me more than 6 Months straight learning from HTML and sodding Tables to XHTML and pure CSS - and the bugs drove me mad...
so if I see someone who is not lazy and willing to make the shift up on learnig, then I will do alittle to give them a leg up.
I put a few questions on here, webdev... even sitepoint (which I personally do not recomend).
Only fair a return the favour...
And havig an example like that to refer to is always a big help!
... ashneet ...
Not a problem - you seem willing to learn - so I'm willing to help, plus you ever asked me to do it,
"ask for, don't get; don't ask, don't want"
- one of my Mothers many odd and completely insensical sayings
)
Let us know if it helps/works etc.
As for the Bugs, a lot of trial and error and research and swearing profusely because peolpe describe bugs differently
I myself am not keen, but will use a Hack if I have to, and to be honest, I'd rather use IE only hacks and a little invalid css than either ignore the most prominent browser and uset clients, or use umpteen style sheets (makes it nigh on impossible to alter later on!).
ROFLMFAO
Still - It took me more than 6 Months straight learning from HTML and sodding Tables to XHTML and pure CSS - and the bugs drove me mad...
so if I see someone who is not lazy and willing to make the shift up on learnig, then I will do alittle to give them a leg up.
I put a few questions on here, webdev... even sitepoint (which I personally do not recomend).
Only fair a return the favour...
And havig an example like that to refer to is always a big help!
... ashneet ...
Not a problem - you seem willing to learn - so I'm willing to help, plus you ever asked me to do it,
"ask for, don't get; don't ask, don't want"
- one of my Mothers many odd and completely insensical sayings
)Let us know if it helps/works etc.
As for the Bugs, a lot of trial and error and research and swearing profusely because peolpe describe bugs differently
I myself am not keen, but will use a Hack if I have to, and to be honest, I'd rather use IE only hacks and a little invalid css than either ignore the most prominent browser and uset clients, or use umpteen style sheets (makes it nigh on impossible to alter later on!).
•
•
Join Date: Jun 2005
Location: USA
Posts: 147
Reputation:
Rep Power: 4
Solved Threads: 1
Junior Poster
How can I get nav height to be same as the content.
I have tried many ways but they dont work.
I have tried many ways but they dont work.
•
•
Join Date: Jan 2007
Posts: 2,556
Reputation:
Rep Power: 7
Solved Threads: 115
Try this:
<html>
<head>
<title>Nav & Content</title>
<style type="text/css">
.cenx {text-align: center;}
.ceni {clear: both;}
.bxfix {margin: 0px; border: none; padding: 0px;}
.wfl {width: 100%;}
.wlf {width: 33%; margin: 0px; border: none; padding: 0px; float: left;}
.wrt {width: 66%; margin: 0px; border: none; padding: 0px; float: left;}
img {padding: 12px;}
body {background-color: #ccffcc; padding: 5%;}
</style>
</head>
<body>
<div class="wfl">
<div class="wlf">Navigate 1</div>
<div class="wrt">Content 1</div>
</div>
<div class="wfl">
<div class="wlf">Navigate 2</div>
<div class="wrt">Content 2</div>
</div>
<div class="wfl">
<div class="wlf">Navigate 3</div>
<div class="wrt">Content 3</div>
</div>
<div class="wfl">
<div class="wlf">Navigate 4</div>
<div class="wrt">Content 4</div>
</div>
</body>
</html> Last edited by MidiMagic : Aug 16th, 2007 at 8:07 pm.
Daylight-saving time uses more gasoline
•
•
Join Date: Jun 2005
Location: USA
Posts: 147
Reputation:
Rep Power: 4
Solved Threads: 1
Junior Poster
Thanks MidiMagic,
but that wont work. since I dont have multiple navigation and contents. I just have 1 content box and one navigation box. basically using php I will be modifying the contents of the navigation and content box.
but that wont work. since I dont have multiple navigation and contents. I just have 1 content box and one navigation box. basically using php I will be modifying the contents of the navigation and content box.
•
•
Join Date: Jun 2005
Location: USA
Posts: 147
Reputation:
Rep Power: 4
Solved Threads: 1
Junior Poster
I think I figured it out but it may cause some trouble.
I made this change to css:
is is alright to have two positions. since I am not sure as other one is a IE hack.
I made this change to css:
#leftcol {
float: left;
top: 0;
bottom: 0;
margin: 0 -1px 0 -150px;
padding: 0;
width: 150px;
background-color: #EEEEEE;
text-align: center;
/* IE Bug Fixes - # Hack may only work for IE 5/6 - 7 doesn't need it */
#display: inline; /* Stops IE implimenting the Double MArgin Float Bug */
#position: relative; /* Stops IE from botching negative placement */
position: absolute;
}is is alright to have two positions. since I am not sure as other one is a IE hack.
•
•
Join Date: Feb 2005
Posts: 427
Reputation:
Rep Power: 4
Solved Threads: 12
Posting Pro in Training
As far as I know, it isn't really possible.
There are waysto make it look that way (e.g. altering the BG image as I mentioned earlier?)... but otherwise no.
By putting in two positions like that, and in that order, it will take the last one only - that being :absolute.
Also, if I apply absolute to the leftcol, it just positions itself to the top left of the screen ?!?
There are waysto make it look that way (e.g. altering the BG image as I mentioned earlier?)... but otherwise no.
By putting in two positions like that, and in that order, it will take the last one only - that being :absolute.
Also, if I apply absolute to the leftcol, it just positions itself to the top left of the screen ?!?
•
•
Join Date: Feb 2005
Posts: 427
Reputation:
Rep Power: 4
Solved Threads: 12
Posting Pro in Training
regarding "height"
CSS "inherits", and "cascades".
If you have two items, outer and inner... and apply height 50% to each, thenthe outer will be50% of the screen, the inner wil be 50% of the outer.
If you only apply height 50% to the inner, and no height (or auto) to the outer, then it should not do anything, as it has no parent-height to refer to (if that makes sesnse - it has to way to tell how tall it should be!)
CSS "inherits", and "cascades".
If you have two items, outer and inner... and apply height 50% to each, thenthe outer will be50% of the screen, the inner wil be 50% of the outer.
If you only apply height 50% to the inner, and no height (or auto) to the outer, then it should not do anything, as it has no parent-height to refer to (if that makes sesnse - it has to way to tell how tall it should be!)
•
•
Join Date: Jun 2005
Location: USA
Posts: 147
Reputation:
Rep Power: 4
Solved Threads: 1
Junior Poster
I understand what you mean its just the when I set height 100% for the container the page gets too big and the scroll bar comes even if there is no content in the page.
Why display a scroll bar when you are not suppose to see it.
Why display a scroll bar when you are not suppose to see it.
|
•
•
•
•
•
•
•
•
DaniWeb HTML and CSS Marketplace
•
•
•
•
Currently Active Users Viewing This Thread: 1 (0 members and 1 guests)
Linear Mode
- Part time PHP+HTML/CSS working at home (Web Development Job Offers)
- CSS not for FIREFOX? (HTML and CSS)
- CSS not working in FireFox (HTML and CSS)
- css menu in ie7 : a:hover behaviour only on text not on the whole box (HTML and CSS)
- CSS Working in FF, not in IE problem :) (HTML and CSS)
- Css Fixed Background Attachment (Site Layout and Usability)
Other Threads in the HTML and CSS Forum
- Previous Thread: CSS Template Edit Problem
- Next Thread: LogicWeb / CSS Question
