Hi - just a quick question, I hope it's simple enough that a visual
example isn't required.
I have an internal site, everything's the way I want it, but there's an
anomoly in both Opera and Firefox, which doesn't exist in IE (surprise).
Essentially, it's a div being margin:auto-d on the page.
#container {
padding: 0;
margin-left: auto;
margin-right: auto;
margin-top: 10px;
background-color:#FBFBFB;
width: 700px;
border: 1px solid #B9C8D2;
}
and everything's inside of that div.
Seems that in Opera and Firefox though, if the page is high enough to
invoke the scrolbar, it gets figured into the page width (somehow). When
I'm on the same site, and swap to a page that isn't high enough to get the
scrollbar, it "shifts" to the right, as the scrollbar is no longer there.
IE, if course, "compensate s" for this somehow.
I have no idea how to go about attacking this. If this is too general, I'd
really appreciate some general ideas as to where to look, or suggestions
on clarifying this.... or anything to help out. :) The html/css validates
just fine, so I'd hate to start screwing with things that are non-standard.
TIA 5 11192
"Duane Lambe" <dl****@here.du h> wrote: I have an internal site, everything's the way I want it, but there's an anomoly in both Opera and Firefox, which doesn't exist in IE (surprise).
Not really. :-)
Essentially, it's a div being margin:auto-d on the page.
#container { padding: 0; margin-left: auto; margin-right: auto; margin-top: 10px; background-color:#FBFBFB; width: 700px; border: 1px solid #B9C8D2; }
and everything's inside of that div.
Why?
Seems that in Opera and Firefox though, if the page is high enough to invoke the scrolbar, it gets figured into the page width (somehow). When I'm on the same site, and swap to a page that isn't high enough to get the scrollbar, it "shifts" to the right, as the scrollbar is no longer there.
According to CSS specs the position of a scrollbar on any element is
inside the border, outside the padding. So what you're seeing is to be
expected if the browser maps the border edge of the HTML or BODY
element to the viewport edge.
set {overflow: scroll} somewhere, so the scrollbar will always be
present, if it's really bothering you. I quoteth:
scroll
This value indicates that the content is clipped and that if the user
agent uses a scrolling mechanism that is visible on the screen (such
as a scroll bar or a panner), that mechanism should be displayed for a
box whether or not any of its content is clipped. This avoids any
problem with scrollbars appearing and disappearing in a dynamic
environment.
IE, if course, "compensate s" for this somehow.
IE treats that main scrollbar as part of the browser interface, not
part of the rendering of the root element. It isn't wrong, just
different.
--
Karl Smith.
On 17 Feb 2004 14:13:04 -0600, Duane Lambe <dl****@here.du h> wrote: I have an internal site, everything's the way I want it, but there's an anomoly in both Opera and Firefox, which doesn't exist in IE (surprise).
Essentially, it's a div being margin:auto-d on the page.
#container { padding: 0; margin-left: auto; margin-right: auto; margin-top: 10px; background-color:#FBFBFB; width: 700px; border: 1px solid #B9C8D2; }
and everything's inside of that div.
Not sure entirely, but are you certain everyone using this internal site
will have their browser at more than 700px wide? Consider a flexible
design which can squish appealingly down to 500px or smaller and still
look good at 1024px wide.
On Tue, 17 Feb 2004 22:49:53 -0500, Neal <ne*****@spamrc n.com> wrote: #container { padding: 0; margin-left: auto; margin-right: auto; margin-top: 10px; background-color:#FBFBFB; width: 700px; border: 1px solid #B9C8D2; }
and everything's inside of that div.
Not sure entirely, but are you certain everyone using this internal site will have their browser at more than 700px wide? Consider a flexible design which can squish appealingly down to 500px or smaller and still look good at 1024px wide.
Good point, but yep, I'm sure... I'm also the local helpdesk guy and NT
admin, so I know what everyone's running at. There's one person running at
8x6, but it's maximized, so she's good. The site will never be external. :)
On 17 Feb 2004 19:41:44 -0800, Karl Smith <go************ @kjsmith.com>
wrote: Essentially, it's a div being margin:auto-d on the page.
#container { padding: 0; margin-left: auto; margin-right: auto; margin-top: 10px; background-color:#FBFBFB; width: 700px; border: 1px solid #B9C8D2; }
and everything's inside of that div.
Why?
I've been using several sites for the design inspiration, including http://www.alistapart.com/ for the button idea across the top... just
ended up that this was the way I got everything to work, in all browsers. IE, if course, "compensate s" for this somehow.
IE treats that main scrollbar as part of the browser interface, not part of the rendering of the root element. It isn't wrong, just different.
Ah, that makes sense. I noticed that http://www.alistapart.com/ does not
follow the behaviour of my site.. our code is different, but the main
design idea is the same (header, buttons, content, sidebar, footer) so
maybe I'll dig through and see what they've done that might keep things in
the center, ignoring the scrollbar.
Thanks for the help folks!
In article Duane Lambe wrote: Not sure entirely, but are you certain everyone using this internal site will have their browser at more than 700px wide? Consider a flexible design which can squish appealingly down to 500px or smaller and still look good at 1024px wide.
Good point, but yep, I'm sure... I'm also the local helpdesk guy and NT admin, so I know what everyone's running at. There's one person running at 8x6, but it's maximized, so she's good. The site will never be external. :)
And if your company actually hires someone that knows how to use
computer(s) efficiently? Tou need to redesign.
I moved my browser from 800*600 to 1280*1024 and now use smaller window
than previously. (and I was using <600px wide previously...)
(of course, there is some cases when I make it bigger, as there is som
much of clueless webauthors out there. But usually I just fix sites
ignoring (part of) stylesheet or whole page)
Now I can run have my email and irc windows on side of browser.
--
Lauri Raittila <http://www.iki.fi/lr> <http://www.iki.fi/zwak/fonts>
Saapi lähettää meiliä, jos aihe ei liity ryhmään, tai on yksityinen
tjsp., mutta älä lähetä samaa viestiä meilitse ja ryhmään. This thread has been closed and replies have been disabled. Please start a new discussion. Similar topics |
by: Manlio Perillo |
last post by:
Hi.
This post follows "does python have useless destructors".
I'm not an expert, so I hope what I will write is meaningfull and
clear.
Actually in Python there is no possibility to write code that follows
C++ RAII pattern.
Of course Python objects are not statics like in C++, but in C++ the
auto_ptr class is used for enforcing this...
|
by: Glabbeek |
last post by:
I'm changing the layout of my site. Instead of using tables, I will use
DIVs. It's working fine, except for 1 thing: In IE6 some DIVs are not
the correct width. Mozilla and Opera are showing the page the way I
want. Does anybody know a solution for this?
First of all, the code I am using:
CSS
-------
body {
|
by: Robert Downes |
last post by:
I'm using the following in a page that I'm testing in Mozilla:
p.actionLinkBlock {border: 1px #000000 dashed; padding: 0.2cm; width: auto}
But the dashed border is extending to the right-edge of the screen. I
want it to only extend as far as it needs to to nicely contain the
content within (a couple of links).
Is width: auto the wrong...
|
by: Vijay Kumar R. Zanvar |
last post by:
Hello,
Unlike register, auto keyword can not be used to
declare formal parameter(s). Is there any specific
reason for this?
Kind regards,
Vijay Kumar R. Zanvar
|
by: Alpha |
last post by:
I retrieve a table with only 2 columns. One is a auto-generated primary key
column and the 2nd is a string. When I add a new row to the dataset to be
updated back to the database. What should I do with the 1st column ? (Below
I have a "1" in place for now). Also, Does the datase.AcceptChanges();
updates the changes to the database? Which...
| |
by: Samuel |
last post by:
Hi,
I am running into a problem of mixing UICulture = auto and allowing users to
select culture using a dropdown list.
I am detecting a querystring, "setlang", and when found, setting the
CurrentUICulture to what's specified in the querystring. Since I want to
allow UICulture auto detecting, I add UICulture = "auto" to page directive on...
|
by: maya |
last post by:
at work they decided to center divs thus:
body {text-align:center}
#content {width: 612px; text-align:left; margin: 0 auto 0 auto; }
this works fine in IE & FF, EXCEPT in FF it doesn't work if I change
'auto' to 0 for left and right margin values; I have to leave those at
'auto'.. so I would like to know what exactly means 'auto' -- what...
|
by: nospam_news |
last post by:
I currently get asked about my usage of "auto". What is it for?
The keyword is clearly superflous here.
In contrast to the huge majority of C/C++ developers I write
definitions very explicitly like that:
int main(char argc, char *argv, char *env) {
try {
auto Exception mainException(1);
mainException.setErrNo(42);
|
by: Piotr K |
last post by:
Hi,
I've encountered a strange problem with Firefox which I don't have any
idea how to resolve. To the point: I've <divelement with a style
"height: auto" and I want to retrieve this value ("auto") in
JavaScript - however instead of getting "auto" value, I get calculated
height. In IE and Opera it simply returns "auto".
Any ideas how to...
|
by: JOYCE |
last post by:
Look the subject,that's my problem!
I hope someone can help me, thanks
|
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...
| |
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...
|
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...
|
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...
|
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...
|
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...
|
by: adsilva |
last post by:
A Windows Forms form does not have the event Unload, like VB6. What one acts like?
| |
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...
| | |