css problem

css

[factasy]

Hello My name is Ann And i have problem with my css.
I want that my site adjust after what the visitor have for resolution on the screen.
I have only work with homepage sence middle of 2006 and i are from sweden and no one here can help me with the problem.
Maby someone in this great forum can help me to fix my site.

REGARDS ANN

[edited by: encyclo at 6:12 pm (utc) on Jan. 3, 2007]
[edit reason] no links to personal sites please, see forum charter [/edit]

[silentnetnz]

hi Ann! For me (I have a 1680x1050 screen resolution)your site displays mostly fine except for the google adverts hiding the text in the background in the middle of the page but i gather you want them there so people will see them. When i resize my screen all the text moves except the text below "Latest discussion forum posts:". I think this doesn't move because all this text is in a table and im too not sure but I dont think text in a table can be moved to fit everyones screen resolution. But hopefully someone out there knows a trick to do this.

[Setek]

About that table...
Your table cells have

nowrap="nowrap"

on each of them - so the minimum width of each table cell is the length of each columns' longest line of text.

I'm sorry but I didn't quite understand what it was you wanted - if it's to make the table span the width of the parent/window you can try adding a width of 100% to your table (if the parent element of the table has a fixed width, or a set width, it will do it to 100% of that width, otherwise it will set it to 100% of the viewport.)

If you wanted it to accommodate to smaller window sizes better than I would remove the

nowrap

attributes you have set.

And those Google ads...
They're absolutely positioned, which is why they overlap your content - you'll want to float them to the right, or if you wanted to specifically allocate a column for those ads (instead of text flowing around it) you can by pushing a margin on the content (for instance, a 200px absolutely positioned column to the right, you push the content's margin to 210px or something.)

If you need some more clarification just ask :)

P.S. Please remember you're not allowed to drop URIs like that - please see the Webmaster World Terms of Service [webmasterworld.com] and the CSS Forum Charter [webmasterworld.com].