Pixel2Life

Common CSS problems and questions and how to solve them

Q: My text is right next to the borders on my webpage how do i fix?
A: Using padding you can fix this. The most common way:

Q: How can i center my webpage using CSS?
A: Using margins that have a value of auto! Put that in the container css code.

Q: What are floats and what do they do?
A: Well floats are a much better way to position your content boxes where you want them. There are 2 values for them: !
Are these better than using position: absolute and stuff? By far, sometimes there are times when you do need position: absolute though.

Q: My webpage looks fine in firefox but horrible in internet explorer! help!
A: Well in my css expirence ive encountered this so many times. Most of the time it was because of the code or something along those lines. I easily fixed it using floats. Also ive encountered some problems with the codes . Remember those numbers are just a example.

Q: Whats the best way to position things on a website in CSS?
A: First if you want something on the left or right, use . Now if you want to push stuff down, up, left, right use these: . Ive never encountered problems with these. Now if you want to push text down, left, right, top you would use:

Q: How do i make a banner go across the whole screen on multiple resolutions?
A: By using the css code: . The best way to use this is to have a gradient for the background image thats 1 px wide and say 100px high.

Q: How can i position a background image?
A: Using change those values to whatever you want.

Q: How do i repeat a background horizontally?
A: By using:

Q: Well now how can i repeat a background vertically?
A: Use

Q: How do i make the first letter in a sentence special?
A: By using a div code like: Then use a CSS code of: