This is a discussion on "Image positioning and differences in IE/FF" within the Web Page Design section. This forum, and the thread "Image positioning and differences in IE/FF are both part of the Design Your Website category.
|
|
|
|
|
![]() |
||
Image positioning and differences in IE/FF
|
||
| Notices |
![]() |
|
|
LinkBack | Thread Tools |
|
|||
|
Image positioning and differences in IE/FF
Hello everyone,
I'm having a bit of a problem with an image positioning and then page looking different in IE/FF. First off, the image on this page www.mommyandmimi.com/123456.htm I would like to have centered in that right area. The size is correct, I just can't get it centered. Next, text jumps way over when opened in Firefox, its fine in IE. If anybody could give me some insight I would love it. Thanks, and here is the CSS code:
|
|
|
|
||||
|
Re: Image positioning and differences in IE/FF
trying putting in
* {margin: 0; padding: 0} at the top
Last Blog Entry: 3D Chess in your browser! (Mar 14th, 2008)
|
|
|||
|
Re: Image positioning and differences in IE/FF
Sorry, but I'm not following you. I tried putting that in, but it didn't correct the problem.
|
|
||||
|
Re: Image positioning and differences in IE/FF
Quote:
i thought you said it moved to the wrong position for some reason :s anyway which picture? and what class/id is it?
Last Blog Entry: 3D Chess in your browser! (Mar 14th, 2008)
|
|
||||
|
Re: Image positioning and differences in IE/FF
okay try giving the picture a class called center,
and putting this into your css: .center { margin: 0 auto; }
Last Blog Entry: 3D Chess in your browser! (Mar 14th, 2008)
|
|
|||
|
Re: Image positioning and differences in IE/FF
Quote:
hmmm, when I put this into my CSS I get the picture that moves all the way to the left. I want the picture to be centered in the white space that is off to the right. Any suggestions? www.mommyandmimi.com/123456.htm |
|
||||
|
Re: Image positioning and differences in IE/FF
i think it has to be in a container that has the attributes: float:right;
then the image has the code i just said
Last Blog Entry: 3D Chess in your browser! (Mar 14th, 2008)
|
|
|||
|
Re: Image positioning and differences in IE/FF
I'm sorry, I don't understand what you mean.
|
|
||||
|
Re: Image positioning and differences in IE/FF
add
float: right; to your css code for content-side
Last Blog Entry: 3D Chess in your browser! (Mar 14th, 2008)
|
|
|||
|
Re: Image positioning and differences in IE/FF
I already have that added to my CSS code.
|
|
|||
|
Re: Image positioning and differences in IE/FF
The link is not working now...
|
|
||||
|
Re: Image positioning and differences in IE/FF
404
but theres a very similiar page on the root (or index )
Last Blog Entry: 3D Chess in your browser! (Mar 14th, 2008)
|
|
|||
|
Re: Image positioning and differences in IE/FF
I would add to the #div content-box:
float: left; That should scoot it over to the left. As far as centering the image on the right, do you vertically? If so, just add some margin-top to image. Does that make sense? |
|
|||
|
Re: Image positioning and differences in IE/FF
Quote:
What do you mean by margin-top to the image? I really appreciate the help you guys |
|
|||
|
Re: Image positioning and differences in IE/FF
I'm sorry, but how do I do this?
|
|
||||
|
Re: Image positioning and differences in IE/FF
{
margin-top: 10px; } apply that to whatever you want to move. and change 10 to how many pixels you want to move it you can also do: margin-bottom, margin-left, margin-right
Last Blog Entry: 3D Chess in your browser! (Mar 14th, 2008)
|
|
|||
|
Re: Image positioning and differences in IE/FF
Quote:
http://www.mommyandmimi.com/AboutUs.htm |
|
||||
|
Re: Image positioning and differences in IE/FF
yeah it's overlapping in FF
Last Blog Entry: 3D Chess in your browser! (Mar 14th, 2008)
|
![]() |
| Thread Tools | |
|
|
Similar Threads
|
||||
| Thread | Thread Starter | Forum | Replies | Last Post |
| CSS positioning help - relative to background image | sj2as | Web Page Design | 1 | Sep 12th, 2007 01:27 |
| Positioning an image with a link | pregnantNproud | Web Page Design | 8 | Aug 12th, 2007 01:33 |
| Problem with image positioning | Marc | Web Page Design | 1 | May 31st, 2007 18:17 |
| image positioning usind div container | gemguy | Web Page Design | 5 | May 25th, 2007 08:04 |
| Positioning image absolutely | timmytots | Web Page Design | 1 | Jan 10th, 2006 02:27 |