|
|
|
|
Thread title: More CSS troubles.. |
|
|
|
|
|
Thread tools
Search this thread
Display Modes
|
|
12-28-2006, 06:37 PM
|
#1
|
Status: Senior Member
Join date: Aug 2006
Location: New Brunswick, Canada
Expertise: Coding / programming
Software: NotePad
Posts: 824
|
More CSS troubles..
I've begun coding ThisRate's layout and already hit a problem in Firefox. The page background doesn't seem to stretch vertically like it should, but it does perfect in IE7.
If anyone can fix this, please do so it'll be much appreciated.
http://www.packedlinks.com/cms-test/
|
|
12-28-2006, 06:44 PM
|
#2
|
Status: Request a custom title
Join date: Feb 2006
Location: USA
Expertise:
Software:
Posts: 1,076
|
I don't have enough time to look at the code but if you want I will code it for you for free.
|
|
12-28-2006, 06:57 PM
|
#3
|
Status: Designer
Join date: Aug 2006
Location: Manchester
Expertise:
Software:
Posts: 1,132
|
Oh, adam,
@the image header make sure you define the height of the header image.
@ the rollovers just get rid off all the whitespace, it causes this, so instead of:
Code:
<li> ... </li>
<li> ... </li>
Do this:
Code:
<li> ... </li><li> ,,, </li> etc.etc.
Dont ask me why, but it works.
Alex.
|
|
12-28-2006, 07:17 PM
|
#4
|
Status: Request a custom title
Join date: Dec 2005
Location: Arizona
Expertise:
Software:
Posts: 5,200
|
Try just using this for the background of the container:
Code:
background: url(images/pagebg.gif) repeat-y;
and this should also go in the container attribute:
One last thing, instead of using padding-top, etc. use this:
Code:
padding: top right bottom left; // padding: 5px 10px 5px 20px;
margin: top right bottom left; // same as above, only for margin
|
|
12-28-2006, 07:24 PM
|
#5
|
Status: Senior Member
Join date: Apr 2005
Location: Middle America
Expertise:
Software:
Posts: 955
|
All good suggestions, but, if it's supposed to be the background for the page, why is it in the container and not in the body. Example:
Code:
body {
background:#AB0C0C url('images/pagebg.gif') center repeat-y;
padding:0px;
margin:0px;
font-family:Verdana;
color:#444444;
font-size:9pt;
Note: You can combine multiple variables with the single 'background' element.
|
|
12-28-2006, 07:33 PM
|
#6
|
Status: Senior Member
Join date: Aug 2006
Location: New Brunswick, Canada
Expertise: Coding / programming
Software: NotePad
Posts: 824
|
chaka42 what you suggested works great.
Thanks alot everyone for the help, I really appreciate how helpful you are.
|
|
12-28-2006, 07:40 PM
|
#7
|
Status: Senior Member
Join date: Apr 2005
Location: Middle America
Expertise:
Software:
Posts: 955
|
Adam...anytime man...
|
|
12-28-2006, 08:54 PM
|
#8
|
Status: Request a custom title
Join date: Dec 2005
Location: Arizona
Expertise:
Software:
Posts: 5,200
|
Oh, I was under the impression you didn't want it expanding all the way down if the content went, lets say, half way.
Anyway, glad you got it sorted out.
|
|
12-28-2006, 09:04 PM
|
#9
|
Status: Senior Member
Join date: Aug 2006
Location: New Brunswick, Canada
Expertise: Coding / programming
Software: NotePad
Posts: 824
|
New problem now, same link.
I want numerous sections of the same "table-like" structure for the sides and content, but for some reason it just doesn't work out.
This layout is giving me alot of trouble, any suggestions on what to do?
|
|
12-28-2006, 09:17 PM
|
#10
|
Status: Request a custom title
Join date: Dec 2005
Location: Arizona
Expertise:
Software:
Posts: 5,200
|
First off, you are using rather bad techniques for semantics.
Code:
<div class="sidehead">Member Login</div>
<div class="sidecontent">
<p>Username</p>
<p>Password</p>
</div>
<div class="sidehead">Member Login</div>
<div class="sidecontent">
<p>Username</p>
<p>Password</p>
</div>
You can use that, and then add "margin: 0 0 20px 0;" to the class "sidecontent" in your CSS.
|
|
|
|
|
|
|
|
Currently Active Users Viewing This Thread: 1 (0 members and 1 guests)
|
|
|
|