A veteran of early html, I've modified my blog template and made it
look rather clean (albeit rather plain) when viewed with IE.
Ironically, I'm a big Firefox fan, but when viewed in FF, my blog
leaves a lot to be desired.
The blog (which is at http://lazycomic.blospot.com/ ) is a basic two
column style, with the right column being the one that's giving me the
problems.
In IE, it has nice padding around the text in the right column and
decent spacing between it and the left (main) column. It also sits
rather nicely in the middle of the window.
PROBLEM #1 In FireFox, the text in the right column is slammed right
into the left edge of the column. The bulleted items even go into the
main column. (I've noticed the FF users continue to read my blog -- and
I appreciate it -- but it looks rather dreadful.)
PROBLEM #2 In IE, the color (#f5f5f5) for the right column follows
neatly until it's done, while it FireFox it seems to end abruptly.
I'm sure there are a ton of poor syntax issues with my blog template,
but any help on correcting these two problems would be a great step in
the right direction. 11 6874 sl*******@yahoo .com wrote:
>
The blog (which is at http://lazycomic.blospot.com/ ) is a basic two
column style, with the right column being the one that's giving me the
problems.
Bad URL.
In IE, it has nice padding around the text in the right column and
decent spacing between it and the left (main) column. It also sits
rather nicely in the middle of the window.
PROBLEM #1 In FireFox, the text in the right column is slammed right
into the left edge of the column. The bulleted items even go into the
main column. (I've noticed the FF users continue to read my blog -- and
I appreciate it -- but it looks rather dreadful.)
Without a useful URL I'm only guessing.... Each browser has a different
idea about how to apply padding and margins, and how much. A way to
achieve a mostly uniform look across browsers is to use
html * { padding: 0; margin: 0; }
and explicitly specify the margin and padding for every element.
For <ulin particular, FF and IE use distinctly different values; I do
not remember which is which but one uses padding to indent a <ul>, the
other uses margin. If you set margin or padding to 0, one browser renders
the list without indent on the left.
This works reasonably well:
html * { padding: 0; margin: 0; }
ol { padding-left: 2.5em; } /* Allows up to 3 digits. */
ul { padding-left: 1.4em; } /* Minimum needed across browsers. */
--
jmm (hyphen) list (at) sohnen-moe (dot) com
(Remove .AXSPAMGN for email)
Jim - Thank you for the tips.
Here's the *correct* URL: http://lazycomic.blogspot.com/
Jim Moe wrote:
sl*******@yahoo .com wrote:
The blog (which is at http://lazycomic.blospot.com/ ) is a basic two
column style, with the right column being the one that's giving me the
problems.
Bad URL.
In IE, it has nice padding around the text in the right column and
decent spacing between it and the left (main) column. It also sits
rather nicely in the middle of the window.
PROBLEM #1 In FireFox, the text in the right column is slammed right
into the left edge of the column. The bulleted items even go into the
main column. (I've noticed the FF users continue to read my blog -- and
I appreciate it -- but it looks rather dreadful.)
Without a useful URL I'm only guessing.... Each browser has a different
idea about how to apply padding and margins, and how much. A way to
achieve a mostly uniform look across browsers is to use
html * { padding: 0; margin: 0; }
and explicitly specify the margin and padding for every element.
For <ulin particular, FF and IE use distinctly different values; I do
not remember which is which but one uses padding to indent a <ul>, the
other uses margin. If you set margin or padding to 0, one browser renders
the list without indent on the left.
This works reasonably well:
html * { padding: 0; margin: 0; }
ol { padding-left: 2.5em; } /* Allows up to 3 digits. */
ul { padding-left: 1.4em; } /* Minimum needed across browsers. */
--
jmm (hyphen) list (at) sohnen-moe (dot) com
(Remove .AXSPAMGN for email)
In article <Yp************ *************** ***@giganews.co m>,
Jim Moe <jm************ ***@sohnen-moe.comwrote: sl*******@yahoo .com wrote:
The blog (which is at http://lazycomic.blospot.com/ ) is a basic two
column style, with the right column being the one that's giving me the
problems.
Bad URL.
In IE, it has nice padding around the text in the right column and
decent spacing between it and the left (main) column. It also sits
rather nicely in the middle of the window.
PROBLEM #1 In FireFox, the text in the right column is slammed right
into the left edge of the column. The bulleted items even go into the
main column. (I've noticed the FF users continue to read my blog -- and
I appreciate it -- but it looks rather dreadful.)
Without a useful URL I'm only guessing.... Each browser has a different
idea about how to apply padding and margins, and how much. A way to
achieve a mostly uniform look across browsers is to use
html * { padding: 0; margin: 0; }
and explicitly specify the margin and padding for every element.
For <ulin particular, FF and IE use distinctly different values; I do
not remember which is which but one uses padding to indent a <ul>, the
other uses margin. If you set margin or padding to 0, one browser renders
the list without indent on the left.
A related problem is if the <ulis in a middle or right column <div>
which does not have a left margin set explicitly... sl*******@yahoo .com wrote:
Jim - Thank you for the tips.
Here's the *correct* URL: http://lazycomic.blogspot.com/
Your code is a bit of a train wreck.
- There is no need whatsoever for "<?xml ... ?>. And IE does not
understand <?xml anyway.
- There is no DTD. Use
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
"http://www.w3.org/TR/html4/strict.dtd">
- There are *two* <headsections .
- You have mixed HTML and XHTML syntax.
The above are the main reasons for the huge number of validation errors
your page generates.
<http://validator.w3.or g/check?verbose=1 &uri=http%3A%2F %2Flazycomic.bl ogspot.com%2F>
--
jmm (hyphen) list (at) sohnen-moe (dot) com
(Remove .AXSPAMGN for email)
Jim / Dave / J.O. -
Thanks for the tips. With the "trainwreck " I've given the validators
too much ammo -- I don't think I'll tackle that until if/when I just
overhaul the whole template.
The tip on defining the right column was the biggest help in getting
things right. Also, somewhere in there I managed to get the typefaces
to match in IE and FF.
I still can't seem to get both columns to float center in firefox, but
(again, thanks to the trainwreck) that may be just b/c of a
conflict/override/glitch in the various definitions.
Thanks again,
Steve D. ( http://lazycomic.blogspot.com/)
Jim Moe wrote:
sl*******@yahoo .com wrote:
Jim - Thank you for the tips.
Here's the *correct* URL: http://lazycomic.blogspot.com/
Your code is a bit of a train wreck.
- There is no need whatsoever for "<?xml ... ?>. And IE does not
understand <?xml anyway.
- There is no DTD. Use
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
"http://www.w3.org/TR/html4/strict.dtd">
- There are *two* <headsections .
- You have mixed HTML and XHTML syntax.
The above are the main reasons for the huge number of validation errors
your page generates.
<http://validator.w3.or g/check?verbose=1 &uri=http%3A%2F %2Flazycomic.bl ogspot.com%2F>
--
jmm (hyphen) list (at) sohnen-moe (dot) com
(Remove .AXSPAMGN for email)
sl*******@yahoo .com wrote:
Jim / Dave / J.O. -
Thanks for the tips. With the "trainwreck " I've given the validators
too much ammo -- I don't think I'll tackle that until if/when I just
overhaul the whole template.
The tip on defining the right column was the biggest help in getting
things right. Also, somewhere in there I managed to get the typefaces
to match in IE and FF.
I still can't seem to get both columns to float center in firefox, but
(again, thanks to the trainwreck) that may be just b/c of a
conflict/override/glitch in the various definitions.
Why not make two CSS files, one for Gecko based browsers and one for MSIE, and
a little bit of javascript that selects the right CSS based on the user-agent
string.
//Aho
In article <4q************ @individual.net >,
"J.O. Aho" <us**@example.n etwrote:
Why not make two CSS files, one for Gecko based browsers and one for MSIE,
and
a little bit of javascript that selects the right CSS based on the user-agent
string.
Why is the js needed considering there are ways to let IE see CSS
instructions that FF does not see?
--
dorayme
dorayme wrote:
In article <4q************ @individual.net >,
"J.O. Aho" <us**@example.n etwrote:
>Why not make two CSS files, one for Gecko based browsers and one for MSIE, and a little bit of javascript that selects the right CSS based on the user-agent string.
Why is the js needed considering there are ways to let IE see CSS
instructions that FF does not see?
It's easier to look true and for same options you can have different values too.
//Aho This thread has been closed and replies have been disabled. Please start a new discussion. Similar topics |
by: Andrew Thompson |
last post by:
I am developing a Periodic Table of the Elements
as<DIV>s ..(chuckle - just kidding!) a <TABLE>
at http://www.physci.org/test/chem/,
or rather, the table itself is..
http://www.physci.org/test/chem/ptoe.html
It contains valid HTML and CSS
(checked 'moments' ago).
Am testing in IE 6 on XP. My questions..
|
by: Lukasz Grabun |
last post by:
There's a page
http://www.dwarfscorner.com
It looks as nice as I could design it; I like it, I think. There's
just one thing I can't get along with: the vertical allignment of h2
in grey and white sections. The former is noticably lower than the
latter! And I can't figure out why it is this way. The grey section is
floated - does it influence the standard padding/margin in any way?
Corresponding CSS style file can be found here
|
by: Toronto Web Designer |
last post by:
I'm having trouble with the padding and margin properties. IE tends to be
happier with the padding and Netscape with the margin property.
So I tried this:
<link href="netscape-styles.css" rel="stylesheet" type="text/css">
<style type="text/css">
@import url(ie-styles.css);
</style>
|
by: StarQuake |
last post by:
At this site:
http://forwarding.robas.com
You can see in IE there is cell padding in 'Berkman Bedrijven' and with
Firefox there isn't. I don't want any cell padding.
Anyone?
--
-----------------------------------------
|
by: RA |
last post by:
Hi
When I create a table and aligned it to the left, how can I have some
padding added from the left so that the user will see the table border on
the left? I don't want to use the vs style builder.
Thanks
| |
by: Syl |
last post by:
Hi -
I have createed a two column page with a form that displays in each
column.
The right side column is not displaying properly - it seems as though
the *left* colmun is mkaing the right column be un-aligned. here's a
link.... http://www.dannyn.com/havealook.html
|
by: Daz |
last post by:
Hi everyone. I have just been making a JavaScript chat applet, which
should open in a new child window. It does all of this fine, and works
within Firefox beatifully. However, IE thinks it's necessary to stop my
iFrames from spaning the entire length and width of the Window, and add
about 7-8mm of padding/margin to the inside of the Window.
I can't figure out, whether it's adding it to the inside of the window,
or the outside of the...
|
by: as702ecs |
last post by:
hi guys,
bit of a strange one. when using the holly hack to address the well-documented "expanding box" problem in ie6, i encounter an undesired side-affect - all my unordered list items exhibit a phantom 4px pad (right & bottom only).
i've attached some sample code to illustrate (in this case with images although it applies to text also).
any clues? :(
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"...
|
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: 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: 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: 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: 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...
| |