http://www.iboi.nl/dev/
Tested with:
Safari 1.2.2 (Mac)
Firefox 0.8 (Mac)
IE 5.2.3 (Mac)
Camino 0.8 (Mac)
IE 6 (Windows)
Opera 7.5 (Mac)
The latter is the only one who displays the page differently.
All <div>'s are placed 8px down. Which is best seen by looking at the
background image; the other images should 'fit'.
It might be a bit risky to make a layout that is so dependent on pixel
precise positioning, but I though I avoided using code that would be
problematic.
I didn't have the guts to try it out yet in IE5/5.5/Win though :-)
--
marco 14 2186 mb*****@mac.kom .invalid (Marco Bakker) wrote: http://www.iboi.nl/dev/
Tested with: Safari 1.2.2 (Mac) Firefox 0.8 (Mac) IE 5.2.3 (Mac) Camino 0.8 (Mac) IE 6 (Windows) Opera 7.5 (Mac)
The latter is the only one who displays the page differently. All <div>'s are placed 8px down. Which is best seen by looking at the background image; the other images should 'fit'.
Opera (correctly) uses default padding on the body element, other UAs
commonly use margin. (add padding:0 to your body style).
--
Spartanicus mb*****@mac.kom .invalid (Marco Bakker) wrote: http://www.iboi.nl/dev/
Tested with: Safari 1.2.2 (Mac) Firefox 0.8 (Mac) IE 5.2.3 (Mac) Camino 0.8 (Mac) IE 6 (Windows) Opera 7.5 (Mac)
The latter is the only one who displays the page differently. All <div>'s are placed 8px down. Which is best seen by looking at the background image; the other images should 'fit'.
You've set body {margin: 0 auto;}
Opera doesn't have default margin on body, it has default padding.
So add padding: 0; and all will be well.
It might be a bit risky to make a layout that is so dependent on pixel precise positioning, but I though I avoided using code that would be problematic.
Biggest problems I can see are:
1.the complete lack of useful alt attributes. With images turned off
the page is useless.
2. Text size set in pixels, which means that IE users can't easily
resize it. And considering that you've set the text size to a tiny
size at least some of them are going to need to resize it before they
can read anything.
I didn't have the guts to try it out yet in IE5/5.5/Win though :-)
The content is left aligned, because Win IE5.x doesn't support
margin-left: auto; margin-right: auto;
Steve
--
"My theories appal you, my heresies outrage you,
I never answer letters and you don't like my tie." - The Doctor
Steve Pugh <st***@pugh.net > <http://steve.pugh.net/>
Steve Pugh wrote: mb*****@mac.kom .invalid (Marco Bakker) wrote:
http://www.iboi.nl/dev/ Biggest problems I can see are: 1.the complete lack of useful alt attributes. With images turned off the page is useless. 2. Text size set in pixels, which means that IE users can't easily resize it. And considering that you've set the text size to a tiny size at least some of them are going to need to resize it before they can read anything.
3. Slips off left side in Gecko if window is narrower than
750px.
--
Els http://locusmeus.com/
Sonhos vem. Sonhos vão. O resto é imperfeito.
- Renato Russo -
Spartanicus <me@privacy.net > wrote: mb*****@mac.kom .invalid (Marco Bakker) wrote:
http://www.iboi.nl/dev/
Tested with: Safari 1.2.2 (Mac) Firefox 0.8 (Mac) IE 5.2.3 (Mac) Camino 0.8 (Mac) IE 6 (Windows) Opera 7.5 (Mac)
The latter is the only one who displays the page differently. All <div>'s are placed 8px down. Which is best seen by looking at the background image; the other images should 'fit'.
Opera (correctly) uses default padding on the body element, other UAs commonly use margin. (add padding:0 to your body style).
Thanks! Great.
--
marco
Steve Pugh <st***@pugh.net > wrote: mb*****@mac.kom .invalid (Marco Bakker) wrote:
http://www.iboi.nl/dev/
Tested with: Safari 1.2.2 (Mac) Firefox 0.8 (Mac) IE 5.2.3 (Mac) Camino 0.8 (Mac) IE 6 (Windows) Opera 7.5 (Mac)
The latter is the only one who displays the page differently. All <div>'s are placed 8px down. Which is best seen by looking at the background image; the other images should 'fit'. You've set body {margin: 0 auto;} Opera doesn't have default margin on body, it has default padding. So add padding: 0; and all will be well.
It might be a bit risky to make a layout that is so dependent on pixel precise positioning, but I though I avoided using code that would be problematic.
Biggest problems I can see are: 1.the complete lack of useful alt attributes. With images turned off the page is useless.
Yes, the 'alt' text was on the to do list. I test in Lynx always, so
that I would have noticed at some stage.
2. Text size set in pixels, which means that IE users can't easily resize it. And considering that you've set the text size to a tiny size at least some of them are going to need to resize it before they can read anything.
0.8em is what I think I will be using. I didn't have the guts to try it out yet in IE5/5.5/Win though :-)
The content is left aligned, because Win IE5.x doesn't support margin-left: auto; margin-right: auto;
That will break the whole layout. Back to the drawing board I'm afraid.
Absolute positioning, no auto centering, yikes.
Thanks Steve.
--
marco
Marco Bakker wrote: Steve Pugh <st***@pugh.net > wrote:
mb*****@mac.k om.invalid (Marco Bakker) wrote:
http://www.iboi.nl/dev/
I didn't have the guts to try it out yet in IE5/5.5/Win though :-)
The content is left aligned, because Win IE5.x doesn't support margin-left: auto; margin-right: auto;
That will break the whole layout. Back to the drawing board I'm afraid. Absolute positioning, no auto centering, yikes.
Not if you set text-align:center to the body.
That will center align the page in IE5, while the auto
margins do it for the rest of the browsers.
--
Els http://locusmeus.com/
Sonhos vem. Sonhos vão. O resto é imperfeito.
- Renato Russo -
Els <el*********@ti scali.nl> wrote: Steve Pugh wrote:
mb*****@mac.kom .invalid (Marco Bakker) wrote:
http://www.iboi.nl/dev/ Biggest problems I can see are: 1.the complete lack of useful alt attributes. With images turned off the page is useless. 2. Text size set in pixels, which means that IE users can't easily resize it. And considering that you've set the text size to a tiny size at least some of them are going to need to resize it before they can read anything.
3. Slips off left side in Gecko if window is narrower than 750px.
You mean the background starting to 'travel'? That's fine. I tested it
on a 800x600 laptop and it was fine. I have to draw a line somewhere
(with this design) and that is at 800x600.
--
marco
Marco Bakker wrote: Els <el*********@ti scali.nl> wrote: http://www.iboi.nl/dev/
3. Slips off left side in Gecko if window is narrower than 750px.
You mean the background starting to 'travel'? That's fine. I tested it on a 800x600 laptop and it was fine. I have to draw a line somewhere (with this design) and that is at 800x600.
No, the background isn't important.
The content slips off screen to the left, where the
scrollbar can't get to it.
Easy to avoid by setting a border on the whole page. Set the
border in the same color as the background and noone will
notice.
Another method is setting a min-width to the page, as the
problem only occurs in Gecko browsers, it's not a problem
that IE doesn't read that.
--
Els http://locusmeus.com/
Sonhos vem. Sonhos vão. O resto é imperfeito.
- Renato Russo - mb*****@mac.kom .invalid (Marco Bakker) wrote: Steve Pugh <st***@pugh.net > wrote: mb*****@mac.kom .invalid (Marco Bakker) wrote:
>http://www.iboi.nl/dev/ 2. Text size set in pixels, which means that IE users can't easily resize it. And considering that you've set the text size to a tiny size at least some of them are going to need to resize it before they can read anything. 0.8em is what I think I will be using.
Well, at least that's only 20% smaller than the browser default,
rather than the 38% smaller that you have at the moment (assuming
factory settings, could be more or less for individual users). So a
step in the right direction. >I didn't have the guts to try it out yet in IE5/5.5/Win though :-)
The content is left aligned, because Win IE5.x doesn't support margin-left: auto; margin-right: auto;
That will break the whole layout. Back to the drawing board I'm afraid.
Not really. The page is still alid out as you specified, just on the
left rather than in the middle.
Absolute positioning, no auto centering, yikes.
There's no need to use absolute positioning here. Just set text-align:
center; on body (and text-align: left on all the children) and IE5.x
will (incorrently) center it.
Steve
--
"My theories appal you, my heresies outrage you,
I never answer letters and you don't like my tie." - The Doctor
Steve Pugh <st***@pugh.net > <http://steve.pugh.net/> This thread has been closed and replies have been disabled. Please start a new discussion. Similar topics |
by: What-a-Tool |
last post by:
I'm going out out of my mind trying to get this to work with no luck. The
error message I get is at the bottom. Can someone please tell me what I'm
doing wrong here. I've tried this a million different ways and can't get it
to work. I can get it to work with VBScript, but I need to do this project
in JavaScript. HELP- PLEASE!?
<%@Language=JavaScript%>
<%Response.buffer=true%>
<%
|
by: andrew |
last post by:
Hi,
I posted this message recently, but received no response, so I figured I'd
try again. I can't find anybody who can tell me what's going on here.
I'm having a problem with fieldsets in IE moving around on me as I hover
from one table to another. The problem only appears in IE (I'm using v6).
If I hover over the tables row, the bottom fieldset moves up and down as I
move from on table to other.
|
by: Paul |
last post by:
HI! I have a script that does not seem to work. can someone tell me what I
am doing wrong here?
<script language="JavaScript">
function firefoxautofix(){
parent.window.resizeBy(-1,-1)
parent.window.resizeBy(+1,+1)
}
</script>
|
by: subnet |
last post by:
I'm trying to write a very simple program that uses a signal-based
synchronization between two processes. Here's it:
-----------------------------------------------
/* The world's simplest syncronization example */
#include <stdio.h>
#include <stdlib.h>
#include <signal.h>
#include <unistd.h>
void handler(int sig);
|
by: joey.powell |
last post by:
I have run into a problem with one of my aspx pages. When I run the
page, I get a "Server Tag Is Not Well Formed" error. This message goes
away when I remove the line with the problem. This simply does not make
any sense. I have triple-checked everything. What am I doing wrong
here?
Below is a snippet of the "problem" line. After that is the entire aspx
page, with the "problem" line marked with HTML comment tags...
| |
by: Hitesh Joshi |
last post by:
Hi,
I wanted to pass a popup mesage using windows messagin service to five
PCs.
If I just use following then PC1 gets the popup service message:
import os
os.system('net send PC1 "Message"')
|
by: shapper |
last post by:
Hello,
On my Page_Init event I have the following:
Protected Sub Page_Init(ByVal sender As Object, ByVal e As EventArgs)
Handles MyBase.Init
Dim pContainer As New Panel
AddHandler pContainer.Init, AddressOf pContainer_Init
Me.Controls.Add(pContainer)
|
by: JoeC |
last post by:
I have been programming for a while and I have seen this syntax before
and I copied this from a book but the book didn't explain what is going
on here.
class engine{
protected:
static engine* pengine;
Than later:
|
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: 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: 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: adsilva |
last post by:
A Windows Forms form does not have the event Unload, like VB6. What one acts like?
|
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: muto222 |
last post by:
How can i add a mobile payment intergratation into php mysql website.
|
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...
| |