473,698 Members | 2,635 Online
Bytes | Software Development & Data Engineering Community
+ Post

Home Posts Topics Members FAQ

IE puts content way down the page

I designed my new front-page of my personal page

http://www.martineyles.me.uk/

in firefox, and all looked fine. But in IE, the main content, which
should be to the right of the menu drops down below the menu. Any ideas
how to fix this.

Thanks,
Martin

PS. sorry that the HTML doesn't validate - I am new to magpie rss (and
also php in fact), and I'm not sure how to strip out the offending xml
namespace attribute from my atom feed. I don't think this is the problem
though, as I also get it on http://www.martineyles.me.uk/meblog/ which
/does/ validate.

--
Martin Eyles
ma**********@NO SPAMbigfoot.com
Dec 2 '05 #1
10 1724
Martin Eyles wrote:
I designed my new front-page of my personal page

http://www.martineyles.me.uk/

in firefox, and all looked fine. But in IE, the main content, which
should be to the right of the menu drops down below the menu. Any ideas
how to fix this.

Thanks,
Martin

PS. sorry that the HTML doesn't validate - I am new to magpie rss (and
also php in fact), and I'm not sure how to strip out the offending xml
namespace attribute from my atom feed. I don't think this is the problem
though, as I also get it on http://www.martineyles.me.uk/meblog/ which
/does/ validate.


Can anyone help?

Martin
Dec 5 '05 #2
Martin Eyles <ma**********@N OSPAMbigfoot.co m> wrote:
Can anyone help?


http://www.spartanicus.utvinternet.i...s_help_you.htm

--
Spartanicus
Dec 5 '05 #3
Martin Eyles wrote:
Martin Eyles wrote:
I designed my new front-page of my personal page

http://www.martineyles.me.uk/

in firefox, and all looked fine. But in IE, the main content, which
should be to the right of the menu drops down below the menu. Any
ideas how to fix this.

Thanks,
Martin

PS. sorry that the HTML doesn't validate - I am new to magpie rss (and
also php in fact), and I'm not sure how to strip out the offending xml
namespace attribute from my atom feed. I don't think this is the
problem though, as I also get it on
http://www.martineyles.me.uk/meblog/ which /does/ validate.


Can anyone help?

Martin


To get you started in fixing the page:

#main {/*width: 510px;*/ margin: 0px; margin-left: 210px}
#main div {/*padding: 5px;*/ margin: 0px}

#blog, #photos {/*width: 498px;*/padding: 5px;}

Funny thing is that I thought that in Standards Mode IE6 would not have
this problem.

--
Gus
Dec 5 '05 #4
Spartanicus wrote:
Martin Eyles <ma**********@N OSPAMbigfoot.co m> wrote:

Can anyone help?

http://www.spartanicus.utvinternet.i...s_help_you.htm


Ok, try looking at:-

http://www.martineyles.me.uk/test.html

this validates, and has had the content stripped and css trimmed. Still
looks correct in firefox, but not in internet explorer.

Thanks,
Martin
Dec 5 '05 #5
Gus Richter wrote:
Martin Eyles wrote:
Martin Eyles wrote:
I designed my new front-page of my personal page

http://www.martineyles.me.uk/

in firefox, and all looked fine. But in IE, the main content, which
should be to the right of the menu drops down below the menu. Any
ideas how to fix this.

Thanks,
Martin

PS. sorry that the HTML doesn't validate - I am new to magpie rss
(and also php in fact), and I'm not sure how to strip out the
offending xml namespace attribute from my atom feed. I don't think
this is the problem though, as I also get it on
http://www.martineyles.me.uk/meblog/ which /does/ validate.


Can anyone help?

Martin

To get you started in fixing the page:

#main {/*width: 510px;*/ margin: 0px; margin-left: 210px}
#main div {/*padding: 5px;*/ margin: 0px}

#blog, #photos {/*width: 498px;*/padding: 5px;}

Funny thing is that I thought that in Standards Mode IE6 would not have
this problem.


Yes, in the stripped down case certainly, commenting out the widths of
the content works. Will test it on the full version later.

What is happening here? Does the browser just work out that it should
fit in the div and auto-calculated the width according whichever box
model it uses?

How about the bit where I have 3 divs side by side (in the main page). I
still want to specify the sizes, but want all 3 on the same line, and
not falling bellow the side bar.

Anyways,
Thanks.

Martin
Dec 5 '05 #6
Martin Eyles <ma**********@N OSPAMbigfoot.co m> wrote:
Can anyone help?


http://www.spartanicus.utvinternet.i...s_help_you.htm


Ok, try looking at:-

http://www.martineyles.me.uk/test.html


Not even close to a minimised test case as outlined in the quoted
resource.

This is what you should have created:
http://homepage.ntlworld.ie/spartanicus/test.htm

Minimizing it like that is, again as noted in the quoted resource, not
just for the group's benefit, you yourself are much more likely to spot
the problem or be able to work around it.

--
Spartanicus
Dec 5 '05 #7
Martin Eyles wrote:
Gus Richter wrote:
To get you started in fixing the page:

#main {/*width: 510px;*/ margin: 0px; margin-left: 210px}
#main div {/*padding: 5px;*/ margin: 0px}

#blog, #photos {/*width: 498px;*/padding: 5px;}

Funny thing is that I thought that in Standards Mode IE6 would not
have this problem.

Yes, in the stripped down case certainly, commenting out the widths of
the content works. Will test it on the full version later.


Check out the times of the posts. I posted way before your submitted
reduced test case.
What is happening here? Does the browser just work out that it should
fit in the div and auto-calculated the width according whichever box
model it uses?
You have to read up on floats and the float box. Essentially what
happens is that a subsequent element(s) to a float will attempt to flow
beside and around floated element(s) (shrink wrap) as long as its width
fits into the remaining width (full width minus the width of the floated
element(s)). If the subsequent element does not fit, it will drop down
to where it will fit. IE calculates the provided fixed width wrongly. By
not defining the width of the subsequent element, the subsequent element
will use (fill) the remaining line width.
How about the bit where I have 3 divs side by side (in the main page). I
still want to specify the sizes, but want all 3 on the same line, and
not falling bellow the side bar.
OK as long as the accumulated width will fit, otherwise the overset
portion will look to position itself down where it will fit.
Anyways,
Thanks.


Anyways,
You're welcome.

--
Gus
Dec 5 '05 #8
Spartanicus wrote:
Martin Eyles <ma**********@N OSPAMbigfoot.co m> wrote:

Can anyone help?

http://www.spartanicus.utvinternet.i...s_help_you.htm


Ok, try looking at:-

http://www.martineyles.me.uk/test.html

Not even close to a minimised test case as outlined in the quoted
resource.

This is what you should have created:
http://homepage.ntlworld.ie/spartanicus/test.htm


This is not a minimised version of my page - it behaves completely
differently.

My page is like

_______________ ________
| |
|______________ ________|
| | |
|_____|________ ________|

and your example is

_______________ ____________
|______|_______ |___________|

An explanation of how this particular minimisation can help me would
however be appreciated, Although I think that Gus's suggestions might be
the answer to my problem.

ta, m
Dec 6 '05 #9
Gus Richter wrote:
Martin Eyles wrote:
Gus Richter wrote:
To get you started in fixing the page:

#main {/*width: 510px;*/ margin: 0px; margin-left: 210px}
#main div {/*padding: 5px;*/ margin: 0px}

#blog, #photos {/*width: 498px;*/padding: 5px;}

Funny thing is that I thought that in Standards Mode IE6 would not
have this problem.

Does IE6 actually sometimes use the correct box model? Didn't realise that.
Yes, in the stripped down case certainly, commenting out the widths of
the content works. Will test it on the full version later.

Check out the times of the posts. I posted way before your submitted
reduced test case.


Sorry, out of practice reading threaded posts, and had posted to
Spartanicus's reply first, so lost track
What is happening here? Does the browser just work out that it should
fit in the div and auto-calculated the width according whichever box
model it uses?


You have to read up on floats and the float box. Essentially what
happens is that a subsequent element(s) to a float will attempt to flow
beside and around floated element(s) (shrink wrap) as long as its width
fits into the remaining width (full width minus the width of the floated
element(s)). If the subsequent element does not fit, it will drop down
to where it will fit. IE calculates the provided fixed width wrongly. By
not defining the width of the subsequent element, the subsequent element
will use (fill) the remaining line width.


Grand!
How about the bit where I have 3 divs side by side (in the main page).
I still want to specify the sizes, but want all 3 on the same line,
and not falling bellow the side bar.

OK as long as the accumulated width will fit, otherwise the overset
portion will look to position itself down where it will fit.


Ah, this sounds like I would have to make the boxes smaller to fit in
internet explorer. The problem with this is it will leave a 36px (
adding together the borders and padding, which I would have to
compensate for 3*(2*(5+1))px ) unsightly gap in Firefox. Would this be
an appropriate time to use a CSS hack to make the boxes smaller in IE6
than Firefox? If so, what would you suggest?
Thanks.

You're welcome.


Thanks again, (and thanks for helping rather than just telling me off
for not using minimised test cases),

Martin
Dec 6 '05 #10

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

Similar topics

11
7855
by: Not4u | last post by:
Hello, I have a problem with CSS code. I want to have one menu column with a fixed width and a 100% height and the rest of the page for content. ---------------- |.|.|<--100%-->| |.M.|----------| |.E.|----------| |.N.|----------| |.U.|----------|
22
6955
by: Matt | last post by:
When browsing a web page a user has the ability to highlight content on a page (by holding down the left mouse button and dragging the mouse over the desired content). Is there a way to disable this option? I assume there isn't but I have to try.
0
2626
by: David | last post by:
In ASP.NET 2.0, is it possible to use a control that's on a Master Page as a select parameter in a content page's datasource control? For example, the Master Page has a drop down list of Departments. Content pages are various Department reports listed in a TreeView control on the Master Page. From the content page in the VWD Configure Data Source wizard (which I love!), I was disappointed when adding a WHERE clause that the Control ID list...
0
2103
by: Managed Code | last post by:
Hello All, Here is my issue and thanks in advance for any assistance. I have a base page with a dropdownlist that fires an event with the selected index. The content page catches the event and sets a connection string to the database. The content page has a simple gridview that should show records from the selected database. Initial content page displays data from correct place. first change of dropdownlist correctly updates content...
4
3969
by: cathy | last post by:
Hi All, I am having problems displaying content relevant to the option selected in a drop-down menu. I have an xml document which is running content through Flash and I need to have the same content on a web page. I am working in Dreamweaver 8 and code in asp.net (vb). I need to have a drop-down menu listing available news articles, when one is selected the article should appear on the page. I have currently managed to populate the...
0
884
by: mrjoka | last post by:
hi friends; i'm stuck in a web site and i hope you can help me. i'm working in a statistic web site where i'm using mastre page(this is the first time i'm working with master page) in this mastre page i have a callendar, and 2 drop down list and a tree view, this tree view has a sitemap datasource. in the tree view i have links to many other web pages. my problem is that when i select a value in the drop down list the value is sent to the...
9
2962
by: pbd22 | last post by:
Hi. This is just a disaster management question. I am using XMLHTTP for the dynamic loading of content in a very crucial area of my web site. Same as an IFrame, but using XMLHTTP and a DIV. I got the core of the javascript from here: http://www.dynamicdrive.com/dynamicindex17/ajaxcontent.htm I noticed in the demo that sometimes the content takes a long
9
4093
by: anon.asdf | last post by:
In terms of efficieny: Is it better to use multiple putchar()'s after one another as one gets to new char's OR is it better to collect the characters to a char-array first, and then use puts() to print to screen ????
6
12817
by: AJM Project | last post by:
Hello, I see this is a well known thing and have seen many answers but none have worked for me. It's just a test page I'm making and I've ran into this so I thought I'd ask how to fix it - inline & embedded CSS just now as It's just a quick test page I'm working on. Basically I've got my container div, two other div columns inside with fixed widths. In the 2nd column I have 2 divs, one is under the other, which exceeds the size of the...
0
8683
marktang
by: marktang | last post by:
ONU (Optical Network Unit) is one of the key components for providing high-speed Internet services. Its primary function is to act as an endpoint device located at the user's premises. However, people are often confused as to whether an ONU can Work As a Router. In this blog post, we’ll explore What is ONU, What Is Router, ONU & Router’s main usage, and What is the difference between ONU and Router. Let’s take a closer look ! Part I. Meaning of...
0
9031
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
8902
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
8873
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
7740
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
4372
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
4623
by: adsilva | last post by:
A Windows Forms form does not have the event Unload, like VB6. What one acts like?
1
3052
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
2
2339
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.