Want to protect your cyber security and still get fast solutions? Ask a secure question today.Go Premium

x
?
Solved

Page items collapses when you resize browser

Posted on 2012-08-30
6
Medium Priority
?
627 Views
Last Modified: 2012-08-31
I am working with the default template. When you resize the browser smaller the page layout collapses. How can I keep this from happening.

Specs: Joomla 2.5, Beez20 default temp, MAC, Firefox

Example: http://paulrisko.com/tempimages/odd_co.jpg

Thanks!
0
Comment
Question by:Paul Risko
  • 3
  • 3
6 Comments
 
LVL 25

Expert Comment

by:Kyle Hamilton
ID: 38353842
It sounds like your CSS has some media queries in it, or else it's just designed to be fluid.

Without seeing the actual page there is no way of knowing how it was put together.

A jpg is completely useless.

Please post a link or the code.
0
 
LVL 2

Author Comment

by:Paul Risko
ID: 38353996
0
 
LVL 25

Accepted Solution

by:
Kyle Hamilton earned 2000 total points
ID: 38354071
in the file: position.css, on line 33

if you don't want the content to reflow, change max-width to width

#all {
margin: 0 auto;
/* max-width: 1050px; */
width: 1050px;
padding: 0px;
text-align: left;
}
0
Industry Leaders: We Want Your Opinion!

We value your feedback.

Take our survey and automatically be enter to win anyone of the following:
Yeti Cooler, Amazon eGift Card, and Movie eGift Card!

 
LVL 2

Author Closing Comment

by:Paul Risko
ID: 38354185
Thanks.
0
 
LVL 2

Author Comment

by:Paul Risko
ID: 38354304
I have one more issue with how the site looks on the iphone. On the iphone the page background image can only be seen on the right side of the main table. Do you want me to post a new question for this? Thanks again.
0
 
LVL 25

Expert Comment

by:Kyle Hamilton
ID: 38354319
yes. post a new question.

:)
0

Featured Post

Industry Leaders: We Want Your Opinion!

We value your feedback.

Take our survey and automatically be enter to win anyone of the following:
Yeti Cooler, Amazon eGift Card, and Movie eGift Card!

Question has a verified solution.

If you are experiencing a similar issue, please ask a related question

Introduction A frequently asked question goes something like this:  "I am running a long process in the background and I want to alert my client when the process finishes.  How can I send a message to the browser?"  Unfortunately, the short answer…
SASS allows you to treat your CSS code in a more OOP way. Let's have a look on how you can structure your code in order for it to be easily maintained and reused.
In this tutorial viewers will learn how to style elements, such a divs, with a "drop shadow" effect using the CSS box-shadow property Start with a normal styled element, such as a div.: In the element's style, type the box shadow property: "box-shad…
The viewer will learn the benefit of using external CSS files and the relationship between class and ID selectors. Create your external css file by saving it as style.css then set up your style tags: (CODE) Reference the nav tag and set your prop…
Suggested Courses
Course of the Month12 days, 9 hours left to enroll

579 members asked questions and received personalized solutions in the past 7 days.

Join the community of 500,000 technology professionals and ask your questions.

Join & Ask a Question