Tek-Tips is the largest IT community on the Internet today!

Members share and learn making Tek-Tips Forums the best source of peer-reviewed technical information on the Internet!

Register Log in
  • Congratulations Chris Miller on being selected by the Tek-Tips community for having the most helpful posts in the forums last week. Way to Go!

CSS Positioning 5

Status
Not open for further replies.
MrBelfry

MrBelfry

IS-IT--Management
May 21, 2003
289
Hey

I'm trying to get good at something before I 'have' to. I'm messing around with CSS positioning and was wondering if anyone had designed a site or knew of a site that is totally relient on CSS positioning (as opposed to tables). Basically I'm after some tips and some examples of how to structure a document.

Thanks

MrBelfry
 
Sort by date Sort by votes
Edward is right. I've just started visiting these myself. Eric Meyer is definitely out there in a lot of spots. Now, I don't have the book, but the project files he shows here


are pretty insightful. I'll have to buy it soon. As you said, MrBelfry, learn it before you have too. That's where i'm going. Let us know how it goes.

Max

 
Upvote 0 Downvote
I'm just finished one site using mainly CSS with the odd table where another designer has being doing the graphics
and I'm partway into a site that will be all CSS. Once you get to grips with it. it's not rocket science and every browser looks the same with no messing about.

CSS pointers group

and inspiration


Chris.

Indifference will be the downfall of mankind, but who cares?
 
Upvote 0 Downvote
Hey guys thanks for the great links. You all got a shiny star for helping me out but now I have more questions.

Whats the difference, in terms of usability and accesibility, between using relative and absolute positioning? Which style do you prefer to use and why?

The majority of things I have seen used either a mixture of both or purely absolute positioning.

Your thoughts and experience would be greatly appreciated.

MrBelfry
 
Upvote 0 Downvote
You know, I'm a little fuzzy on the difference myself, so I just float everything and don't specify relative or absolute, figuring the browser will do whatever it does.

I'm just an egg. [egg]

Cheers,


[monkey] Edward [monkey]

"Cut a hole in the door. Hang a flap. Criminy, why didn't I think of this earlier?!" -- inventor of the cat door
 
Upvote 0 Downvote
Thanks to everyone for there useful advice and links to css positioning resources. Here are something important I've learnt:

Use the 'strict' doctype. This forces IE6 to behave like Mozilla when working out widths and things. Strangely 25% + 25% + 50% doesn't make 100%. The doctype is
<!DOCTYPE HTML PUBLIC &quot;-//W3C//DTD HTML 4.01 Transitional//EN&quot;
&quot;
MrBelfry
 
Upvote 0 Downvote
I'm over working this thread tonight.

In a stylesheet what does something like this do:

.content>p {margin: auto;}
.content>p+p {text-indent:30px;}

I think it applies to any p tags withn the content class. So any P tag within any content class holder will have its margin set to auto to p tags together will also result in a text-indent of 30px. Is this correct? (I know it IE ignores this).

Finally what does this do
body>#navRight {width:168px;}

As always I'm learning loads thanks



MrBelfry
 
Upvote 0 Downvote
Status
Not open for further replies.

Similar threads

jizzer
  • Locked
  • Question
HTML/CSS Image map with multiple tool-tips
Replies
3
Views
1K
spamjim
spamjim
Expoverse
  • Locked
  • Helpful tip
Solution to CSS Two Level Horizonal Menu 1
Replies
1
Views
766
pmonett
pmonett
PeDa
  • Locked
  • Question
CSS two level horizontal menu
Replies
0
Views
610
PeDa
PeDa
PeDa
  • Locked
  • Question
Horizontal rule and CSS problem 2
Replies
2
Views
649
PeDa
PeDa
tyutghf
  • Locked
  • Question
Achieving this grid layout in css
Replies
1
Views
208
tyutghf
tyutghf

Part and Inventory Search

Sponsor

Back
Top