• Post Reply Bookmark Topic Watch Topic
  • New Topic
programming forums Java Mobile Certification Databases Caching Books Engineering Micro Controllers OS Languages Paradigms IDEs Build Tools Frameworks Application Servers Open Source This Site Careers Other Pie Elite all forums
this forum made possible by our volunteer staff, including ...
Marshals:
  • Campbell Ritchie
  • Jeanne Boyarsky
  • Ron McLeod
  • Paul Clapham
  • Liutauras Vilda
Sheriffs:
  • paul wheaton
  • Rob Spoor
  • Devaka Cooray
Saloon Keepers:
  • Stephan van Hulst
  • Tim Holloway
  • Carey Brown
  • Frits Walraven
  • Tim Moores
Bartenders:
  • Mikalai Zaikin

css problem, it is not centered?

 
Ranch Hand
Posts: 135
  • Mark post as helpful
  • send pies
    Number of slices to send:
    Optional 'thank-you' note:
  • Quote
  • Report post to moderator
Ok thanks for the previous help; I am on to make a new topic about the situation. I noticed now, nothing is aligned when zoomed out "or a center view when zoomed out"
Also, everything looks aligned when zoomed in and centered. I actually went to my works computer and opened up the page and noticed or was more out towards the sides this time. What part in css does that?
1.JPG
[Thumbnail for 1.JPG]
2.JPG
[Thumbnail for 2.JPG]
3.JPG
[Thumbnail for 3.JPG]
 
Sheriff
Posts: 67746
173
Mac Mac OS X IntelliJ IDE jQuery TypeScript Java iOS
  • Mark post as helpful
  • send pies
    Number of slices to send:
    Optional 'thank-you' note:
  • Quote
  • Report post to moderator
Put the content in a block element such as <div> element, give the element a width, and make the left and right margins auto.
 
william chaple
Ranch Hand
Posts: 135
  • Mark post as helpful
  • send pies
    Number of slices to send:
    Optional 'thank-you' note:
  • Quote
  • Report post to moderator
what if I have

will that work if I zoomed out?

I also noticed like theres a body and within that body there is a container. like a long vertical box

i tried something similar but when I zoom out, all the words and stuff passes thesections I want it to be in.

Lock theres a block of words on the right, and the words, when zoomed out, starts hitting the pictures i have on it the page (only when zoomed out)

is that fixed by auto margin as well?
 
Bear Bibeault
Sheriff
Posts: 67746
173
Mac Mac OS X IntelliJ IDE jQuery TypeScript Java iOS
  • Mark post as helpful
  • send pies
    Number of slices to send:
    Optional 'thank-you' note:
  • Quote
  • Report post to moderator

william chaple wrote:what if I have ... will that work if I zoomed out?



a) Please try it before asking
b) No, it's not valid syntax (you can't give two values to a single margin)
c) That's not what I said to do

is that fixed by auto margin as well?


It seems like you are looking for a magic bullet. It doesn't exist. You need to analyze the CSS for every part of the document and apply rules as required.
 
william chaple
Ranch Hand
Posts: 135
  • Mark post as helpful
  • send pies
    Number of slices to send:
    Optional 'thank-you' note:
  • Quote
  • Report post to moderator
I see what you are saying. I actually did that and it worked.

I did left and right margins auto; however, I am actually having problems with the header. I know the syntax is right. All margins move left, top work but right and bottom wont move at all. I tested it on a #box and it works and moves any direction I tell it to. I did both left and right auto, and it aligned perfect. However, the content inside wont move in the header for some reason. The links inside is where I am trying to left and right margin auto. the .header does not work neither right bottom. but left and right auto would work but not with the contents inside










Capture.JPG
[Thumbnail for Capture.JPG]
My header
 
With a little knowledge, a cast iron skillet is non-stick and lasts a lifetime.
reply
    Bookmark Topic Watch Topic
  • New Topic