12 replies [Last post]
hollow_dimm
hollow_dimm's picture
Offline
Enthusiast
Last seen: 15 years 9 weeks ago
Joined: 2007-03-23
Posts: 51
Points: 0

Let me preface this post by stressing my thanks for the mondo help you all have been. ;P

IF you view this page the table and description bleed into the the #rightpane.

I have tried constraining the max-width and tried giving it margins, but with no success.

The interesting bit about the table is that it has no id tags or class considering the plethora of extraneous ids and classes I am provided with.

Thankfully this is the only Table on the webpage so I can alter the TD tag.

Any suggestions so it won't run off into the right div tag?

The #THEIMG is also overlapping the TD because of the necessary float property, but the

Overflow: hidden

is not working in this scenario.

http://www.silverrose.net/help/inventory.htm
http://www.silverrose.net/help/zencss.css

Apologies for the confusing superfluous CSS tags, but I am only
given one CSS document for the entire website.
((Besides that the layout is atrocious with hidden crap))
((I love the hidden pic in the clsButton2))

Getting Marketworks to change anything is like trying to pull teeth out of a crocodile with tweezers.

=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=

 

Behold the power of CSS alone
Just don't validate my HTML

 

=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=

SweetMelissaGT
SweetMelissaGT's picture
Offline
newbie
Atlanta, GA
Last seen: 15 years 17 weeks ago
Atlanta, GA
Timezone: GMT-4
Joined: 2007-04-11
Posts: 6
Points: 0

What are you trying to float?

What are you floating on this page? Can you insert the CSS for the content on the page into a post? It looks to me like you didn't clear the floats. This means that you may need the property "clear:both;" to appear at the top of the CSS for the div called "iddescription". This should make the table pop under the image, that is unless you want it beside the image.

#iddescription { float: left; ... }

SweetMelissaGT
SweetMelissaGT's picture
Offline
newbie
Atlanta, GA
Last seen: 15 years 17 weeks ago
Atlanta, GA
Timezone: GMT-4
Joined: 2007-04-11
Posts: 6
Points: 0

Stop the bleeding!

For a three column layout, I would recommend floating all three columns left inside a container, then give the center column margins or padding to separate it from the other two. You will need to set a width for each of the columns (relative or absolute) and make sure that the total widths of the columns including the margins and padding does not exceed the width of the container. If it does, one of the columns will pop down. This should stop the "bleeding".

Also, you might have bleeding because your widths are not correct. When you specify a width for the center column, you also have to consider any padding as part of that width. For example, if the width is 600px and you specify a padding of 20px, then the width will really become 20px+600px+20px. You have to compensate for this by reducing the overall width to 560px and leaving the padding.

hollow_dimm
hollow_dimm's picture
Offline
Enthusiast
Last seen: 15 years 9 weeks ago
Joined: 2007-03-23
Posts: 51
Points: 0

3 columns, float `em left, I would if I could

Good advice on clear: both on the float.

The three div tags for each column would work in a perfect world where I had three columns.

But on the page in question:

http://www.silverrose.net/help/inventory.htm

not all of the middle column is contained within an ID tag.

I again stress the disgruntled truth that I cannot affect the HTML in anyway because it is serverside asp by a separate company.

I can only affect the CSS.

I have checked margins and padding, but if you saw the site it is WAYY going off page there is some other issue here.

The shear volume of the css is a bit overpowering, but I am still unable to determine why I can not constrain the middle section to smaller the correct proportions.

=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=

 

Behold the power of CSS alone
Just don't validate my HTML

 

=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=

Tyssen
Tyssen's picture
Offline
Moderator
Brisbane
Last seen: 7 years 43 weeks ago
Brisbane
Timezone: GMT+10
Joined: 2004-05-01
Posts: 8201
Points: 1386

Can I just start by saying

Can I just start by saying that you should tell that other company that their HTML is seriously ****ed up. I just tried this inside Fireforks so dunno how it'll go in IE:

#iddescription table h4, #iddescription table div { width: auto } #iddescription table { float: left } #iddescription table h2 { clear: both }

How to get help
Post a link. If you can't post a link, jsFiddle it.
My blog | My older articles | CSS Reference

hollow_dimm
hollow_dimm's picture
Offline
Enthusiast
Last seen: 15 years 9 weeks ago
Joined: 2007-03-23
Posts: 51
Points: 0

Thanks

Perfect. IE and Fire.

WoW I had now idea that you could style separate elements of IDs by using

#iddescription table

I was trying to center all table with the
#TD {float: left} to no avail, which would of course affect all tables.

This concept opens the possibilities of much design potential.

I wonder why I have never crossed the concept in my self tutoring.

DHTML and CSS for the WWW by Jason Cranford Teague

or in Lynda training CSS videos.

Any Good recommended CSS reference books you peeps might suggest?

=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=

 

Behold the power of CSS alone
Just don't validate my HTML

 

=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=

hollow_dimm
hollow_dimm's picture
Offline
Enthusiast
Last seen: 15 years 9 weeks ago
Joined: 2007-03-23
Posts: 51
Points: 0

Marketworks coders probably have 6 months till retirement.

If you want a laugh check out the img that they cleverly masked as a hidden input in the form for auctions.

<input type=hidden name=iurl value=http://images.auctionworks.com/hi/60/60233/5300.jpg>

This is a mass profile probably attempted to be used my many clients worldwide.

I love how they include a comment tag as the first line above the doctype.
Which renders the document nearly unvalidatable as XHTML.

You think they would spend less time "trying to be clever" and more time parsing their code for errors.

=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=

 

Behold the power of CSS alone
Just don't validate my HTML

 

=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=

wolfcry911
wolfcry911's picture
Offline
Guru
MA, USA
Last seen: 8 years 24 weeks ago
MA, USA
Timezone: GMT-5
Joined: 2004-09-01
Posts: 3224
Points: 237

hollow_dimm wrote:You think

hollow_dimm wrote:
You think they would spend less time "trying to be clever" and more time parsing their code for errors.

I would think you should have dumped them long ago...

hollow_dimm
hollow_dimm's picture
Offline
Enthusiast
Last seen: 15 years 9 weeks ago
Joined: 2007-03-23
Posts: 51
Points: 0

Heads up their @$$3$

Not my decision. It's my gf family business.

They were on Infopeia, but they had similiar issues.

Marketworks now wants $500 for "Gold Care" customer service to respond to my phone inqueries.

Plus they want $100/hr min 10 hrs with a estimated fix time of a couple months to fix the doctype BS and profile errors.

They have their heads stuck somewhere, I'm telling you.

=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=

 

Behold the power of CSS alone
Just don't validate my HTML

 

=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=

wolfcry911
wolfcry911's picture
Offline
Guru
MA, USA
Last seen: 8 years 24 weeks ago
MA, USA
Timezone: GMT-5
Joined: 2004-09-01
Posts: 3224
Points: 237

they should be paying you

they should be paying you

hollow_dimm
hollow_dimm's picture
Offline
Enthusiast
Last seen: 15 years 9 weeks ago
Joined: 2007-03-23
Posts: 51
Points: 0

They are.

I have left my job and have been working for them for the past three months.
They are paying me, but I took a paycut to come help them.

Their business had been floundering. I'm trying to turn things around.

They have been doing this 10 yrs, but had a pagerank of 0 and pretty much only sold on eBay.

It's been 5 years since I hosted any sites.

I had to learn css, flash for google advertising, php for some forums I made for them, access because all of their database were messed.

I've been working day / night, but you guys have been a huge help.

=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=

 

Behold the power of CSS alone
Just don't validate my HTML

 

=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=

hollow_dimm
hollow_dimm's picture
Offline
Enthusiast
Last seen: 15 years 9 weeks ago
Joined: 2007-03-23
Posts: 51
Points: 0

SilverRose.net

=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=

 

Behold the power of CSS alone
Just don't validate my HTML

 

=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=

wolfcry911
wolfcry911's picture
Offline
Guru
MA, USA
Last seen: 8 years 24 weeks ago
MA, USA
Timezone: GMT-5
Joined: 2004-09-01
Posts: 3224
Points: 237

Not SilverRose, I meant

Not SilverRose, I meant MarketWorks. They should be backcharged for putting together such a pile of crap. You'd be far better off dumping them and starting from scratch. It will be easier, less time consuming, and cheaper.