7 replies [Last post]
leon_nerd
leon_nerd's picture
Offline
Regular
India
Last seen: 11 years 24 weeks ago
India
Timezone: GMT+5.5
Joined: 2007-08-20
Posts: 22
Points: 0

Hi Guys,

I am having a problem with the layout of a page that I am making these days.

Here is the link of the page:
http://www.t3astudios.com/problem/website/index.html

If I look it in IE7 then it looks the way I want but when I see it in Firefox then the Blue tab appears on the top. The div with id="content" seems to be the problematic one.

Here is the CSS for the same:
http://www.t3astudios.com/problem/website/css/master.css

I am kind of confused what all things work in Mozilla and what works in IE. I would like to know why this problem is coming and what is the resolution to make the blue tab appears in the right place, just below the top banner.

Thanks in advance.

thepineapplehead
thepineapplehead's picture
Offline
Guru
Last seen: 37 weeks 1 day ago
Joined: 2004-06-30
Posts: 9668
Points: 801

Your site could stand with

Your site could stand with being recoded a bit more structurally, and with a lot less DIVs and inline images. It won't work with images disabled and is liable to fall apart if the text size is increased.

You also have a CENTER tag, which is a biiiiiiig no-no Wink

I'd try and combine some of the images and use them as background-images on better HTML elements. Here's the way I'd do it:

Husky Book

Without knowing what these tabs will contain it's hard for me to decide hwo to structure them.

The reason your tab is in the wrong place is possibly because you haven't cleared/contained your floats.

Verschwindende wrote:
  • CSS doesn't make pies

leon_nerd
leon_nerd's picture
Offline
Regular
India
Last seen: 11 years 24 weeks ago
India
Timezone: GMT+5.5
Joined: 2007-08-20
Posts: 22
Points: 0

Thanks for your help. I

Thanks for your help. I found out that setting clear:both solved the problem for the blue tab div.

I think you are right about using lesser DIVs. I was thinking that I will break down the images and put them but I think its better if I put them as one image at the top(as a strip).

Thanks for your help.

thepineapplehead
thepineapplehead's picture
Offline
Guru
Last seen: 37 weeks 1 day ago
Joined: 2004-06-30
Posts: 9668
Points: 801

Let us know if you need any

Let us know if you need any more help with it Wink

Verschwindende wrote:
  • CSS doesn't make pies

leon_nerd
leon_nerd's picture
Offline
Regular
India
Last seen: 11 years 24 weeks ago
India
Timezone: GMT+5.5
Joined: 2007-08-20
Posts: 22
Points: 0

Backgroung gradient problem fo Page_Height > Body_BG_Image_Heigh

Ahh yes. One problem I am facing is the body gradient. I have an image which I am using u as the body background. The image has got of height of 1000px and I am repeating it over 'x'. Now the problem is if the content on the page goes beyond 1000px in height then the image will start repeating i.e. the gradient will reappear (which is quite obvious). I have a gradient with blue on top and white at bottom. I want that if the page goes over 1000px in height then the white color should continue all the way down.

How can I do it?

Thanks in advance.

thepineapplehead
thepineapplehead's picture
Offline
Guru
Last seen: 37 weeks 1 day ago
Joined: 2004-06-30
Posts: 9668
Points: 801

Try this: body { 

Try this:

body { background: #fff url(../images/Page_BG.jpg) repeat-x 0 0; width:1000px; margin:auto; }

Verschwindende wrote:
  • CSS doesn't make pies

leon_nerd
leon_nerd's picture
Offline
Regular
India
Last seen: 11 years 24 weeks ago
India
Timezone: GMT+5.5
Joined: 2007-08-20
Posts: 22
Points: 0

WOW !!! Ok I understand the

WOW !!!

Ok I understand the parameters you passed (color, image, repeat, position)...is that right? Now how this thing actually works? Does this mean that bgcolor and bgimage work together too? Well if thats the case then I am wondering how many such hidden secrets are yet to be revealed in CSS :jawdrop: . I thought I knew CSS and now I feel like "Heck !!! What were you thinking?" Sad

Thanks alot for the help. I really appreciate Smile .

thepineapplehead
thepineapplehead's picture
Offline
Guru
Last seen: 37 weeks 1 day ago
Joined: 2004-06-30
Posts: 9668
Points: 801

It's shorthand, you can

It's shorthand, you can combine several attributes into one; I just find it neater like that Laughing out loud

Verschwindende wrote:
  • CSS doesn't make pies