Pages: [1] 2 
|
 |
|
Author
|
Topic: CSS help needed (Read 1088 times)
|
[Al]
Site Admin
God Like!
 Online
Gender: 
Posts: 8728
Currently working on SDH v0.9
|
Okay, I'm stumped. I'm not HTML/CSS expert and I think my problem is going to need one!
It seemed a trivial request from Yidwann, "Al, can you make the box with the border for the left and right side stuff extend all the way to the bottom on long articles?".
Basically if you look at the SDH homepage and scroll down, the right box stops under the "freecaster preview" and the left under the google adwords. We'd like them to continue, blank inside with the 1px border, to the bottom of the page.
But try as I might, I can't. If any CSS wiz can tell me which element I need to modify, and how, I would be very appreciative.
FYI here is what I tried.
- Adding height: 100%; to the left_outer.
- Adding height: 100%; to the left_inner too.
- Adding height: 100%; to table.content
- Adding height: 100%; to table.content.td
- Adding height: 100%; to the main table
- Adding height: 100%; to td#outline
- I think nearly every combination of the above.
None work. Help!
|
|
|
|
|
Logged
|
Rides: DH - SC Bullit.2/Totems/Hopes. XC - SC Heckler/Pikes(Push)/XTs. Road - Kaffenback.
Ride fast, take chances. Just don't blame me when you fall off.
|
|
|
|
|
|
|
|
|
DHE-8 Dave
God Like!
 Offline
Gender:
Posts: 2487
^ you see, I do ride... sometimes :-/
|
Had a quick go and got the right one working in firefox. Soz well busy doing similar stuff at work so no time to do the other and test properly for now. Anyway... Give the main table an id. <div align="center"> <table border="0" cellpadding="0" cellspacing="0" width="908"> <tr> That one there ^ and say height:100%; Then apply height:100%; to the #right_outer, #right_inner,#content_inner,#content_outer. Then mess with the margin and padding a tad so it fits good at the botton. See below not quite perfect but busy soz. |
|
|
|
« Last Edit: May 03, 2007, 12:58:03 PM by DHE-8 Dave »
|
Logged
|
|
|
|
|
|
|
|
Simon N
Full Member
Offline
Gender:
Posts: 161
www.free-riders.co.uk
|
open up template_css.css FIND #left_inner {
border: 1px solid #cccccc;
padding: 2px;
float: none !important;
float: left;
} REPLACE WITH #left_inner {
height: 120pc;
border: 1px solid #cccccc;
padding: 2px;
float: none !important;
float: left;
} FIND #right_inner {
border: 1px solid #cccccc;
padding: 2px;
float: none !important;
float: left;
} REPLACE WITH #right_inner {
height: 120pc;
border: 1px solid #cccccc;
padding: 2px;
float: none !important;
float: left;
} SAVE AND UPLOAD Try the above and see if thats what you were trying to achieve. Laid out the changes as simply as I could but basically you are adding height: 120pc; to both the left and right inner css styles. Oh pc would be percent! Hope this helps |
|
|
|
|
Logged
|
|
|
|
|
|
DHE-8 Dave
God Like!
Offline
Gender:
Posts: 2487
^ you see, I do ride... sometimes :-/
|
open up template_css.css FIND #left_inner {
border: 1px solid #cccccc;
padding: 2px;
float: none !important;
float: left;
} REPLACE WITH #left_inner {
height: 120pc;
border: 1px solid #cccccc;
padding: 2px;
float: none !important;
float: left;
} FIND #right_inner {
border: 1px solid #cccccc;
padding: 2px;
float: none !important;
float: left;
} REPLACE WITH #right_inner {
height: 120pc;
border: 1px solid #cccccc;
padding: 2px;
float: none !important;
float: left;
} SAVE AND UPLOAD Try the above and see if thats what you were trying to achieve. Laid out the changes as simply as I could but basically you are adding height: 120pc; to both the left and right inner css styles. Oh pc would be percent! Hope this helps What is the point in !important-ing the float none combined with the float left. Surely it's just gunna ignore the float left so you mite as well remove it all together.  |
|
|
|
|
Logged
|
|
|
|
|
|
|
|
|
|
|
|
|
|
Pages: [1] 2 
|
|
|
|
|
|
|
