Tycoon Talk
Become a Big fish!
The number 1 forum for online business!
Post topics, ask questions, share your knowledge.
Tycoon Talk is part of Freelancer.com - find skilled workers online at a fraction of the cost.

CSS Forum


You are currently viewing our CSS Forum as a guest. Please register to participate.
Login



Reply
A Little Design Help(Small Error & Question)
Old 11-14-2008, 03:06 PM A Little Design Help(Small Error & Question)
Novice Talker

Posts: 5
Name: Xhris
Trades: 0
Whats being used on this page to stretch the main background: http://completepcrecycling.us/about-us/ between that page and the main homepage: http://completepcrecycling.us/? I'm editing this site for a friend and not quite sure he wants a textarea there and would perfer it to be on the page itself, But everytime I add it it throws off the 3 images at near the bottom and knocks everything out of alignment.. He likes usually having me edit his sites for him, Cause he likes the fact that I'll learn newer stuff and that I'm quite cheaper than a pro.. He's also hell bent on getting me to switch from Windows over to Linux completely..LoL!! But I think that I need to use a lil longer/white background area... But is there being a image used or a certain attribute or what exactly? I'm pretty much somewhat of a beginner novice, And a lil pointing out what exactly needs to be changed would be great..

Thanks

Last edited by n1nj4Lo; 11-14-2008 at 08:22 PM..
n1nj4Lo is offline
Reply With Quote
View Public Profile
 
 
Register now for full access!
Old 11-14-2008, 03:24 PM Re: A Little Design Help(Small Error & Question)
LadynRed's Avatar
Defies a Status

Posts: 10,017
Location: Tennessee
Trades: 0
The method is used is 100% height (see the stickies), but on that 2nd page you linked to,the center body wrapper floats are not cleared, so the wrapper doesn't stretch and 'contain' it's contents correctly.
__________________
Web Goddess & Web Standards Evangelist :) - Tables Be Gone !!

Please login or register to view this content. Registration is FREE


Please login or register to view this content. Registration is FREE

LadynRed is offline
Reply With Quote
View Public Profile
 
Old 11-14-2008, 03:41 PM Re: A Little Design Help(Small Error & Question)
Novice Talker

Posts: 5
Name: Xhris
Trades: 0
Quote:
Originally Posted by LadynRed View Post
The method is used is 100% height (see the stickies), but on that 2nd page you linked to,the center body wrapper floats are not cleared, so the wrapper doesn't stretch and 'contain' it's contents correctly.
Okay is that this right here
Source 1st Page: "<div id="body_container">
<div id="body_base" style="text-align: center;">"
and how the 2nd Page is missing the: "<div id="body_base" style="text-align: center;">" or am I lost and missing something completely?

Or is it somewhere in the .CSS file and not in the .php page content..

If it is the .css file: "#body_wrapper{
float: left;
width: 100%;
}" Should I change it from that to: "#body_wrapper{
float: left;
width: 100%;
height: 100%;
}"

Also do ya mean the stickie titled: "Div 100% - Create pages that fill the browser window" or another one?

Last edited by n1nj4Lo; 11-14-2008 at 03:51 PM..
n1nj4Lo is offline
Reply With Quote
View Public Profile
 
Old 11-14-2008, 07:41 PM Re: A Little Design Help(Small Error & Question)
Novice Talker

Posts: 5
Name: Xhris
Trades: 0
Okay so I went into the CSS file and added "height: 100%;" To the body wrap and it still didnt work, So could someone point out where it is I need to edit and add or fix the bad attribute...

Heres a page with the error: http://completepcrecycling.us/index0.php

Source codes:

CSS: http://completepcrecycling.us/media/styles/default.css

What I want the messed up pages background/text/body area to look like: http://completepcrecycling.us/Desire...round_Page.txt

The messed up page with the three images all over the footer and the white background not stretching to fit its content: http://completepcrecycling.us/Error_Page.txt

Last edited by n1nj4Lo; 11-15-2008 at 01:25 AM..
n1nj4Lo is offline
Reply With Quote
View Public Profile
 
Old 11-15-2008, 07:18 AM Re: A Little Design Help(Small Error & Question)
djura's Avatar
Super Talker

Posts: 135
Name: Darko Krsmanovic
Location: Belgrade
Trades: 0
Right before #home_body_foot_container you must clear the floats like this:

<div style="clear:both;"></div>
<div id="home_body_foot_container">
__________________

Please login or register to view this content. Registration is FREE
||
Please login or register to view this content. Registration is FREE
djura is offline
Reply With Quote
View Public Profile Visit djura's homepage!
 
Old 11-15-2008, 11:05 AM Re: A Little Design Help(Small Error & Question)
Novice Talker

Posts: 5
Name: Xhris
Trades: 0
Quote:
Originally Posted by djura View Post
Right before #home_body_foot_container you must clear the floats like this:

<div style="clear:both;"></div>
<div id="home_body_foot_container">
Thanks for pointing out where I needed to go to fix/add the new attribute, Got that fixed now..

Now comes the fun part, Aligning all that text below "Responsible Recycling" this is always a bunch of fun going through the trial and error or correctly and neatly aligned text/or paragraphs.. This is always a pain, Wish I could find a generator/tool that would square all that text up for me.. LoL

Last edited by n1nj4Lo; 11-15-2008 at 11:21 AM..
n1nj4Lo is offline
Reply With Quote
View Public Profile
 
Old 11-17-2008, 10:13 AM Re: A Little Design Help(Small Error & Question)
LadynRed's Avatar
Defies a Status

Posts: 10,017
Location: Tennessee
Trades: 0
There are better ways of clearing floats that adding non-semantic and extraneous markup like that div.
Try reading up on the methods here: http://css-discuss.incutio.com/?page=ClearingSpace

What is the problem with aligning text ? Put margins and/or padding on your <p> tags and you should be able to t get a uniform alignment w/o a lot of hassles.
__________________
Web Goddess & Web Standards Evangelist :) - Tables Be Gone !!

Please login or register to view this content. Registration is FREE


Please login or register to view this content. Registration is FREE

LadynRed is offline
Reply With Quote
View Public Profile
 
Old 11-17-2008, 06:53 PM Re: A Little Design Help(Small Error & Question)
Novice Talker

Posts: 5
Name: Xhris
Trades: 0
Quote:
Originally Posted by LadynRed View Post
There are better ways of clearing floats that adding non-semantic and extraneous markup like that div.
Try reading up on the methods here: http://css-discuss.incutio.com/?page=ClearingSpace

What is the problem with aligning text ? Put margins and/or padding on your <p> tags and you should be able to t get a uniform alignment w/o a lot of hassles.
I just used a simple table and it was easier than going through and retrying every other shot with new paragraph arrangement and new break's...

I'll be sure to read up on that link, Thanks
n1nj4Lo is offline
Reply With Quote
View Public Profile
 
Reply     « Reply to A Little Design Help(Small Error & Question)
 

Thread Tools Search this Thread
Search this Thread:

Advanced Search

Posting Rules
You may not post new threads
You may not post replies
You may not post attachments
You may not edit your posts

BB code is On
Smilies are On
[IMG] code is On
HTML code is Off
Trackbacks are Off
Pingbacks are Off
Refbacks are Off





   
RSS Feed  Feeds: RSS   JS   XML
RSS Feed  Feeds for this forum: RSS   JS   XML



Page generated in 0.53679 seconds with 12 queries