CSS question, please help! - GoFuckYourself.com

05-23-2005, 01:08 PM

This is driving me up the tree, and I can't figure it out. I have the following css design. The main content layer is float right, while the sidebar is a layer below with a large padding to keep it on the left side. Looks fine like that.

But if there's more content like here, you can see that the floating layer goes beyond the main and even the footer. How can I achieve that the damned layer extends properly?

I know I could do it the other way around, but I want the content to appear above the sidebar links in the HTML.

Please help me...

EviLGuY · 05-23-2005, 01:29 PM

I'd help but I am forcing myself not to work today.. but here's a bump before I get another beer. :D

05-23-2005, 02:06 PM

bump! anyone, please

$5 submissions · 05-23-2005, 02:19 PM

Bump for Vlad.

megatgpdotnet · 05-23-2005, 02:27 PM

Hm..... still waiting for CSS expert... ;)

galleryseek · 05-23-2005, 02:38 PM

Ok, first of all your html is wrong...

You're using <br /> to space out your paragraphs when you should be using <p>.

A fix for what you want to do, in a hahahahahaha-rigged manner, would be adding a height of 700px (height: 700px;) within #main.

But if you want it to work with any amount of text, i would suggest replacing those BR's with P's first and experimenting more. I'm no css/xhtml expert myself but I've done enough of my own projects to know that it is possible and it just requires a lot of fucking around with... and also, I know enough not to ask on GFY LOL.

Go to sitepoint.com and post in their CSS forum, or webmasterworld. You'll get better responses.

willysbirthday · 05-23-2005, 03:02 PM

Use a table... Problem solved.

Fukeneh · 05-23-2005, 03:06 PM

pure CSS designs are kind of silly. learn to use html better.

galleryseek · 05-23-2005, 03:12 PM

Quote:

Originally Posted by Fukeneh

pure CSS designs are kind of silly. learn to use html better.

# Superior cross-browser, cross-platform and future compatibility
# Better control over the site content's presentation
# Increase accessibility for a wide range of browsers
# Faster access for low-bandwidth users.
# Improve user's experience on site
# Improve search engine visibility

yeah, pure css designs are kind of silly!

05-23-2005, 03:28 PM

Quote:

Originally Posted by Fukeneh

pure CSS designs are kind of silly. learn to use html better.

Hah right.

Thanks galleryseek, I use those <br /> because they are xhtml compliant, and this is just a template anyway

I think it's rather a matter of just the div layer layout really. I will try with absolute positioning of the layers, instead of using the float.

05-23-2005, 03:30 PM

Quote:

Originally Posted by galleryseek

# Superior cross-browser, cross-platform and future compatibility
# Better control over the site content's presentation
# Increase accessibility for a wide range of browsers
# Faster access for low-bandwidth users.
# Improve user's experience on site
# Improve search engine visibility

yeah, pure css designs are kind of silly!

No to mention easier to change layout across large sites and tons of pages and less overhead on the code - smaller page sizes. CSS ain't silly...

05-23-2005, 01:08 PM	#1
X37375787 Guest Posts: n/a	CSS question, please help! This is driving me up the tree, and I can't figure it out. I have the following css design. The main content layer is float right, while the sidebar is a layer below with a large padding to keep it on the left side. Looks fine like that. But if there's more content like here, you can see that the floating layer goes beyond the main and even the footer. How can I achieve that the damned layer extends properly? I know I could do it the other way around, but I want the content to appear above the sidebar links in the HTML. Please help me...

05-23-2005, 02:19 PM	#4
$5 submissions I help you SUCCEED Industry Role: Join Date: Nov 2003 Location: The Pearl of the Orient Seas Posts: 32,195	Bump for Vlad. __________________ Need a NON-ADULT income stream? We build your YOUTUBE CHANNEL for only $20 per video! For Hire: $3/hour or $400 per month Marketing Specialist Virtual Assistants

05-23-2005, 02:27 PM	#5
megatgpdotnet Confirmed User Join Date: Jun 2004 Location: EU Posts: 1,296	Hm..... still waiting for CSS expert... ;) __________________ ICQ: 343 896 902 \| Traffic: Buy and Sell \| My top sponsors: Dating (1:26 fs) \| Webcams (20% lifetime) \| $25 / free signup \| Paysites (trials, crossells, alternative billing) \| Other Stuff .com domains $7.99 \| Dreamhost promo codes \| Cheap quality content \| Embed Tube Script Toplists: 1 \| 2

05-23-2005, 03:02 PM	#7
willysbirthday Confirmed User Join Date: Feb 2004 Location: balmer Posts: 436	Use a table... Problem solved. __________________ oOooooooOOo

05-23-2005, 01:29 PM	#2
EviLGuY So Fucking Banned Join Date: Apr 2003 Location: malta Posts: 12,745	I'd help but I am forcing myself not to work today.. but here's a bump before I get another beer. :D

05-23-2005, 02:06 PM	#3
X37375787 Guest Posts: n/a	bump! anyone, please

05-23-2005, 02:38 PM	#6
galleryseek Confirmed User Industry Role: Join Date: Mar 2002 Posts: 8,234	Ok, first of all your html is wrong... You're using <br /> to space out your paragraphs when you should be using <p>. A fix for what you want to do, in a hahahahahaha-rigged manner, would be adding a height of 700px (height: 700px;) within #main. But if you want it to work with any amount of text, i would suggest replacing those BR's with P's first and experimenting more. I'm no css/xhtml expert myself but I've done enough of my own projects to know that it is possible and it just requires a lot of fucking around with... and also, I know enough not to ask on GFY LOL. Go to sitepoint.com and post in their CSS forum, or webmasterworld. You'll get better responses.

05-23-2005, 03:06 PM	#8
Fukeneh Confirmed User Industry Role: Join Date: Mar 2004 Location: Location: Location: Posts: 1,245	pure CSS designs are kind of silly. learn to use html better.