Hello,
Well, after almost completing my very first real CSS-only design, I'm
just trying to iron out the last problems. You can see a mock-up of the
page at http://www.kidsinaction.org.uk/freds/freds-css.html
All HTML and CSS validate without warning. If you use FF (I have 1.0.7)
or IE6, it looks fine (from a technical point of view - you might not
like my design!!), but in Opera and IE5, it does not look how I
expected.
In Opera 8.53, the top div (#header) does not reach the top of the
window, leaving a green band across the top of the page. I have set the
margin and padding for both html and body to zero, and the #header div
has margins of zero as well, so I can't see where this gap comes from.
In IE5, the header part is fine, but the main content div (#main) is
lower down the page than I intended. In FF and IE6, the top of the #main
div is right below the search box, whereas in IE5 it moves further down.
This is not a huge problem, but I would like to remove the extra space
if I can.
Any ideas what I have done wrong, or what browser issues I may have hit?
More to the point, what can I do to work around them?
TIA
--
Alan Silver
(anything added below this line is nothing to do with me) 6 1334
>Well, after almost completing my very first real CSS-only design, I'm just trying to iron out the last problems. You can see a mock-up of the page at http://www.kidsinaction.org.uk/freds/freds-css.html
All HTML and CSS validate without warning. If you use FF (I have 1.0.7) or IE6, it looks fine (from a technical point of view - you might not like my design!!), but in Opera and IE5, it does not look how I expected.
In Opera 8.53, the top div (#header) does not reach the top of the window, leaving a green band across the top of the page. I have set the margin and padding for both html and body to zero, and the #header div has margins of zero as well, so I can't see where this gap comes from.
<Snip>Any ideas what I have done wrong, or what browser issues I may have hit? More to the point, what can I do to work around them?
I duplicate the problem with Opera 8 -- but the cure seems to be to
download Opera 9 (beta) which is now my everyday browser -- the problem
is NOT to be seen in that. Can't help with IE5, I'm happy to say!
--
Chris Hughes
"I don't know anything about music. In my line you don't have to". (Elvis Presley) http://www.epicure.demon.co.uk
In article <CZ************ **@nospamthanky ou.spam>, Alan Silver
<al*********@no spam.thanx.inva lid> writes
<snip> In Opera 8.53, the top div (#header) does not reach the top of the window, leaving a green band across the top of the page. I have set the margin and padding for both html and body to zero, and the #header div has margins of zero as well, so I can't see where this gap comes from.
Well, I found the problem here. Due tothe fact that this page will
eventually be part of an ASP.NET site, I had added a <form> tag that
enclosed pretty much the whole content of the <body>. I discovered that
Opera adds a margin to a ,form> and that was what was creating the gap.
I just changed the first CSS bit to...
html, body, form {
margin: 0;
padding: 0;
}
and it fixed it.
Any help on the IE5 problem would be appreciated.
--
Alan Silver
(anything added below this line is nothing to do with me)
In article <nk************ **@epicure.demo n.co.uk>, The Major
<Th*******@farn sebarnse.demon. co.uk> writes I duplicate the problem with Opera 8 -- but the cure seems to be to download Opera 9 (beta) which is now my everyday browser -- the problem is NOT to be seen in that.
As I posted afterwards, the Opera problem turned out to be a margin on
the <form> element. That was easy to fix!!
It would be nice to ignore an issue in one version of a browser and just
assume that people will download the latest version, but the real world
doesn't work that way. As it happened, the problem here was a simple
oversight by me, based on a perfectly reasonable default setting for a
margin that seems to be unique to Opera (up to version 8 at least). Had
this been a more insidious problem, I could not have simply ignored it
and expected people to use a later version.
Can't help with IE5, I'm happy to say!
I'm not happy about it. No, I don't use IE5, but some people still do.
Thanks anyway.
--
Alan Silver
(anything added below this line is nothing to do with me)
On Wed, 5 Apr 2006 16:06:38 +0100, Alan Silver
<al*********@no spam.thanx.inva lid> wrote: Well, after almost completing my very first real CSS-only design, I'm just trying to iron out the last problems. You can see a mock-up of the page at http://www.kidsinaction.org.uk/freds/freds-css.html
In IE5, the header part is fine, but the main content div (#main) is lower down the page than I intended. In FF and IE6, the top of the #main div is right below the search box, whereas in IE5 it moves further down. This is not a huge problem, but I would like to remove the extra space if I can.
I haven't installed IE5 on this computer, so can't check it myself.
However are you aware of the old Internet Explorer box model and the
Tantek hack used to copy with IE5 foibles? If not, you could do a web
search on them.
Having said that, I think that IE5 can now be considered an old (not to
mention broken) browser, and the number of users is decreasing quite
fast. Pages still need to be readable in IE5, but if they are
cosmetically a bit less attractive I would suggest that really doesn't
matter much any more.
--
Stephen Poley http://www.xs4all.nl/~sbpoley/webmatters/
In article <ra************ *************** *****@4ax.com>, Stephen Poley
<sb************ ******@xs4all.n l> writes On Wed, 5 Apr 2006 16:06:38 +0100, Alan Silver <al*********@n ospam.thanx.inv alid> wrote:
Well, after almost completing my very first real CSS-only design, I'm just trying to iron out the last problems. You can see a mock-up of the page at http://www.kidsinaction.org.uk/freds/freds-css.html
In IE5, the header part is fine, but the main content div (#main) is lower down the page than I intended. In FF and IE6, the top of the #main div is right below the search box, whereas in IE5 it moves further down. This is not a huge problem, but I would like to remove the extra space if I can.
I haven't installed IE5 on this computer, so can't check it myself. However are you aware of the old Internet Explorer box model and the Tantek hack used to copy with IE5 foibles? If not, you could do a web search on them.
Thanks. I was sure it was some sort of IE5 bug, but without knowing
which one, it was hard to track down. Now I have some words to use for a
search, I should be able to track this one down.
Having said that, I think that IE5 can now be considered an old (not to mention broken) browser, and the number of users is decreasing quite fast. Pages still need to be readable in IE5, but if they are cosmetically a bit less attractive I would suggest that really doesn't matter much any more.
Probably. I guess it depends on how complex the hack is. The problem
isn't very serious, so if it's going to involve anything complex to fix
it, I won't bother. If it's simple, I might as well.
Thanks for the reply.
--
Alan Silver
(anything added below this line is nothing to do with me) This thread has been closed and replies have been disabled. Please start a new discussion. Similar topics |
by: Koyan |
last post by:
Hallo everbody,
I am using the following function:
function MultimediaOpenWnd (ids,action1,captions,wd,ht) {
var features = "width=" + wd + ",height=" + ht
+ "scrollbars=yes,menubar=no";
window.open("/international_en/multimedia/image-popup?id=" + ids
+ "&actionval=" +action1+ "&caption="+captions+"",
"ImagePopUp",features)
|
by: Jukka K. Korpela |
last post by:
I have noticed that the meaning of visibility: collapse has been discussed
on different forums, but with no consensus on what it really means.
Besides, implementations differ.
The specification says:
"The 'visibility' property takes the value 'collapse' for row, row group,
column, and column group elements. This value causes the entire row or
column to be removed from the display, and the space normally taken up by
the row or column to...
|
by: BenOne© |
last post by:
Hi all,
I want to create a layout with a heading at the top and two columns below it,
with the left containing a menu, and the right containing the main content of
the page. I'd like the heading section to be as tall as it's content, the left
to be as wide as it's content, and the right to just fill the rest of the
screen. I don't want to use px sizes anywhere if possible, and even percentages
would be nice to avoid for the menu and...
|
by: Mark Johnson |
last post by:
Oddly enough, I found it difficult, using Google, to find a list of
best-of sites based on the quality of their css packages.
So I'd ask. Does anyone know of particularly good sites which are in
good measure because of their creative and useful css designs? I'm
aware of Zen Garden and a few others. So don't bother with those. And
I hope I don't get replies from people with a 'tin ear' and no design
sense. Good sites. Good pages. That's...
|
by: David Morris |
last post by:
G'day.
Is there a known "display:block;" problem in opera?
In playing around trying to get some cross browser conformance, I either
inadvertently or redundantly (depending on your perspective) added
"display:block;" to a style defining tables that also had zero padding, margin
and border.
With "xdisplay:block;" (that is nothing) all browsers (well Ie6, MZ, Ff Op in
| |
by: Martin Doyle |
last post by:
Ok, I'm building a JS-based limitless-sublevel dynamic menu and am
making it cross browser as well - 3 packs of aspirin so far and
counting ;)
I'm having a weird rendering problem using Opera 7.51, even though it
displays fine in Mozilla 1.6, Firefox 0.9, Netscape 7.1 and Internet
Explorer 6.0
Hope someone can help!
|
by: lawren |
last post by:
Students interested may contact directly.
|
by: Alan Silver |
last post by:
Hello,
Just wondered what range of browsers, versions and OSs people are using
to test pages. Also, since I don't have access to a Mac, will I have
problems not being able to test on any Mac browsers, or is there some
other way of checking?
TIA
--
|
by: balakrishnan.dinesh |
last post by:
hi frnds,
In my html code, i have used <hrtag.
Im using it as "<hr color=red>", So the respective hr line color is
red in Mozila and IE browsers,
But it is not showing the color in Opera browser, It just showing the
line as black.
Can anyone tell , how to color the hr tag line for opera browsers.
Rgrds
|
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...
|
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,...
| |
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...
|
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...
|
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...
|
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...
|
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...
|
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
| |
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...
| |