I have a Page that has one left div with id "sidebar", floats left and
has a fixed width of 140px, then another div with id "content", a left
margin of 160px, and a fixed width of 570px.
Here is the CSS:
#news{
background-image: url(images/body-repeat-news.gif);
width: 730px;
padding: 15px;
}
#news #sidebar{
width: 140px;
}
#news #content{
margin-left: 160px;
width: 570px; /* Weird Opera Bug */
width: expression("565 px"); /* Fix IE bug where object gets pushed
down */
}
The page looks fine in IE and Opera, but in firefox it loads properly
"SOMETIMES" .
Here is a link to the page http://www.hiazle.com/news
Please note: all content on this page is "automatica lly" generated so,
it appears that Firefox loads properly if there is no delay in
generating page content. I'm not sure if that's the case.
All help will be appreciated. 4 5041
hiazle wrote:
I have a Page that has one left div with id "sidebar", floats left and
has a fixed width of 140px, then another div with id "content", a left
margin of 160px, and a fixed width of 570px.
I do not have an exact solution. But...
This is almost always a width problem especially since you are using a
fixed width for the content area. FF and IE handle widths differently
(although IE is usually the cramp). Increase the main content size, or set
it to 100%.
--
jmm (hyphen) list (at) sohnen-moe (dot) com
(Remove .AXSPAMGN for email)
Jim Moe wrote:
I do not have an exact solution. But...
This is almost always a width problem especially since you are using a
fixed width for the content area. FF and IE handle widths differently
(although IE is usually the cramp). Increase the main content size, or set
it to 100%.
--
jmm (hyphen) list (at) sohnen-moe (dot) com
(Remove .AXSPAMGN for email)
Hi Jim,
If you check the CSS comments I included, you'll notice that I had to
specify a width because Opera would force the content area to be bigger
than it's container [Very weird]. and IE also failed to handle the
width of the block and push it down, so I had to specify a width which
is 5px smaller (using "EXPRESSION ")
hiazle wrote:
Jim Moe wrote:
> I do not have an exact solution. But... This is almost always a width problem especially since you are using a fixed width for the content area. FF and IE handle widths differently (although IE is usually the cramp). Increase the main content size, or set it to 100%.
If you check the CSS comments I included, you'll notice that I had to
specify a width because Opera would force the content area to be bigger
than it's container [Very weird]. and IE also failed to handle the
width of the block and push it down, so I had to specify a width which
is 5px smaller (using "EXPRESSION ")
Setting the width(s) to 99% helps IE a lot. Or even 99.9%.
Using percentages to specify the horizontal spacing makes the design
more fluid and workable in more browsers. Do not use px or ems for
container margins and padding, use %.
Another option is to float the main content area as well. You would need
to remove the 160px left margin.
--
jmm (hyphen) list (at) sohnen-moe (dot) com
(Remove .AXSPAMGN for email)
hiazle wrote:
I have a Page that has one left div with id "sidebar", floats left and
has a fixed width of 140px, then another div with id "content", a left
margin of 160px, and a fixed width of 570px.
Here is the CSS:
#news{
background-image: url(images/body-repeat-news.gif);
width: 730px;
padding: 15px;
}
#news #sidebar{
width: 140px;
}
#news #content{
margin-left: 160px;
width: 570px; /* Weird Opera Bug */
width: expression("565 px"); /* Fix IE bug where object gets pushed
down */
}
The page looks fine in IE and Opera, but in firefox it loads properly
"SOMETIMES" .
Here is a link to the page http://www.hiazle.com/news
Please note: all content on this page is "automatica lly" generated so,
it appears that Firefox loads properly if there is no delay in
generating page content. I'm not sure if that's the case.
All help will be appreciated.
And in Mozilla 1.8b it gets pushed all down to just after the level of
where the menu ends (but still in it's own column.)
And in Opera 8 the center column doesn't show at all! Only the orange
horizonal line shows. andAnd the bacground (as seen on the let and right
shoulders (or gutters) of the page are not aligned with the small bit of
the same background around the boarder of the main area.
NS 7.2 I get the same result as FF 1.5.0.6
NS 4, you don't wanna know :-)
--
Stan This thread has been closed and replies have been disabled. Please start a new discussion. Similar topics |
by: Matt Bostock |
last post by:
Hi,
I'm a bit of a CSS newbie so please accept my apologies if this post is
inappropriate.
I can't get the 'latest news' title to move across to the right column
where it belongs. Here's a link to the page: http://www.retroweb.net/dev/8/
If anyone could help, I'd be extremely grateful.
|
by: fuzzyman |
last post by:
I have a very odd problem that has boggled my head. I've been trying to
get a 2 column layout working with CSS. The problem seems to occur with
the use of the <script> tag in the document.
I've been reworking the CSS to use percentages rather than fixed
widths. I'd like a two column page with header, footer, main body -with
sidebar. I'd like the sidebar to have a fixed size and the mainbody to
follow the browser window size *preferably*...
|
by: Xavier Onassis |
last post by:
I would be grateful for recommendations for a CSS layout (header, 2 cols,
footer) that can accomodate dynamically added elements. I am not having any
luck so far getting this to work in Mozilla/Firefox. Success so far only
with IE. In Mozilla/Firefox, the layout does not adjust when nodes are
inserted into the document dynamically.
Layout:
H E A D E R
COL1 COL2
|
by: David Blickstein |
last post by:
I have some XML documents that I want to open in a web browser and be
automatically translated to HTML via XSLT. I'm using an xml-stylesheet
processing command in a file called "girml.xml".
This all works in Internet Explorer, but doesn't work with Firefox.
In both IE and Firefox this works:
<?xml-stylesheet type="text/xsl" encoding="UTF-8" href="makehtml.xslt"
version="1.0"?>
|
by: Dave |
last post by:
I am designing a web page using VS2003 ASP.NET. The page contains various
DIVs (panels), one of which is in grid layout. The controls in this DIV
render correctly in IE, but when using Firefox they are incorrectly
positioned. VS sets the positioning of the controls to absolute, and because
the DIV is to the right of another DIV Firefox (correctly, I suspect)
positions the controls absolutely, which means they are too far to the left,
while...
| |
by: Ben Holness |
last post by:
Hi all,
I am having some trouble with some table code. It works fine in Internet
Explorer, but the layout doesn't work correctly in Firefox 1.0.7
Is this a firefox bug, or am I missing something in the HTML? It is pretty
simple code! (Plus it is valid according to the w3c validator)
The layout problem is in the third row. I cannot get the embedded table
(with the top and bottom cells) to be the full height of the cell (unless
|
by: Luke |
last post by:
Hi.
I am trying to make correct layout, here is an example of (dynamically
generated content via jsp):
http://localhost/www/layout.htm
Most outer div is positioned absolute (if not then it will not grow
when content inside div.body is greater than width of window of user
agent), anyway anyone knowlegable can see it in sources...
|
by: Grischa Brockhaus |
last post by:
Hi,
I'm trying to produce a div layout containing a header on the top with fixed height, a footer on the
bottom using fixed height and a content layer using what's left of the browsers window.
So my header div is defined at top:0; height:40px , my footer is defined as bottom:0; height:40px
and the content is defined as top:40px;bottom:40px;
This works very well with firefox but doesn't work with IE, as IE ignores the bottom statement...
|
by: Daniel Kabs |
last post by:
Hi there,
for a long time I've been using tables to layout elements on a web page.
Example: Say we have a 2x2 table and I'd like to put text (left aligned)
and buttons (right aligned) in the top right table cell. These elements
should stay on one line and the table should keep a minimum width in
order to prevent wrapping.
-------------------------------------------------
|
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: 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...
| |
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,...
|
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: 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: 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 into image.
Globals.ThisAddIn.Application.ActiveDocument.Select();...
|
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.
| |