4 replies [Last post]
theworldhatespaul
Offline
newbie
Last seen: 14 years 26 weeks ago
Joined: 2006-11-07
Posts: 3
Points: 0

Hi All, I am new to the boards. I am teaching myself CSS by updating my work's website.

I have tested it in Mac OS X Safari, Mac Firefox 1, and Mac IE 5.2 and everything looks fine. I tested it in Windows XP IE 7 and it looks fine, but, surprise surprise, I have one small problem in IE 6.

The text in the center of my site (starts with "Custom Shirt FAQ"...blah blah blah..) seems to begin aligned to the bottom of my leftpad (just below where I have "Check us out on Myspace..." and the dash line).

1. What is going on here? Is it an issue with an align or width or float? Or is something else going on?

2. How can I fix the problem?

Here is the site...
http://www.strangecargo.com/basic_grad/index.html

Thank you all for your time, patience, and insight.
Paul

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

Remove the width from

Remove the width from #centrecontent - it'll automatically fill the remaining space left over after the margin anyway. And you don't really need a leftpad and centrepad - just add the padding to the left and right column elements.

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

theworldhatespaul
Offline
newbie
Last seen: 14 years 26 weeks ago
Joined: 2006-11-07
Posts: 3
Points: 0

RE: Remove the width from

Thanks Tyssen for the reply!

I tried your suggestions and didn't see any difference when I tested the site with Windows IE6. I think this is less a formatting issue and more of an IE6 bug issue.

I am still trying to figure this out. I am going through the validation issues. Another problem is that I can't test Windows IE6 at work, we just have IE7 on our Windows machine, and run Macs everywhere else.

Any other suggetions?

Thanks, Paul

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

theworldhatespaul wrote:I

theworldhatespaul wrote:
I tried your suggestions and didn't see any difference when I tested the site with Windows IE6.

Works for me:





Strange Cargo




@import url(style/style.css);
.style2 {font-family: Arial, Helvetica, sans-serif; font-size: 12px; }

body {

background:#660000;
margin:0;
padding:0;
border-top:0;
text-align:center;

}

p {

font:11px arial, verdana, sans-serif;
padding:5px;
margin:0;

}

p2 {

font:11px arial, verdana, sans-serif;
padding:15px;
margin:0;

}

a, a:link {

font:11px arial, verdana, sans-serif;
color:#000;

}

a:active, a:visited {

font:11px arial, verdana, sans-serif;
color:#000;

}

a:hover {

font:11px arial, verdana, sans-serif;
color:#000;

}

h1 {

font:bold 14px arial, verdana, sans-serif;
color:#660000;
padding:0;
margin:0;

}


h2 {

font:bold 12px arial, verdana, sans-serif;
color:#000000;
padding:5px;
margin:0;

}

#container {

background:#FFF;
width:730px;
margin-left:auto;
margin-right:auto;
padding:0 10px 0 10px;

}

#header {

width:730px;
height:134px;
background:url(../img/banners/holiday_banner.jpg) bottom center no-repeat;

}

#navcon {

width:710px;
height:25px;
background:#ffffff;
text-align:right;
padding-right:20px;
padding-top:20px;
border-bottom:2px solid #660000;

}

#navcon a:link, #navcon a:active, #navcon a:visited {

font:16px arial, verdana, sans-serif;
color:#000;
padding:0 3px 0 3px;;
text-decoration:none;

}

#navcon a:hover {

font:16px arial, verdana, sans-serif;
color:#660000;
padding:0 3px 0 3px;
text-decoration:underline;

}

#leftside {

float:left;
width:190px;
padding: 10px;
border-right:1px dashed #660000;
border-bottom:1px dashed #660000;
text-align:left;

}

#centercontent {
margin-left:210px;
padding: 10px;
text-align:left;
}

#footer {
clear:both;
width:710px;
height:31px;
background:#ffffff;
padding:20px 20px 0 0;
text-align:right;

}

#footer a:link, #footer a:visited, #footer a:active {

font:bold 11px arial, verdana, sans-serif;
color:#000;
text-decoration:none;

}

#footer a:hover {

font:bold 11px arial, verdana, sans-serif;
color:#660000;
text-decoration:underline;

}

img.floatRightClear {
float: right;
clear: right;
margin: 4px;
}

Strange Cargo

3448 N Clark St

Chicago, IL 60657

773-327-8090

[email protected]

[email protected]

 

Store Hours

Monday-Friday 11:30 AM to 6:45 PM

Saturday 11:00 AM to 6:45 PM

Sunday 11:30 AM to 5:30 PM

 

Holiday Hours

Dec. 18 - 23 11:00 AM to 8:00 PM

Dec. 24 10:00 AM to 3:00 PM

New Year's Day Noon to 5:00 PM

 

Check us out on Myspace here.

Custom Shirt FAQ

What is a custom letter shirt?

This is a shirt that we apply our flock letters and numbers to.

How long does it take?

Normally this process takes anywhere from 10 to 20 minutes, depending on the complexity of your orderCustom Letter Shirt.

How much does it cost?

Shirt and setup fees on average are $15 plus $0.50 per letter.

Can I write anything I want on a shirt?

Yes you may! We are in the business of making shirts, not dictating what you say on them.

What can you apply letters to?

We can customize hoodies, hats, underwear, and just about any other piece of clothing. If needed we will test your garment first to make sure we can apply letters to it.

Can I bring in my own shirt?

Yes, we will customize your own shirt. We change $10 for the setup and $0.50 per letter.

Do you have group pricing?

We can accomadate any size order and do give price breaks for larger quantities. Group orders take 7-10 business days, but often less time than this. The pricing depends on the number of colors in your transfer, the number of prints per shirt, and the number of shirts ordered. Minimal order for this process is 6 shirts.

Top

  Photo Shirt Information

We can put any image you want on a shirt! We call the process a Photo Shirt. To make the process quicker and easier for everyone here are some guidelines for photo shirts.

We prefer digital images in Jpeg, Photoshop (.psd), or Illustrator (.ai) formats - we may not be able to work with other formats.

We can work with digital images from a CD, DVD, or USB driven device – sorry no floppy disks! 

We can scan most any printed item, though if it is larger than our scanner bed there may be an art charge added.  

We can usually enlarge an image, but how much depends on the quality of the source image (dpi and dimensions) – enlarging an image may cause pixilation.

The entire process usually take under 20 minutes.

Finally, we can only print photo shirts on white or light colored shirts. 

You can always send us your image in advance at [email protected] with the subject ATTN: Photo Shirt Order, but you will still have to come in to place your order.

You can click on the image below to see what a photo shirt looks like.

Photoshirt Image

Top

 

Coupons

The new and improved Strange Cargo website is coming soon! Please continue to check back often, and in the meantime, feel free to print off these coupons. Click on the coupons to open them in a new window for easy printing!

10% Off Coupon

Free T-Shirt Offer

Top

  Directions to the Store

Driving Directions: From Interstate 90 get off at exit 45, Addison Street, and take Addison east towards the lake. Look for signs for Wrigley Field; we’re just south of there. When you get to the intersection of Addison and Clark Street (approx. 3.2 miles from the interstate), take a right. Strange Cargo will be three blocks down on the right side of the street, across from Einstein Bros. Bagels.

Public Transportation Directions. El: You can take the Red, Brown, or Purple lines to the Belmont stop. From there head east along Belmont Avenue to the intersection of Belmont and Clark Street. Take a left on Clark--you’ll be heading northwest. Strange Cargo will be three blocks up on the left side of the street. Bus: Take the 22 Clark bus to Newport Avenue. We're across the street from Einstein Bros. Bagels, next to Bookworks bookstore.

Check out Google maps for your own directions.

Top

  Artists In Residence

At the start of 2006 we decided that our neighborhood, Lakeview, home to the Chicago Cubs, was becoming just a little too sterile and losing character. We have certainly seen the neighborhood change in the last 20 years. To remedy this problem we started the Strange Cargo “Live Art” program. At the start of 2006 we decided that our neighborhood, Lakeview, home to the Chicago Cubs, was becoming just a little too sterile and losing character. We have certainly seen the neighborhood change in the last 20 years. To remedy this problem we started the Strange Cargo “Live Art” program.

Here’s how it works: We are looking for musicians, painters, belly dancers, jugglers, sword swallowers, just about anybody with some kind of talent.  All you gotta do is contact Jaime Dahms at [email protected] and tell her what you do.  See if it works for her.  Then she will schedule a time and you will get paid (Jaime will discuss that all important detail with you).  You get great exposure and we get something interesting to shake things up a little.

 

Derek Q - September 8


Derek Q Photo 1

Derek Q Photo 2

Derek Q Photo 3

Derek Q Photo 4

 

Julia C - July 21


Julia Photo 1

Julia Photo 2

Julia Photo 3

Julia Photo 4

 

Maria C - July 8


Maria Photo 1

Maria Photo 2

Maria Photo 4

Maria Photo 5

 

Scott Fricke and Nex - June 24


Scott and Nex Photo 2

Scott and Nex Photo 3

Scott and Nex Photo 4

Scott and Nex Photo 5

 

Top

 

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

theworldhatespaul
Offline
newbie
Last seen: 14 years 26 weeks ago
Joined: 2006-11-07
Posts: 3
Points: 0

Thank You Tyssen

Thanks Tyssen, your version worked! I had misunderstood your suggestion and my code was referring to an old stylesheet! Shame on me!

Thanks a bunch!
Paul