473,699 Members | 2,276 Online
Bytes | Software Development & Data Engineering Community
+ Post

Home Posts Topics Members FAQ

HELP: Float Left box is drifting to the right in ie!

HELP: Float Left box is drifting to the right in ie!

--------------------------

I need som HELP with my CSS coding!

On the following web page my design falls apart at screen size 800 x
600 (looks fine at larger screen sizes) when the left menu box that
should float left is drifting to the right in Internet Explorer 6.0 (it
doesn't drift to the right in Netscape 7.1).

http://www.rivendellfarm.net/photos.html

Please view the home page to see how the left menu should look on all
the pages.

Home page URL: http://www.rivendellfarm.net/

I know it has something to do with the larger images in the center of
the page.

Is there a way to fix this problem? Please don't tell me I have to
stick with
small sized images on the page.

CSS page is: http://www.rivendellfarm.net/rivende...stylesheet.css

#left { /*left menu box */
position: relative;
top:0;
left:0;
background: #AA202D;
color: #E0D4BB;
float:left;
width: 170px;
font-size: .8em;
margin-left: -5%; /* the difference to make the left column appear
flush left */
}

I tried removing the negative percentage left margin value on the left
float box, (see above) but that didn't help move the menu box back to
where it belongs.

I tried to position the left menu box as absolute as shown below in the
CSS coding:

#left {
position: absolute;
top:0;
left:0;
background: #AA202D;
color: #E0D4BB;
float:left;
width: 170px;
font-size: .8em;
margin-left: -5%; /* the difference to make the left column appear
flush left */
}

In Internet Explorer 6.0 that worked. I now had the left menu box
staying where it should no matter what the screen size.
BUT in Netscape 7.1 the left menu box was at the top left hand size of
the screen and over some because of the negative percentage left margin
value!

So then I tried the relative position as shown in the CSS coding
below...

#left {
position: relative;
top:0;
left:0;
background: #AA202D;
color: #E0D4BB;
float:left;
width: 170px;
font-size: .8em;
margin-left: -5%; /* the difference to make the left column appear
flush left */
}

This made the left menu box behave in Netscape 7.1 BUT now Internet
Explorer 6.0 is drifting the box over to the right once again!

HELP! What is the answer or is there an correct answer to this drifting
box problem?

Suggestions needed!

This is the reason tables look so good to so many of us! BUT I know one
should try to wean themselves away from table based web site design.

Help me not go back to tables. Thanks!

Please read ove my CSS coding very carefully, it maybe that I have
something wrong with it.
_______________ __
--- A Love for Horses ~ www.alove4horses.com ---

Jan 27 '06 #1
0 2046

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

Similar topics

2
1945
by: MyNameIsnt | last post by:
Can anyone tell me why, when I click on the buttons it register 2 characters on the display? if you use the right mousebutton it works ok, but the buttons dont flash?? it works fine without the aqua buttons, (using just windows forms buttons... Main Form cs file //----------------------------------------------------------------------------------------------------------------------
4
1917
by: MooMaster | last post by:
I'm trying to develop a little script that does some string manipulation. I have some few hundred strings that currently look like this: cond(a,b,c) and I want them to look like this: cond(c,a,b)
3
4217
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;
0
1906
by: magicofureyes | last post by:
Hello Guys im a just a new user and i dnt knw much abt Xml i want to upload a new template in Blogger so got some free coding but when i save this code in Blogger template it say '''' Your template could not be parsed as it is not well-formed. Please make sure all XML elements are closed properly. XML error message: The element type "Variable" must be terminated by the matching end-tag "". so please help me out and check this coding if...
1
19668
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",...
0
1245
victorduwon
by: victorduwon | last post by:
Hi Folks, i have a list based navigation menu with two tiers of navigation. The second tier displays when the tabs on the first tier are hovered over. The problem I have is that when the tabs are clicked on the second tier dissapears. I need the second tier for the active tab to remain visible and the background of the tab to remain visible when the tab is clicked/active. Someone please help me, this is driving me crazy. Below is the CSS. ...
1
3112
by: innivive | last post by:
I am having a problem with having margins display correctly in IE7, Firefox and Safari. I am not sure if it is the "double margin error" or something else. Any help would be appreciated. The file tabs at the top content area should be flush left and the light blue frame should line up under the logo graphic. Looks great in Safari and Firefox but I can't get it to line up in IE7. http://www.thinairdigital.com/tdi Any help would be...
14
2525
by: issentia | last post by:
I'm working on this site: http://www.essenceofsoy.com/redesign/index2.html and I'm having a few problems with getting the layout exactly right. 1) When the menu items are rolled over, they cannot be clicked as links unless the mouse pointer is below the word. This happens in both Firefox and IE6. 2) In Firefox, the pink quote banner and two gray form boxes above and below the content aren't centered in the "content" div, and I can't...
0
2842
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
8623
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
9185
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
8893
tracyyun
by: tracyyun | last post by:
Dear forum friends, With the development of smart home technology, a variety of wireless communication protocols have appeared on the market, such as Zigbee, Z-Wave, Wi-Fi, Bluetooth, etc. Each protocol has its own unique characteristics and advantages, but as a user who is planning to build a smart home system, I am a bit confused by the choice of these technologies. I'm particularly interested in Zigbee because I've heard it does some...
0
7773
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...
1
6540
isladogs
by: isladogs | last post by:
The next Access Europe User Group meeting will be on Wednesday 1 May 2024 starting at 18:00 UK time (6PM UTC+1) and finishing by 19:30 (7.30PM). In this session, we are pleased to welcome a new presenter, Adolph Dupré who will be discussing some powerful techniques for using class modules. He will explain when you may want to use classes instead of User Defined Types (UDT). For example, to manage the data in unbound forms. Adolph will...
0
4389
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...
0
4636
by: adsilva | last post by:
A Windows Forms form does not have the event Unload, like VB6. What one acts like?
2
2359
muto222
by: muto222 | last post by:
How can i add a mobile payment intergratation into php mysql website.
3
2015
bsmnconsultancy
by: bsmnconsultancy | last post by:
In today's digital era, a well-designed website is crucial for businesses looking to succeed. Whether you're a small business owner or a large corporation in Toronto, having a strong online presence can significantly impact your brand's success. BSMN Consultancy, a leader in Website Development in Toronto offers valuable insights into creating effective websites that not only look great but also perform exceptionally well. In this comprehensive...

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.