Jump to content


CSS Layout problems...


6 replies to this topic

#1 Digital Masters

    Young Padawan

  • Members
  • Pip
  • 6 posts

Posted 25 March 2007 - 12:26 PM

Somebody could help me to fix this layout in other screen sizes?

In 1024x768 works perfectly, but 800x600 or 640x480 are very incompatible.

I could use tables for structure three simple columns. But I want to learn to make without tables.

Would be necessary some Javascript?

Thanks and sorry if my English is poor.

[EDIT]

The problem is the two images in right DIV, when the space accepts only one.

[]'s

Edited by Digital Masters, 25 March 2007 - 02:31 PM.


#2 _*Creative Insanity_*

  • Guests

Posted 25 March 2007 - 02:50 PM

In your wrapper add width:auto and that should fix your problem.

#3 Digital Masters

    Young Padawan

  • Members
  • Pip
  • 6 posts

Posted 25 March 2007 - 04:08 PM

No, don't work.

Well, I made some changes in HTML/CSS and now, the problems are caused by the texts of central column.

More lines, more problems :o

I believe that the problem can really be solved with Javascript.

I use jQuery, but I'm not familiar to it.

Maybe, somebody can help me with a onLoad correction?

[]'s

#4 _*Creative Insanity_*

  • Guests

Posted 25 March 2007 - 05:07 PM

Have you got the page inside your wrapper?

#5 Digital Masters

    Young Padawan

  • Members
  • Pip
  • 6 posts

Posted 26 March 2007 - 06:53 AM

No, not a page.

#wrapper envolves the main content (right block).

Inside #wrapper I have the first, second and third columns. In 1024x768 works fine, but in low resolutions, the specified padding is not sufficient to expand (or not) these columns.

Anything, see the source code. :biggrin:

[]'s

#6 knedl

    Young Padawan

  • Members
  • Pip
  • 243 posts
  • Gender:Male
  • Location:Slovenia
  • Interests:Designing and programing

Posted 27 March 2007 - 02:42 AM

holy crap this looks like the admin cp in invision power board :lol:

#7 Stewie

    Young Padawan

  • Validating
  • Pip
  • 14 posts

Posted 30 March 2007 - 10:56 PM

use a percentage,

width: 50%;
right: 0px;

should do it with css or something to that effect, but use a percentage so that its size is based off of the size of the window, but everything has to be formatted to work like that, you cant have one solid image, it has to be a repeatable tile for the best results.





1 user(s) are reading this topic

0 members, 1 guests, 0 anonymous users