# CSS Help

**URL:** https://forums.speedlife.net/t/css-help/200424
**Category:** PittSpeed Off Topic
**Created:** [October 30, 2008, 5:03pm UTC](https://forums.speedlife.net/t/css-help/200424 "2008-10-30T17:03:27Z")
**Posts on this page:** 18
**Page:** 1

<div class="post-metadata">

### Author: ![4doors5gears](https://yyz2.discourse-cdn.com/flex034/user_avatar/forums.speedlife.net/4doors5gears/32/6006_2.png) [@4doors5gears](https://forums.speedlife.net/u/4doors5gears)
#### Post date: [October 30, 2008, 5:03pm UTC](https://forums.speedlife.net/t/css-help/200424/1 "2008-10-30T17:03:27Z")

</div>

To all you web guys on here:

I am trying to establish a 3 column site basically with a background color, two thin columns and then a center column.

In Firefox it looks good, but in IE it looks like shit.

I want no top or bottom margin, and I want it to span the entire length of the document, but I cannot figure out what the fuck I’m doing wrong. I’ve been messing with CSS shit for all of about a week or so now, so my knowledge is minimal although I’m picking it up pretty quickly.

Here is the site:

[www.equinekk.com/indextest.html](http://www.equinekk.com/indextest.html)

CSS File:

[www.equinekk.com/equinekk.css](http://www.equinekk.com/equinekk.css)

Any help is appreciated.

Dan

---

<div class="post-metadata">

### Author: ![ShalerPunk](https://yyz2.discourse-cdn.com/flex034/user_avatar/forums.speedlife.net/shalerpunk/32/5976_2.png) [@ShalerPunk](https://forums.speedlife.net/u/ShalerPunk)
#### Post date: [October 30, 2008, 5:16pm UTC](https://forums.speedlife.net/t/css-help/200424/2 "2008-10-30T17:16:35Z")

</div>

i’d do the widths in percentages, rather than pixels.

and they look identical in Firefox and IE. Which versions are you using?

---

<div class="post-metadata">

### Author: ![4doors5gears](https://yyz2.discourse-cdn.com/flex034/user_avatar/forums.speedlife.net/4doors5gears/32/6006_2.png) [@4doors5gears](https://forums.speedlife.net/u/4doors5gears)
#### Post date: [October 30, 2008, 5:27pm UTC](https://forums.speedlife.net/t/css-help/200424/3 "2008-10-30T17:27:13Z")

</div>

IE 6.0  
Firefox 3.0.3

Is there any benefit for using the widths in % rather than pixels?

I’ll get the new IE and check it.

---

<div class="post-metadata">

### Author: ![starboy](https://yyz2.discourse-cdn.com/flex034/user_avatar/forums.speedlife.net/starboy/32/5985_2.png) [@starboy](https://forums.speedlife.net/u/starboy)
#### Post date: [October 30, 2008, 5:36pm UTC](https://forums.speedlife.net/t/css-help/200424/4 "2008-10-30T17:36:37Z")

</div>

did you make a wrapper?

---

<div class="post-metadata">

### Author: ![ShalerPunk](https://yyz2.discourse-cdn.com/flex034/user_avatar/forums.speedlife.net/shalerpunk/32/5976_2.png) [@ShalerPunk](https://forums.speedlife.net/u/ShalerPunk)
#### Post date: [October 30, 2008, 5:38pm UTC](https://forums.speedlife.net/t/css-help/200424/5 "2008-10-30T17:38:14Z")

</div>

> [@STi vs civic vs GTi (NSFW on post #222)](https://forums.speedlife.net/t/sti-vs-civic-vs-gti-nsfw-on-post-222/38452/97):
>
> Is there any benefit for using the widths in % rather than pixels?

screen resolution of the person viewing the site.

if someone has a shitty PC, at 800x600, they can’t see that whole table.

if someone has a high end machine, running at some absurd resolution, your table will just look like a stripe in the middle of their screen.

---

<div class="post-metadata">

### Author: ![4doors5gears](https://yyz2.discourse-cdn.com/flex034/user_avatar/forums.speedlife.net/4doors5gears/32/6006_2.png) [@4doors5gears](https://forums.speedlife.net/u/4doors5gears)
#### Post date: [October 30, 2008, 5:46pm UTC](https://forums.speedlife.net/t/css-help/200424/6 "2008-10-30T17:46:28Z")

</div>

> [@6 cylinder subaru info](https://forums.speedlife.net/t/6-cylinder-subaru-info/38510/9):
>
> did you make a wrapper?

I was reading about that, but I’m not sure on how to utilize it… Cliffs?

> [@Travolta Fever Firebird for sale](https://forums.speedlife.net/t/travolta-fever-firebird-for-sale/38482/12):
>
> screen resolution of the person viewing the site.
> 
> if someone has a shitty PC, at 800x600, they can’t see that whole table.
> 
> if someone has a high end machine, running at some absurd resolution, your table will just look like a stripe in the middle of their screen.

I got ya… yeah on my 20" widescreen it looked good. I’ll have to switch to %. I’ve been out of the web design for a while now.

The problem was my IE 6. It looks fine now.

---

<div class="post-metadata">

### Author: ![starboy](https://yyz2.discourse-cdn.com/flex034/user_avatar/forums.speedlife.net/starboy/32/5985_2.png) [@starboy](https://forums.speedlife.net/u/starboy)
#### Post date: [October 30, 2008, 6:14pm UTC](https://forums.speedlife.net/t/css-help/200424/7 "2008-10-30T18:14:54Z")

</div>

try adding this to the first line of your css, \* {margin:0; padding:0;}

---

<div class="post-metadata">

### Author: ![sexywhitegirl](https://avatars.discourse-cdn.com/v4/letter/s/848f3c/32.png) [@sexywhitegirl](https://forums.speedlife.net/u/sexywhitegirl)
#### Post date: [November 3, 2008, 4:19am UTC](https://forums.speedlife.net/t/css-help/200424/8 "2008-11-03T04:19:42Z")

</div>

i no off topic but reading the website… who is this lady… where she from… what she do… i ride horses and it became interesting to me lol…

---

<div class="post-metadata">

### Author: ![4doors5gears](https://yyz2.discourse-cdn.com/flex034/user_avatar/forums.speedlife.net/4doors5gears/32/6006_2.png) [@4doors5gears](https://forums.speedlife.net/u/4doors5gears)
#### Post date: [November 3, 2008, 7:19am UTC](https://forums.speedlife.net/t/css-help/200424/9 "2008-11-03T07:19:12Z")

</div>

It’s my girlfriend. She is an equestrian and horse trainer/instructor.

---

<div class="post-metadata">

### Author: ![4doors5gears](https://yyz2.discourse-cdn.com/flex034/user_avatar/forums.speedlife.net/4doors5gears/32/6006_2.png) [@4doors5gears](https://forums.speedlife.net/u/4doors5gears)
#### Post date: [February 24, 2009, 6:04pm UTC](https://forums.speedlife.net/t/css-help/200424/10 "2009-02-24T18:04:08Z")

</div>

Bump.

I have the \<div\> columns established, but anytime I get text that runs down below the page and gets a scroll bar, I lose the \<div\> columns.

The Page in question is [http://www.equinekk.com/yogafaq.html](http://www.equinekk.com/yogafaq.html) scroll to the bottom.

any ideas?

---

<div class="post-metadata">

### Author: ![starboy](https://yyz2.discourse-cdn.com/flex034/user_avatar/forums.speedlife.net/starboy/32/5985_2.png) [@starboy](https://forums.speedlife.net/u/starboy)
#### Post date: [February 24, 2009, 6:35pm UTC](https://forums.speedlife.net/t/css-help/200424/11 "2009-02-24T18:35:26Z")

</div>

add this to your style sheet under body,

EDIT:

sorry, height:100%;

Should look like this in your external stlye sheet

body  
{  
height:100%;  
margin: 0px 0px 0px 0px;  
padding: 0px 0px 0px 0px;  
text-decoration:none;  
font-family:“Trebuchet MS”;  
color:#FFFFFF;  
background-image: url(images/bg.jpg);  
background-repeat: repeat-x;  
font-size: 16px;  
}

* * *

ps. might want to add some more fonts to your font family.

---

<div class="post-metadata">

### Author: ![4doors5gears](https://yyz2.discourse-cdn.com/flex034/user_avatar/forums.speedlife.net/4doors5gears/32/6006_2.png) [@4doors5gears](https://forums.speedlife.net/u/4doors5gears)
#### Post date: [February 24, 2009, 8:43pm UTC](https://forums.speedlife.net/t/css-help/200424/12 "2009-02-24T20:43:31Z")

</div>

> [@I now hate my Bose headphones: distortion after 1 month](https://forums.speedlife.net/t/i-now-hate-my-bose-headphones-distortion-after-1-month/39686/20):
>
> add this to your style sheet under body,
> 
> EDIT:
> 
> sorry, height:100%;
> 
> Should look like this in your external stlye sheet
> 
> body  
> {  
> height:100%;  
> margin: 0px 0px 0px 0px;  
> padding: 0px 0px 0px 0px;  
> text-decoration:none;  
> font-family:“Trebuchet MS”;  
> color:#FFFFFF;  
> background-image: url(images/bg.jpg);  
> background-repeat: repeat-x;  
> font-size: 16px;  
> }
> 
> * * *
> 
> ps. might want to add some more fonts to your font family.

Damn I added height to everything else, if that’s the only issue I’ll be pissed… stupid CSS…

What is the benefit to adding more fonts to the family? Just curious.

Thanks for the help.

---

<div class="post-metadata">

### Author: ![starboy](https://yyz2.discourse-cdn.com/flex034/user_avatar/forums.speedlife.net/starboy/32/5985_2.png) [@starboy](https://forums.speedlife.net/u/starboy)
#### Post date: [February 25, 2009, 1:49am UTC](https://forums.speedlife.net/t/css-help/200424/13 "2009-02-25T01:49:52Z")

</div>

> [@I now hate my Bose headphones: distortion after 1 month](https://forums.speedlife.net/t/i-now-hate-my-bose-headphones-distortion-after-1-month/39686/21):
>
> Damn I added height to everything else, if that’s the only issue I’ll be pissed… stupid CSS…
> 
> What is the benefit to adding more fonts to the family? Just curious.
> 
> Thanks for the help.

Did it work?

I wouldn’t use the word benefit here, replace it with rule of thumb. Reason why you use more then one font is the end-user may not have the font you requested in css. Hence if the user doesn’t have that font… Then no text will appear. Generally you just want to choose fonts that are similar to the first font in question.

edited: thats probably not going to work, after taking a closer look at your code… hah you made this WAY to complicated for what it is.

If you need any help hit me up on AIM

---

<div class="post-metadata">

### Author: ![fshowcars](https://yyz2.discourse-cdn.com/flex034/user_avatar/forums.speedlife.net/fshowcars/32/5937_2.png) [@fshowcars](https://forums.speedlife.net/u/fshowcars)
#### Post date: [February 25, 2009, 5:14am UTC](https://forums.speedlife.net/t/css-help/200424/14 "2009-02-25T05:14:50Z")

</div>

check out webdeveloper plugin to firefox… it allows you to mouse over any site and locate the style sheet info… you can also edit css on the fly in the browser to see the changes before you make them. naturally ie is going to be a pita… they don’t seem to follow standards and will always cause some minor issue… at least in my minimal experience.

---

<div class="post-metadata">

### Author: ![4doors5gears](https://yyz2.discourse-cdn.com/flex034/user_avatar/forums.speedlife.net/4doors5gears/32/6006_2.png) [@4doors5gears](https://forums.speedlife.net/u/4doors5gears)
#### Post date: [February 25, 2009, 7:34am UTC](https://forums.speedlife.net/t/css-help/200424/15 "2009-02-25T07:34:03Z")

</div>

> [@Year end / Christmas Bonus...](https://forums.speedlife.net/t/year-end-christmas-bonus/39547/140):
>
> Did it work?
> 
> I wouldn’t use the word benefit here, replace it with rule of thumb. Reason why you use more then one font is the end-user may not have the font you requested in css. Hence if the user doesn’t have that font… Then no text will appear. Generally you just want to choose fonts that are similar to the first font in question.
> 
> edited: thats probably not going to work, after taking a closer look at your code… hah you made this WAY to complicated for what it is.
> 
> If you need any help hit me up on AIM

Yeah looking into it more I could’ve done it a lot easier. I think my problem is I have overlapping \<div\> columns, and the top one has the text content whereas the one behind it doesn’t, and doesn’t stretch with the text.

I’ll look into it a little more and I might have to IM ya.

> [@Motor Trend Test: New Sti](https://forums.speedlife.net/t/motor-trend-test-new-sti/39580/30):
>
> check out webdeveloper plugin to firefox… it allows you to mouse over any site and locate the style sheet info… you can also edit css on the fly in the browser to see the changes before you make them. naturally ie is going to be a pita… they don’t seem to follow standards and will always cause some minor issue… at least in my minimal experience.

Thanks for the heads up, that would help. In my very minimal experience I have noticed that IE really is a pain, catering the code just so it conforms to IE.

---

<div class="post-metadata">

### Author: ![fshowcars](https://yyz2.discourse-cdn.com/flex034/user_avatar/forums.speedlife.net/fshowcars/32/5937_2.png) [@fshowcars](https://forums.speedlife.net/u/fshowcars)
#### Post date: [February 25, 2009, 12:07pm UTC](https://forums.speedlife.net/t/css-help/200424/16 "2009-02-25T12:07:07Z")

</div>

sounds good… mozilla also has a plugin called IEtab, which you can open pages using the IE engine in firefox, which is nice for troubleshooting like this.

formatting sucks… post up your css if you need help.

---

<div class="post-metadata">

### Author: ![starboy](https://yyz2.discourse-cdn.com/flex034/user_avatar/forums.speedlife.net/starboy/32/5985_2.png) [@starboy](https://forums.speedlife.net/u/starboy)
#### Post date: [February 27, 2009, 9:42am UTC](https://forums.speedlife.net/t/css-help/200424/17 "2009-02-27T09:42:31Z")

</div>

I take it everything’s good to go now?

---

<div class="post-metadata">

### Author: ![4doors5gears](https://yyz2.discourse-cdn.com/flex034/user_avatar/forums.speedlife.net/4doors5gears/32/6006_2.png) [@4doors5gears](https://forums.speedlife.net/u/4doors5gears)
#### Post date: [February 27, 2009, 3:48pm UTC](https://forums.speedlife.net/t/css-help/200424/18 "2009-02-27T15:48:43Z")

</div>

Yeah I tried to IM ya last night but you just signed off…

I had an issue with position:relative and the column wouldn’t go past the end of the content and not every page has text all the way down, so i needed to go to position:absolute.

Thanks a lot for the help, I really appreciate it.
