| Author | Post |
|---|
zephyr
Member
| Joined: | Sun Feb 9th, 2003 |
| Location: | |
| Posts: | 43 |
| Status: |
Offline
|
| Mana: |   |
|
Posted: Tue Aug 31st, 2004 02:57 pm |
|
Right, so I'm designing a website for a school project and I want it to be cross-platform compatible, but Mozilla [ref: Mozilla 1.7b] isn't behaving as I would like it to.
The problem lies in aligning an image in one cell to line up with the background in the cell next to it, so it appears to be the same image.
IE [ref: Internet Explorer 6.0.2800.1106] displays them perfectly and they join together seamlessly, but Moz displays them awkwardly (see attached screenshot).
I have tried setting the valign value for both the image and the background to equal values, but that failed. I'm not sure what else to try. The problem also occurs in Mozilla Firefox [ref: Mozilla Firefox 0.9.3], and I haven't got round to testing it in Opera or Netscape yet. (I should expect the same error to occur in Netscape, though.)
Please help!
Edit: As expected, the same is happening in Netscape, but not Opera.Attachment: eduscreen.jpg (Downloaded 298 times) Last edited on Wed Sep 1st, 2004 01:17 pm by zephyr
|
relaxzoolander
Super Moderator
| Joined: | Sun Jan 25th, 2004 |
| Location: | Columbus, Ohio USA |
| Posts: | 459 |
| Status: |
Offline
|
| Mana: | |
|
Posted: Fri Nov 5th, 2004 12:19 am |
|
can you please post the code in question or give the url for the page?
thanks. 
-------------------------------------------
the moshBox effect in web design
Last edited on Fri Jan 21st, 2005 01:23 am by relaxzoolander
|
ColdSummit
Member
| Joined: | Thu Dec 9th, 2004 |
| Location: | |
| Posts: | 1 |
| Status: |
Offline
|
| Mana: | |
|
Posted: Thu Dec 9th, 2004 02:18 pm |
|
Yo,
it's a margin or border problem. Change the size of it, you will see.
See screenshot
I have the same problem. The pics of the guys, it's a background and just under his legs, it's a <img>. I need a 1 px border at the right, but Moz displays awkwardly.
Someone have a solution for that?
Thanks
ColdAttachment: temp.jpg (Downloaded 229 times)
|
relaxzoolander
Super Moderator
| Joined: | Sun Jan 25th, 2004 |
| Location: | Columbus, Ohio USA |
| Posts: | 459 |
| Status: |
Offline
|
| Mana: | |
|
Posted: Sun Jan 16th, 2005 04:27 pm |
|
well...without looking at your code i am only guessing.
i can say that css padding has compatibility problems.
it reacts differently in ie than in mozilla.
r|z
---------------------------------------------------------------
web development company in ohio
|
relaxzoolander
Super Moderator
| Joined: | Sun Jan 25th, 2004 |
| Location: | Columbus, Ohio USA |
| Posts: | 459 |
| Status: |
Offline
|
| Mana: | |
|
Posted: Sun Jan 16th, 2005 04:41 pm |
|
coldsummit---
heres how i make borders using css...
say you want a one pixel border around an image.
say the image is 300 x 300.
put the image on a layer and assign a z-index and absolute positioning.
make another layer....the border layer....and set its z-index so it is below the image layer.
assign absolute positioning to this border layer.
set the background color of the border layer to your desired border color.
then simply make the border layer 302 x 302 pixels in size.
then position it so that it sticks out 1 pixel all the way around the image layer.
thats it.
i nice clean crisp 1 pixel border.
i use this technique for the image on this columbus windows and doors site.
actually...there are 2 such borders around this image...one white....one black.
r|z
------------------------------------------------------------
web developer
|
Current time is 06:03 pm | |
|
