problem with my first page viewing it on firefox?

[tekgik]

heres my first or root page http://www.pbase.com/tekgik

i have no problems viewing it on IE but when i tried firefox the width did not fit?

whats seems to be the problem here?

TIA

[matiasasun]

heres my first or root page http://www.pbase.com/tekgik

i have no problems viewing it on IE but when i tried firefox the width did not fit?

whats seems to be the problem here?

TIA

I have an Idea (I do not have my regular tools here so I just can give you some ideas).

Your stylesheet defines this parameters for h1:

Code: Select all

h1, h2
{
   border: rgb(220, 220, 220) 4px solid;
   border-left: 1px none;
   border-right: 1px none;
   border-top: 1px none;
   margin-bottom: 1em;
   margin-left: 30px;
   margin-right: -80px none;
   padding: 25px;
   width: 80%;
   display: block;
   background: rgb(0, 0, 0);
   color: rgb(0, 0, 0);
   font: italic 23px Valerie, Arial, Helvetica, sans-serif;
   letter-spacing: 7px;
   text-align: right;
   position: relative;
   filter: (A long stuff that does not fit the screen here);
}

I think the -80 pix to the right might affect the align you gave to the main picture (in the HTML description of the edit, but you already know that ). Change some and see what happens.

Anyway, the regular text does not have contrast with the background (therefore it is inivisble both in IE and Firefox). You probably knew that too, but I just wanted to say something that sounded clever. Well, hope this helps you for a while.

[eclecticphoto]

May I suggest making the text color something other than black. It's a bit difficult to read with the dark brown background.

[tekgik]

heres my first or root page http://www.pbase.com/tekgik

i have no problems viewing it on IE but when i tried firefox the width did not fit?

whats seems to be the problem here?

TIA

I have an Idea (I do not have my regular tools here so I just can give you some ideas).

Your stylesheet defines this parameters for h1:

Code: Select all

h1, h2
{
   border: rgb(220, 220, 220) 4px solid;
   border-left: 1px none;
   border-right: 1px none;
   border-top: 1px none;
   margin-bottom: 1em;
   margin-left: 30px;
   margin-right: -80px none;
   padding: 25px;
   width: 80%;
   display: block;
   background: rgb(0, 0, 0);
   color: rgb(0, 0, 0);
   font: italic 23px Valerie, Arial, Helvetica, sans-serif;
   letter-spacing: 7px;
   text-align: right;
   position: relative;
   filter: (A long stuff that does not fit the screen here);
}

I think the -80 pix to the right might affect the align you gave to the main picture (in the HTML description of the edit, but you already know that ). Change some and see what happens.

Anyway, the regular text does not have contrast with the background (therefore it is inivisble both in IE and Firefox). You probably knew that too, but I just wanted to say something that sounded clever. Well, hope this helps you for a while.

thanks Matias!

i adjusted this one

.thumbnails
{
width: 850px;
margin-center: 0;
float: right;
}p.small{
clear: both;
}

yup i agree with theblack text.

Is there any way to use gradients with firefox? I really dont know about html and css, this is purely trial & error.

TIA

[matiasasun]

Well, looks like you did come out with your own solution. Good. After all looks like trial and error is a very good way to learn all this.

Is there any way to use gradients with firefox? I really dont know about html and css, this is purely trial & error.

Sorry dude. I don´t have a clue. But it is a good question. Does somebody know the answer?

Matias

[arjunrc]

Is there any way to use gradients with firefox? I really dont know about

My limited knowledge of this space leads me to believe:

short/easy answer: no

longer answer:

1) Try one of the SVG Mozilla builds (http://www.mozilla.org/projects/svg/)
SVG stands for Scalable Vector Graphics and adds a heck of a lot of graphics features including gradients.
If you go this route:
1.a) The SVG format is different - you would have to create XML entries
for such displays

1.b) The SVG enabled Mozilla builds are not as uptodate as the official
Firefox builds. Rumour has it that Mozilla will eventually integrate
everything into one nice build (software release) - till that happens,
you are somewhat on your own.

2) Try to install Adobe SVG pluging for Firefox (I'd reccomend you dont
- its pretty unstable) [do a google search to get it and read instructions
on how to patch it in for mozilla ]


3) Try and replicate that gradient with a background image and x-repeat option. Again, not exactly like a gradient.

All in all, I really don't think its worth the effort trying to do it in Mozilla. What I did in my CSS is specify both a gradient and a default background fill color - if gradient fails, then background color (solid light-grey) kicks in.

regds
arjun