473,606 Members | 2,115 Online
Bytes | Software Development & Data Engineering Community
+ Post

Home Posts Topics Members FAQ

help with image way off to the right

I have an image that is supposed to be in a centered div in the center
of a page. It looks fine in IE7. But in Firefox, the image is pushed
way over to the right.

http://www.barmannphotography.com/index1-test.php

I've tried adding display:block; directives to the div, to the div
above it and to the containing div, to no avail.

I've also tried clearing below the navigation bar and that hasn't
helped either.

As background, the page is identical to
http://www.barmannphotography.com/index1.php
except that the index1-test.php page uses a different navigation bar.
The index1.php, with the old nav bar, looks fine in both IE7 and
Firefox.

What might be causing Firefox to push the image so far off to the
right?

Thanks for any help.

Tim

Sep 28 '07 #1
11 2153
In article
<11************ **********@k79g 2000hse.googleg roups.com>,
timmyb <tb********@gma il.comwrote:
I have an image that is supposed to be in a centered div in the center
of a page. It looks fine in IE7. But in Firefox, the image is pushed
way over to the right.

http://www.barmannphotography.com/index1-test.php

I've tried adding display:block; directives to the div, to the div
above it and to the containing div, to no avail.

I've also tried clearing below the navigation bar and that hasn't
helped either.
You could try a bigger dimension for bottom margin in

#menuh-container
{
font-size: 1em;
position: relative;
top:0;
left: 5%;
width: 90%;
margin: 10px 10px *60px* 10px;
display:block;
}

(btw ems would be better than px for scalability... )

--
dorayme
Sep 28 '07 #2
On Fri, 28 Sep 2007 02:19:59 -0000, timmyb wrote:
[...]

http://www.barmannphotography.com/index1-test.php

[...]

As background, the page is identical to
http://www.barmannphotography.com/index1.php
except that the index1-test.php page uses a different navigation bar.
The index1.php, with the old nav bar, looks fine in both IE7 and
Firefox.

An addition to the image problem, there are two issues with your navigation
bar that you might want to correct. In Firefox the 'Gallery' link only
displays the rollover colour when the mouse if over its top half. In IE6
the gallery submenu doesn't show up at all.
--
Safalra (Stephen Morley)
http://www.safalra.com/hypertext/html/
Sep 28 '07 #3
Hi Dorayme,
That did solve the problem, but created another: the page looks fine
in FF, but in IE7, the picture is too far down below the nav bar. In
any event, I think I figured out what I was doing wrong -- for my
clearer class, I was using a span instead of a div. Using a div seems
to have solved the problem. (Though there are still differences in the
the way IE7 and FF render the bottom margin you suggested changing.)

Thanks for your help!

Sep 28 '07 #4
Hi Stephen,
An addition to the image problem, there are two issues with your navigation
bar that you might want to correct. In Firefox the 'Gallery' link only
displays the rollover colour when the mouse if over its top half.
I don't follow what you mean. I don't see a difference between FF and
IE7 in how the menu/submenu behaves. I am using FF v. 2.0.0.7 to test.

In IE6
the gallery submenu doesn't show up at all.
Not good. Any idea why that might be? I don't have IE6 handy, but
will later on today.

Thanks for your help.
Tim

Sep 28 '07 #5
On Fri, 28 Sep 2007 12:58:58 -0000, timmyb wrote:
Hi Stephen,
>An addition to the image problem, there are two issues with your navigation
bar that you might want to correct. In Firefox the 'Gallery' link only
displays the rollover colour when the mouse if over its top half.

I don't follow what you mean. I don't see a difference between FF and
IE7 in how the menu/submenu behaves. I am using FF v. 2.0.0.7 to test.

I'm also using Firefox 2.0.0.7. When I move over the 'Galleries' link its
background changes to grey as you intend, but only if the pointer is more
than about half way up the text - the grey background disappears if I move
the pointer into the lower half of the grey area. This does not happen with
the other links, where I can move the pointer to the bottom of the grey
area before the background resets to black.
--
Safalra (Stephen Morley)
http://www.safalra.com/hypertext/html/
Sep 28 '07 #6
timmyb wrote:
Hi Stephen,
>An addition to the image problem, there are two issues with your navigation
bar that you might want to correct. In Firefox the 'Gallery' link only
displays the rollover colour when the mouse if over its top half.

I don't follow what you mean. I don't see a difference between FF and
IE7 in how the menu/submenu behaves. I am using FF v. 2.0.0.7 to test.

In IE6
>the gallery submenu doesn't show up at all.

Not good. Any idea why that might be? :
Yep. As you know MSIE does not support :hover on element other than A
with HREF attributes, i.e., links. So you are using a csshover.htc

You csshover.htc does seem to work for MSIE6 and a bit complicated. I
have a much simpler htc solution your can see at:

http://www.littleworksstudio.com/Amberlithe/profiles
Amberlithe Ibizan Hounds Dog Profiles

Where I use in on the left-hand Profile Index menu. The hover is on a DIV

all you have to do is as a special class named 'hover' for what ever
your have a hover on.

From the modern browser version:
li.special:hove r {...}

to add MSIE support:
li.special:hove r,
li.special.hove r {...}

then attach the HTC:
li.special { behavior: url(IEFixes.htc ); }

Here is IEFixes.htc:
//--------------------------start cut --------------------
<public:compone nt>
// For MSIE use JScript to attach JS functions to compensate
// for missing pseudo-class support
// from Vladdy http://www.vladdy.net/Demos/IEPseudoClassesFix.html
// updated for html4.01 jnl 3/06
<public:attac h event="onmouseo ver" onevent="DoHove r()">
<public:attac h event="onmouseo ut" onevent="Restor eHover()">
<public:attac h event="onmoused own" onevent="DoActi ve()">
<public:attac h event="onmouseu p" onevent="Restor eActive()">
<script type="text/jscript">
function DoHover(){
element.classNa me += ' hover';
}
function DoActive(){
element.classNa me += ' active';
}
function RestoreHover(){
element.classNa me = element.classNa me.replace(/\shover\b/,'');
}
function RestoreActive() {
element.classNa me = element.classNa me.replace(/\sactive\b/,'');
}
</script>
</public:componen t>
//-------------------------- end cut ---------------------

I don't have IE6 handy, but
will later on today.
Well why don't you install it? I have version 4-7 installed. Unless you
have Vista.

http://browsers.evolt.org/
evolt.org - Browser Archive

--
Take care,

Jonathan
-------------------
LITTLE WORKS STUDIO
http://www.LittleWorksStudio.com
Sep 28 '07 #7
I'm also using Firefox 2.0.0.7. When I move over the 'Galleries' link its
background changes to grey as you intend, but only if the pointer is more
than about half way up the text - the grey background disappears if I move
the pointer into the lower half of the grey area. This does not happen with
the other links, where I can move the pointer to the bottom of the grey
area before the background resets to black.
I see what you mean. I can live with that, even though I don't
understand why it's doing that.

Thanks for pointing this out.
Tim

Sep 28 '07 #8
timmyb wrote:
Not good. Any idea why that might be? I don't have IE6 handy, but
will later on today.
BTW another way you can help yourself with MSIE is dump the XHTML. Use
HTML 4.01 strict because your currently only transitional serving your
XHTML as text/html. If you did it properly you'd lose all MSIE support!

--
Take care,

Jonathan
-------------------
LITTLE WORKS STUDIO
http://www.LittleWorksStudio.com
Sep 28 '07 #9
timmyb wrote:
Safalra wrote:
>I'm also using Firefox 2.0.0.7. When I move over the 'Galleries' link its
background changes to grey as you intend, but only if the pointer is more
than about half way up the text

I see what you mean. I can live with that, even though I don't
understand why it's doing that.
Learn how to use the Web Developer Extension for Firefox. It is an
invaluable debugging tool. If you don't have it, go get it right now.

Turn on Outlines for Positioned elements, then put the mouse cursor over
the Galleries link. You'll see for yourself what the problem is.
Correcting it is something else, of course. ;)

--
Berg
Sep 29 '07 #10

This thread has been closed and replies have been disabled. Please start a new discussion.

Similar topics

2
2065
by: J. Nielsen | last post by:
I'm not a programmer and I don't have the time and energy to start learning right now So I need some help. Let's say I have made an HTML Table (consisting of three columns and six rows). In each cell, in the first column I have put in an image (six different ones). In the second column I have merged all six cells into one cell and there put in an image matching the background colour. In the right column I have again put in six different...
2
1414
by: Yaqian | last post by:
Hello, I want to highlight the clicked area on an image by placing another image on it. But it replaced the whole image, not the clicked area. My code is as following, can anyone please help me? Thank you!!!! <head> <script language="JavaScript" type="text/javascript"> function changeImagemap(newImage) { if (js > 1.0) document .src = eval(newImage + ".src"); } </script>
5
2982
by: Craig Keightley | last post by:
Please help, i have attached my page which worksin IE but i cannnot get the drop down menu to fucntion in firefox. Any one have any ideas why? Many Thanks Craig <<<<<<<<<<<<<<CODE>>>>>>>>>>>>>>>> <html>
22
2175
by: KitKat | last post by:
I need to get this to go to each folders: Cam 1, Cam 2, Cam 4, Cam 6, Cam 7, and Cam 8. Well it does that but it also needs to change the file name to the same folder where the file is being grabbed, BUT it doesn't. I have tried and tried.....please help example: C:\Projects\Darryl\Queue Review Files\2-24\Cam 7\Cam7-20060224170000-01.jpg Cam7 but all I keep getting is Cam1, as the beginning of the jpg name,...:( HELP!
3
4215
by: charchap | last post by:
hello. I'm experiencing problems with my css code (once again) working with Firefox and not working with IE 6 or 7 I have a problem with my head_logo_inner not too sure what's going on . Here is my css for this particular template. body{ background-color: #333333; color: #333333; margin: 0px; padding: 0px; font-size: 0.8em;
1
19660
by: swc76801 | last post by:
I desperately need help. My understanding of CSS is non-existent. I have a store http://astore.amazon.com/texasheat-20 with Amazon.com. According to the information from Amazon.com "Write your own overriding CSS to customize your aStore." Their setup page is divided into two sections. On the right they show the existing CSS. On the left there is a box where you can add the new code. They have tabs for "Global", "Category Page", "Detail Page",...
1
1953
by: Fool | last post by:
Ok I was doing this project but now Im halfway stuck. This project contains 3 class at the moment. Im mainly trying to make this applet like the game pong. I have the paddle and a ball and background and stuff. Now my main problem is that I need to make the ball bounce back after it touches the paddle...Right now the ball goes through the paddle. And the paddle is moved using arrow keys. So now I need like a code for me to make the ball...
2
3622
by: kheitmann | last post by:
OK, so I have a blog. I downloaded the "theme" from somewhere and have edited a few areas to suit my needs. There are different font themes within the page theme. Long story short, my "Text Posts" are supposed to be in the font: Georgia, but they are showing up in "Times New Roman"...blah! I can't find anything wrong in the code, but who am I trying to fool? I know nothing about this stuff. The code is below. The parts that I *think*...
0
2839
by: richard12345 | last post by:
Hi Guys I have problem with site I am building. The sidebar with menu and other thinks is overlapping footer. The footer move with the content and but it dos it dos not move with the sidebar. Here is the website: holtz-realty And also the html file and css file. Anny help will by mostly appreciated. I did try everything I can think of. HTML:
0
7942
by: Hystou | last post by:
Most computers default to English, but sometimes we require a different language, especially when relocating. Forgot to request a specific language before your computer shipped? No problem! You can effortlessly switch the default language on Windows 10 without reinstalling. I'll walk you through it. First, let's disable language synchronization. With a Microsoft account, language settings sync across devices. To prevent any complications,...
0
8433
Oralloy
by: Oralloy | last post by:
Hello folks, I am unable to find appropriate documentation on the type promotion of bit-fields when using the generalised comparison operator "<=>". The problem is that using the GNU compilers, it seems that the internal comparison operator "<=>" tries to promote arguments from unsigned to signed. This is as boiled down as I can make it. Here is my compilation command: g++-12 -std=c++20 -Wnarrowing bit_field.cpp Here is the code in...
0
8429
jinu1996
by: jinu1996 | last post by:
In today's digital age, having a compelling online presence is paramount for businesses aiming to thrive in a competitive landscape. At the heart of this digital strategy lies an intricately woven tapestry of website design and digital marketing. It's not merely about having a website; it's about crafting an immersive digital experience that captivates audiences and drives business growth. The Art of Business Website Design Your website is...
1
8084
by: Hystou | last post by:
Overview: Windows 11 and 10 have less user interface control over operating system update behaviour than previous versions of Windows. In Windows 11 and 10, there is no way to turn off the Windows Update option using the Control Panel or Settings app; it automatically checks for updates and installs any it finds, whether you like it or not. For most users, this new feature is actually very convenient. If you want to control the update process,...
0
6761
agi2029
by: agi2029 | last post by:
Let's talk about the concept of autonomous AI software engineers and no-code agents. These AIs are designed to manage the entire lifecycle of a software development project—planning, coding, testing, and deployment—without human intervention. Imagine an AI that can take a project description, break it down, write the code, debug it, and then launch it, all on its own.... Now, this would greatly impact the work of software developers. The idea...
0
5461
by: conductexam | last post by:
I have .net C# application in which I am extracting data from word file and save it in database particularly. To store word all data as it is I am converting the whole word file firstly in HTML and then checking html paragraph one by one. At the time of converting from word file to html my equations which are in the word document file was convert into image. Globals.ThisAddIn.Application.ActiveDocument.Select();...
0
3922
by: TSSRALBI | last post by:
Hello I'm a network technician in training and I need your help. I am currently learning how to create and manage the different types of VPNs and I have a question about LAN-to-LAN VPNs. The last exercise I practiced was to create a LAN-to-LAN VPN between two Pfsense firewalls, by using IPSEC protocols. I succeeded, with both firewalls in the same network. But I'm wondering if it's possible to do the same thing, with 2 Pfsense firewalls...
1
2443
by: 6302768590 | last post by:
Hai team i want code for transfer the data from one system to another through IP address by using C# our system has to for every 5mins then we have to update the data what the data is updated we have to send another system
1
1550
muto222
by: muto222 | last post by:
How can i add a mobile payment intergratation into php mysql website.

By using Bytes.com and it's services, you agree to our Privacy Policy and Terms of Use.

To disable or enable advertisements and analytics tracking please visit the manage ads & tracking page.