oops.. and I guess I should include how it used in my page:
div id=leftcontentsome text here/div
div id=centercontentnbsp;/div
div id=rightcontent/div
Peter Lindstrom
All Analog - Technical Design Consulting
Ottawa, ON
Voice: 613-612-1419
Email: [EMAIL PROTECTED]
Web:www.allanalog.com
On 1/31/06, Peter Lindstrom [EMAIL PROTECTED] wrote:
My first attempt is a standard 3 column layout with an expanding center
column. I found a great tutorial on this technique at www.glish.com . After
more or less following the example there I get something very close to being
correct.. but
(Taking it back onto the list, as others might be interested)
I don't know if you tried your first example in Firefox, but it worked
just fine. IE sometimes goes haywire on all-floated layouts, however,
and putting each line inside a block element was a pretty good cure.
The inputs don't need to
I am a decent PHP coder but a lousy html/css layout guy. Since I have on
numerous occasions spent many many hours trying to get my table cells to be
right for my page layouts; I thought I would start trying to transition to
CSS layout.
My first attempt is a standard 3 column layout with an
Hello,
Is there a guideline or a website that can show/tell me how css will
display in the most common e-mailclients.
I whanna make an html newsletter with a repeated background but will it
work in e-mailclients?
Or most I avoid css in e-mailclient?
http://www.johnsten.com/test/news.html
Don Hinshaw wrote:
I have a background image on my body tag that is ostensibly the same
width as the DIV that contains the main body of text and sits partially
on top of the background image.
The problem is that when I resize IE/Win (and Opera 8.5) to right around
850px wide, the DIV
Sander van Surksum wrote:
Is there a guideline or a website that can show/tell me how css will
display in the most common e-mailclients.
Try these for information:
http://www.alistapart.com/articles/cssemail/
http://css-discuss.incutio.com/?page=StyleInEmail
Also, these guys have a good
I need help to solve some problems in my three column layout
(#foto-container #content #menu-blok)
1. When I put more text in the content-div, this flows right under the
fotocontainer on the left
2. In firefox my menu items are dispayed without any space between them
3. In firefox my h1 border
Ingo,
On Jan 31, 2006, at 4:53 AM, Ingo Chao wrote:
Don Hinshaw wrote:
The basic page is here:
http://66.117.159.181/for_retailers_contact.php
Centering a bg-img with background-position: center top is apparently
different to centering a div with margin: 0 auto 0 auto, especially
when
Hi, I am trying to line up the date stamp with the menu links on this site, but
there is a vertical spacing difference between IE, Firefox, and Opera. I have
coded for the IE difference but am not sure how to code for the Opera
difference. Can someone help me out with this or direct me to a
Chris,
On Jan 31, 2006, at 2:33 AM, Chris Ovenden wrote:
I don't know if you tried your first example in Firefox, but it worked
just fine. IE sometimes goes haywire on all-floated layouts, however,
and putting each line inside a block element was a pretty good cure.
The inputs don't need to
Roger Roelofs wrote:
Ingo,
On Jan 31, 2006, at 4:53 AM, Ingo Chao wrote:
Don Hinshaw wrote:
The basic page is here:
http://66.117.159.181/for_retailers_contact.php
Centering a bg-img with background-position: center top is apparently
different to centering a div with margin: 0 auto 0
Hi all,
i've a little problem putting frames around images here :
http://www.augustomurri.it//workBoard/MUSEI/scheda_museo.php#
Looking this in FF the bottom frame of imgs is largely than the others..
I'm using this css :
.img_container2 {
float: left;
border: 1px solid
Iorhael wrote:
Hi, I am trying to line up the date stamp with the menu links on this
site, but there is a vertical spacing difference between IE,
Firefox, and Opera. I have coded for the IE difference but am not
sure how to code for the Opera difference.
Augusto Murri wrote:
http://www.augustomurri.it//workBoard/MUSEI/scheda_museo.php#
Looking this in FF the bottom frame of imgs is largely than the others..
.img_container2 {
float: left;
border: 1px solid #D1E1EE;
text-align: center;
margin: 0px 3px 3px 0px;
}
I have used the drop down menu from
http://koivi.com/css-menus/
Looks fine in FF and Opera. Also managed to change the colour of upper menu
using a class on the a href. However,
cannot get it to centre in IE. Any thoughts?
Ian
IY e-Solutions
--
No virus found in this outgoing message.
Checked
I have used the drop down menu from
http://koivi.com/css-menus/
Looks fine in FF and Opera. Also managed to change the colour of upper menu
using a class on the a href. However,
cannot get it to centre in IE. Any thoughts?
Ian
IY e-Solutions
Sorry been an idiot. draft site at
On 1/31/06, Ian Young [EMAIL PROTECTED] wrote:
I have used the drop down menu from
http://koivi.com/css-menus/
Looks fine in FF and Opera. Also managed to change the colour of upper menu
using a class on the a href. However,
cannot get it to centre in IE. Any thoughts?
my ie shows your menu items centered on all three levels.
this isn't a fix for your ie problem (which i can't see),
The menu isn't centred in IE but almost is, you need to look closely
but the page
took well over 10 seconds to show up in firefox, and on first view in
ie it actually timed out.
this isn't a fix for your ie problem (which i can't see),
The menu isn't centred in IE but almost is, you need to look closely
http://sltclan.com/images/cj/dinghy.png
but the page
took well over 10 seconds to show up in firefox, and on first view in
ie it actually timed out. a refresh of
Ian Young wrote:
I have used the drop down menu from
http://koivi.com/css-menus/
Looks fine in FF and Opera. Also managed to change the colour of upper menu
using a class on the a href. However,
cannot get it to centre in IE. Any thoughts?
Ian
Sorry been an idiot. draft site at
What is it about this CSS...
caption, caption a { background: url(/images/caption.gif) #69c; color:
#eee; font-weight: bold; margin-left: -1px; padding: 5px; border: 1px
solid #69c; }
...that makes Opera 8.5 refuse to show the caption - at all?
lr
Hi all,
Just giving IE7 a ride and my stylesheet comment:
!--[if lte IE6]link href=http://www.fresnolibrary.org/ieonly.css;
rel=stylesheet type=text/css /![endif]--
Is getting picked up by it. Do I have the right syntax/coding/wording on
the comment? I know the browser is beta and not perfect yet,
lr wrote:
What is it about this CSS...
caption, caption a { background: url(/images/caption.gif)
#69c; color:
#eee; font-weight: bold; margin-left: -1px; padding: 5px; border: 1px
solid #69c; }
...that makes Opera 8.5 refuse to show the caption - at all?
lr
Its the margin-left:
From: Smith, Sarah [EMAIL PROTECTED]
Hi all,
Just giving IE7 a ride and my stylesheet comment:
!--[if lte IE6]link
href=http://www.fresnolibrary.org/ieonly.css;
rel=stylesheet type=text/css /![endif]--
Is getting picked up by it. Do I have the right
syntax/coding/wording on
the comment?
Hi all,
Just giving IE7 a ride and my stylesheet comment:
!--[if lte IE6]link href=http://www.fresnolibrary.org/ieonly.css;
rel=stylesheet type=text/css /![endif]--
Is getting picked up by it. Do I have the right syntax/coding/wording on
the comment? I know the browser is beta and not
I often refer to these resources:
http://www.alistapart.com/articles/cssemail/
http://css-discuss.incutio.com/?page=StyleInEmail
http://www.wilsonweb.com/wmt6/email-client-summary.htm
http://www.wilsonweb.com/wmt8/email_format_preferences.htm
To summarize, you need to feed Opera a 0px margin-left value
via a hack,
since IE and Firefox probably need that -1px setting due to rounding
errors.
Regards,
Ron
Hi Ron and others,
What kind of hack would that be that is read by Opera but not other
browsers? I'm not exactly a
To summarize, you need to feed Opera a 0px margin-left value via a hack,
since IE and Firefox probably need that -1px setting due to rounding
errors.
Regards,
Ron
Hi Ron and others,
What kind of hack would that be that is read by Opera but not other
browsers? I'm not exactly a newbie and
Test those sites now.
http://www.microsoft.com/windows/ie/default.mspx
--
Bryce Fields
www.royalrodent.com
Do or do not! There is no try! -- Yoda
DISCLAIMER: All opinions expressed herein are mine, except for the ones I stole.
Ingo,
On Jan 31, 2006, at 7:05 AM, Ingo Chao wrote:
Roger Roelofs wrote:
Ingo,
On Jan 31, 2006, at 4:53 AM, Ingo Chao wrote:
Don Hinshaw wrote:
The basic page is here: http://66.117.159.181/
for_retailers_contact.php
Centering a bg-img with background-position: center top is
Folks,
Passing this along on behalf of a friend. Is this a known bug? It
sounds vaguely familiar, but I can't seem to find any references.
I'm trying to build a print style sheet for a new site; I'm running up
against a Mozilla bug. I know about the float bug - and thought I'd
worked
around
At 3:20 PM -0500 1/31/06, Bryce Fields wrote:
Test those sites now.
http://www.microsoft.com/windows/ie/default.mspx
Oh, now this is interesting:
Internet Explorer 7 Beta 2 Preview will only run on Windows® XP
Service Pack 2 (SP2) systems, but will ultimately be available for
Windows
Eric A. Meyer wrote:
But please let's not start a round of hacks are breaking! hacks are
necessary! hacks are evil! on the list, especially not now. Let's
find out what we have first, and let the dust settle a bit before we
worry about which way to jump. And always remember that this is
my website works perfectly in Firefox. Then I load it in IE and the
boarders don't show up. Any suggestions?
http://www.swilly.tk/~martin/
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List
In IE7 the red borders show up but then break into pieces when I scroll
the page.
james c
-Original Message-
From: [EMAIL PROTECTED]
[mailto:[EMAIL PROTECTED] On Behalf Of Martin Davis
III
Sent: Tuesday, January 31, 2006 5:03 PM
To: [css-d] CSS-Discuss.org
Subject: [css-d] IE Layout
Martin Davis III wrote:
my website works perfectly in Firefox. Then I load it in IE and the
boarders don't show up. Any suggestions?
http://www.swilly.tk/~martin/
Well, nothing has changed since last time you asked that question - 2
days ago.
Here's the same answer...
Try adding:
I am *assuming* that it will ALSO be available on Windows XP Service
Pack 2 systems even though that's not listed in the will ultimately be
available on list.
-Original Message-
From: [EMAIL PROTECTED]
[mailto:[EMAIL PROTECTED] On Behalf Of Eric A. Meyer
Sent: Tuesday, January 31, 2006
Zero out default-margins before positioning, and most differences will
be gone.
Georg,
Thanks for that ...that eliminated the difference between IE and Firefox, so
I don't need the htmlbody hack anymore. However, the Opera still brings in
the date stamp lower.
From: Smith, Sarah [EMAIL PROTECTED]
my stylesheet comment:
!--[if lte IE6]link href=http://www.fresnolibrary.org/ieonly.css;
rel=stylesheet type=text/css /![endif]--
Is getting picked up by [IE7]. Do I have the right syntax/coding/wording on
the comment?
Well, if the syntax you posted above
Roger Roelofs wrote:
This same question came up a week or so ago and the resolution was
the same. Put the bg image on the container centered with margin: 0
auto; instead of on its parent.
Yes, that's what I replied this morning in a mail to Don which by
accident didn't go to the list
I still don't understand why Safari and Opera show the 'rounding error'
at 800px and lower, as I have described.
And with regard to my first posting: I have suggested to move the bg
image from body to #wrap.
Ingo
--
http://www.satzansatz.de/css.html
Zero out default-margins before positioning, and most differences will
be gone.
hupon re-opening Opera, the date stamp position looks just fine
now...thanks again Georg! I must not have refreshed after making the change.
Debbie
Iorhael wrote:
http://www.drkdesign.com/LVS/phpintro/
Do you know of a specific fix for Opera?
Sure. A heavy one is part of this collection[1], but I won't recommend
it. It's so heavy that even the validator has serious problems handling
it, although it looks like a copy from the CSS3 specs.
Eric A. Meyer wrote:
And always remember that this is a
beta!
They probably will fix their position:absolute bugs in gamma or delta.
Absolutely positioned element and percentage width
http://www.satzansatz.de/cssd/tmp/apboxpercentagewidth.html
wrong
Absolutely positioned box and lost next
Hi
Webpage link = http://www.2gee.com/business.html
If you visit this page in IE6/win and scroll the page down to the bottom and
then scroll back up you should see that the background image located at the
top of the LH column has been duplicated.
Appears to be fixed, I do not see that
From: Brandon Oto [EMAIL PROTECTED]
I'm trying to build a print style sheet for a new site; I'm running up
against a Mozilla bug. I know about the float bug - and thought I'd
worked
around it (by adding a float: none; to all blocks that normally
floated).
Anyway - the problem is simple: When
On Jan 31, 2006, at 5:28 PM, Holly Bergevin wrote:
The problem element isn't floated in the first place, so adding
float: none to it did not have the desired result, obviously.
Brandon, your friend needs to override the absolute positioning of
- #textblocki - in his/her style sheet.
I'm trying to figure out how to force the width of a list element for a
top nav bar to look like this:
http://www.cyndustries.com/navcrap.gif
Progress so far:
Code (abbreviated) looks like...
ul id=navigation-top-list
li id=contacta href=contact.cfmContact Us/a/li
li id=newsa
I don't understand. If they're all the same why do you style each one
separately. Won't it work with one declaration:
#navigation-top-list li { display: inline; width:74px;
margin-left:10px; padding-bottom: 4px; border-bottom:7px #264073
solid; }
Or what don't I understand?
On 1/31/06, Les
Jonathan Gold wrote:
I don't understand. If they're all the same why do you style each one
separately. Won't it work with one declaration:
#navigation-top-list li { display: inline; width:74px;
margin-left:10px; padding-bottom: 4px; border-bottom:7px #264073
solid; }
Doh I left part
It's Windows Internet Explorer, not Microsoft Internet Explorer - weird?
If anyone could explain what's happening in IE 7 at the main page of
http://www.cssliquid.com, I would really appreciate it. It must be an
inheritance bug? The divs are not being floated like they should.
--
--
Christian
It's Windows Internet Explorer, not Microsoft Internet Explorer -
weird?
If anyone could explain what's happening in IE 7 at the main page of
http://www.cssliquid.com, I would really appreciate it. It must be
an
inheritance bug? The divs are not being floated like they should.
Hi
On 1/31/06, Les Mizzell [EMAIL PROTECTED] wrote:
#navigation-top-list li {
display: inline;}
#navigation-top-list li#contact { width:74px; margin-left:10px;
padding-bottom: 4px; border-bottom:7px #264073 solid; }
#navigation-top-list li#news { width:74px; margin-left:10px;
On 1/31/06, Christian Montoya [EMAIL PROTECTED] wrote:
first:
border: size style color;
so:
border: 7px solid #264073;
whoops, the order might not matter. Please excuse me on that one.
--
--
Christian Montoya
christianmontoya.com ... rdpdesign.com ... cssliquid.com
On 1/31/06, Al Sparber [EMAIL PROTECTED] wrote:
Double-check for any filter hacks and do note that there are still
some incomplete areas. Another issue on your page - don't know if you
want to bother it, but a:hover is not working. This little test suite
will explain why and how you can fix it
hi folks! if you don´t want to install the beta 2 of Internet Explorer 7, you
can download beta 1 from this page
http://downloads.skyzyx.com/index.php?fpp=20did=8fid=11 and use it with
another versions of Explorer like 5 or 5.5
this is useful for testing but, only works on Window XP
57 matches
Mail list logo