23 replies [Last post]
asengh
asengh's picture
Offline
Enthusiast
Last seen: 13 years 5 weeks ago
Joined: 2006-11-25
Posts: 107
Points: 0

Have a look at this site:

http://kttm.freehostia.com/sikhsoul/

I know i've been told before to not use so many divtags! But sorry thats the only way I can make a decent site.

Ok back to my problem. If you look at the page in different browsers (FF and IE) you can see a difference in the container. The container in IE seems to be working fine but the container in FF is very distorted and doesnt work. I know theres a problem with the CSS and HTML here so please tell me where my problem lies so I can fix it.

P.S the site isnt complete thats why you can see the bottom image missing Tongue

Hugo
Hugo's picture
Offline
Moderator
London
Last seen: 5 years 31 weeks ago
London
Joined: 2004-06-06
Posts: 15668
Points: 2806

If you mean by 'distorted'

If you mean by 'distorted' the gap towards the bottom then you need to read up on collapsing margins in fact it's important to understand how CSS properties behave altogether.

p{margin-top:0;}

Control your margins, at all times.

Quote:

I know i've been told before to not use so many divtags! But sorry thats the only way I can make a decent site.

This is not a credible statement, learn how! with our help Smile

Inlining styles very bad! please don't. place them in the head or external.

position absolute bad! avoid it for layout elements.

Hugo.

Before you make your first post it is vital that you READ THE POSTING GUIDELINES!
----------------------------------------------------------------
Please post ALL your code - both CSS & HTML - in [code] tags
Please validate and ensure you have included a full Doctype before posting.
Why validate? Read Me

asengh
asengh's picture
Offline
Enthusiast
Last seen: 13 years 5 weeks ago
Joined: 2006-11-25
Posts: 107
Points: 0

Quote: This is not a

Quote:
This is not a credible statement, learn how! with our help

Yes very true. Its just i'm lazy and want quick results.

Is there any articles you can provide me with (spoon feed Smile)

ragamuffin
ragamuffin's picture
Offline
Leader
Iowa
Last seen: 11 years 22 weeks ago
Iowa
Joined: 2005-06-02
Posts: 691
Points: 0

Lazy people who want quick

Lazy people who want quick results can achieve that with Google. Smile

Search for "css layout tutorials", "css layouts", "css techniques", etc. Just a little effort will bring quick results. Actually reading them will be the hard part. Wink

- r

asengh
asengh's picture
Offline
Enthusiast
Last seen: 13 years 5 weeks ago
Joined: 2006-11-25
Posts: 107
Points: 0

All my tags arent absoloute

All my tags arent absoloute positioned anyway there nearly relative.

I've tried doing a search but still to no avail.

Just dont get it...

asengh
asengh's picture
Offline
Enthusiast
Last seen: 13 years 5 weeks ago
Joined: 2006-11-25
Posts: 107
Points: 0

All my tags arent absoloute

All my tags arent absoloute positioned anyway they are nearly all relative.

I've tried doing a search but still to no avail.

Just dont get it...

asengh
asengh's picture
Offline
Enthusiast
Last seen: 13 years 5 weeks ago
Joined: 2006-11-25
Posts: 107
Points: 0

PLEAAASE reply!! Why don't

PLEAAASE reply!!

Why don't the containers work in different browsers? Please supply with articles if possible.

thepineapplehead
thepineapplehead's picture
Offline
Guru
Last seen: 21 weeks 2 days ago
Joined: 2004-06-30
Posts: 9668
Points: 801

Sorry asengh, but you are

Sorry asengh, but you are coming across as VERY impatient and unwilling to help yourself.

You'll have to do a bit of Googling for CSS Layouts and come up with something before we will help you.

And stop bumping your topic, after only a few hours.

Verschwindende wrote:
  • CSS doesn't make pies

Hugo
Hugo's picture
Offline
Moderator
London
Last seen: 5 years 31 weeks ago
London
Joined: 2004-06-06
Posts: 15668
Points: 2806

Rather than pick up on my

Rather than pick up on my secondary point about position absolute why have you not addressed my main point in asking what the problem was! it's not clear! what is distorted? define distorted? it's a loose phrase without specific meaning. I suggested one solution to the only problem I could see! now please tell me whether I missed the point or whether you missed that part of my post.

Hugo.

Before you make your first post it is vital that you READ THE POSTING GUIDELINES!
----------------------------------------------------------------
Please post ALL your code - both CSS & HTML - in [code] tags
Please validate and ensure you have included a full Doctype before posting.
Why validate? Read Me

ragamuffin
ragamuffin's picture
Offline
Leader
Iowa
Last seen: 11 years 22 weeks ago
Iowa
Joined: 2005-06-02
Posts: 691
Points: 0

asengh wrote:All my tags

asengh wrote:
All my tags arent absoloute positioned anyway they are nearly all relative.

  • Site layout updated
  • New words added in dictionary click here to view all words









Content for class "content" Goes Here

 

 





Really?

-r

Hugo
Hugo's picture
Offline
Moderator
London
Last seen: 5 years 31 weeks ago
London
Joined: 2004-06-06
Posts: 15668
Points: 2806

DW hell! F*** semantics

DW hell!

F*** semantics lets lay all this out as layer1, layer2, layer3, layer4, layer5, layer6, and position everything absolute *deep sigh*

Before you make your first post it is vital that you READ THE POSTING GUIDELINES!
----------------------------------------------------------------
Please post ALL your code - both CSS & HTML - in [code] tags
Please validate and ensure you have included a full Doctype before posting.
Why validate? Read Me

asengh
asengh's picture
Offline
Enthusiast
Last seen: 13 years 5 weeks ago
Joined: 2006-11-25
Posts: 107
Points: 0

Ok every one take a chill

Ok every one take a chill pill.

Hugo what I meant by distorted was the container div.

On FF it has a gap there (thats what i meant distorted) whilst on IE it looks fine.. The backround replicates down (repeat ; y, or what ever it is). but doesnt in FF.

Just wanted to know why this was. Then I got confused when you started talking about colapsing margine or something.

asengh
asengh's picture
Offline
Enthusiast
Last seen: 13 years 5 weeks ago
Joined: 2006-11-25
Posts: 107
Points: 0

Ok maybe most of them are

Ok maybe most of them are absoloute poistioned but some of arent, some are relatively positioned. I've been messing around with my template more and have made them more relatively positioned but my only problem is the container div (the distortion), and the fact that I dont know how to use tags other then divtags.

ragamuffin
ragamuffin's picture
Offline
Leader
Iowa
Last seen: 11 years 22 weeks ago
Iowa
Joined: 2005-06-02
Posts: 691
Points: 0

asengh wrote:Ok maybe most

asengh wrote:
Ok maybe most of them are absoloute poistioned but some of arent, some are relatively positioned. I've been messing around with my template more and have made them more relatively positioned but my only problem is the container div (the distortion), and the fact that I dont know how to use tags other then divtags.

This is where you need to do your homework to understand html and css. We may be able to help you with a quick fix, but if you don't want to do the research and work through some trial and error, how on earth are you going to learn? There is little patience on this forum for those who want things selfishly done for them, but there is alot of patience for those that continue to try and make an effort on their own. Wink

What have you tried? Have you tried applying 'margin:0;' to your content and/or container divs?

- r

Hugo
Hugo's picture
Offline
Moderator
London
Last seen: 5 years 31 weeks ago
London
Joined: 2004-06-06
Posts: 15668
Points: 2806

asengh wrote:Ok every one

asengh wrote:
Ok every one take a chill pill.

Hugo what I meant by distorted was the container div.

On FF it has a gap there (that's what i meant distorted) whilst on IE it looks fine.. The background replicates down (repeat ; y, or what ever it is). but doesn't in FF.

Just wanted to know why this was. Then I got confused when you started talking about collapsing margine or something.

asengh I knew to what you referred, but was attempting to point out that it was far from descriptive of the problem at hand. If you had said 'gap' in the first place it would have much clearer, it's important to try and describe a problem as accurately as possible.

Rather than stop when you get confused you must persevere, if necessary ask what is meant by 'collapsing margin'; better and the approach I always would take is take that key phrase and shove it into my best friend Google and see what I can find to read that might help me understand and is why I often I leave it at deliberately supplying a few key words that I know will return pertinent pages on a subject, and hope that people might reply back having made some inroads to understanding something so that they can at least step up to the plate and say that they have a better understanding but that they still don't get ....

I did actually provide an answer in the form of that margin:0; for the offending 'p' element, did you give that a try?

You must get out of the mind set that is looking for easy solutions and gives up when faced with challenges. We can't always provide total solutions sometimes it's just guidance and you will have to fill in the blanks.

I'm not having a go at you but actually trying to help you in ways that are far more vital than just a quick solution from which nothing is learnt.

Hugo.

Before you make your first post it is vital that you READ THE POSTING GUIDELINES!
----------------------------------------------------------------
Please post ALL your code - both CSS & HTML - in [code] tags
Please validate and ensure you have included a full Doctype before posting.
Why validate? Read Me

asengh
asengh's picture
Offline
Enthusiast
Last seen: 13 years 5 weeks ago
Joined: 2006-11-25
Posts: 107
Points: 0

Yeah hugo sorry for being so

Yeah hugo sorry for being so selfish.

I guess I did have a look at collapsing margins but it made no sence because some reason I couldnt relate it to what my problem was. And then when you gave that margin : 0 solution I tried making the container div (parent) and the content div (child) with 0 styled margin. But it was to no avail.

So in that sence I have tried but not hard enough because if I looked hard enough maybe I would find a solution.

Thanks anyways.

asengh
asengh's picture
Offline
Enthusiast
Last seen: 13 years 5 weeks ago
Joined: 2006-11-25
Posts: 107
Points: 0

Ok i'd just like to say

Ok i'd just like to say something...

This what I tried... I put this style in style sheet

p { margin: 0px; }

And what happend was that my writing got squashed together with no gaps. But then when I checked the browsers the gap on FF was gone although backround image didnt repeat.
On IE it looked the same but just my text squashed together.

Thats weird.

Hugo
Hugo's picture
Offline
Moderator
London
Last seen: 5 years 31 weeks ago
London
Joined: 2004-06-06
Posts: 15668
Points: 2806

asengh wrote:Ok i'd just

asengh wrote:
Ok i'd just like to say something...

This what I tried... I put this style in style sheet

p { margin: 0px; }

And what happend was that my writing got squashed together with no gaps. But then when I checked the browsers the gap on FF was gone although backround image didnt repeat.
On IE it looked the same but just my text squashed together.

Thats weird.
and what I showed earlier was P{margin-top:0;}

If you do p {margin:0;} none of your paragraphs will be spaced out with paragraphs generally you do not need margins top and bottom and anyway that is why margins collapse so that you do not end up with huge spacings.

Hugo.

Before you make your first post it is vital that you READ THE POSTING GUIDELINES!
----------------------------------------------------------------
Please post ALL your code - both CSS & HTML - in [code] tags
Please validate and ensure you have included a full Doctype before posting.
Why validate? Read Me

asengh
asengh's picture
Offline
Enthusiast
Last seen: 13 years 5 weeks ago
Joined: 2006-11-25
Posts: 107
Points: 0

Its just that I didnt know

Its just that I didnt know you could even style writing and stuff. Well I tried what you told me and the distortion (gap) was gone but the backround image doesnt repeat (in FF) thats my only problem now.

asengh
asengh's picture
Offline
Enthusiast
Last seen: 13 years 5 weeks ago
Joined: 2006-11-25
Posts: 107
Points: 0

ok ok i get the picture you

ok ok i get the picture you want me to do my own homework.

Well I have. I think my backround problem is that there is no clearing div. thats all I know so far. But still when I tried to apply to my template it was to no avail as the backround still wouldnt repeat in FF.

Can someone please advise!

asengh
asengh's picture
Offline
Enthusiast
Last seen: 13 years 5 weeks ago
Joined: 2006-11-25
Posts: 107
Points: 0

Still no luck. All I get on

Still no luck.

All I get on other forums is that you should redeisng your layout structure.

I cant find no help on google or this forum.

thepineapplehead
thepineapplehead's picture
Offline
Guru
Last seen: 21 weeks 2 days ago
Joined: 2004-06-30
Posts: 9668
Points: 801

asengh wrote:All I get on

asengh wrote:
All I get on other forums is that you should redeisng your layout structure.

Do you mean to say you've posted this problem on other forums as well?

So while we're racking our brains trying to help you, several people on other forums are also working on the problem?

Making our efforts a complete waste of time?

I sure hope not.

Verschwindende wrote:
  • CSS doesn't make pies

asengh
asengh's picture
Offline
Enthusiast
Last seen: 13 years 5 weeks ago
Joined: 2006-11-25
Posts: 107
Points: 0

So while we're racking our

So while we're racking our brains trying to help you, several people on other forums are also working on the problem?

As soon as the topic when quite it seemed like know one wanted to help anymore therefore help from other resources was legit.

What i'm planning on doing is just redesign the site anyway as I dont like the html coding of this one. And plus i'm having problems with relative styled tags as they keep making my page longer when negative values are entered for it.

Hugo
Hugo's picture
Offline
Moderator
London
Last seen: 5 years 31 weeks ago
London
Joined: 2004-06-06
Posts: 15668
Points: 2806

asengh wrote:So while we're

asengh wrote:
So while we're racking our brains trying to help you, several people on other forums are also working on the problem?

As soon as the topic when quite it seemed like know one wanted to help any more therefore help from other resources was legit.

What i'm planning on doing is just redesign the site anyway as I dont like the html coding of this one. And plus i'm having problems with relative styled tags as they keep making my page longer when negative values are entered for it.

Fair enough but please be careful about running the same thread across multiple forums.

Now you say that all you got from them was a reply of "you need to re-design" not very helpful but factual and also obviously you wouldn't expect people to just throw up code for you? I hope Smile

You now have stated that you will re-design which what was asked by the other mystery forums so start that off and keep us posted as to how it's going and we will help out ( this I touched on in your other thread)

Please however do not run two threads at same time, but I think you know not to do that Smile

Before you make your first post it is vital that you READ THE POSTING GUIDELINES!
----------------------------------------------------------------
Please post ALL your code - both CSS & HTML - in [code] tags
Please validate and ensure you have included a full Doctype before posting.
Why validate? Read Me