Say you want to create this two-column layout:
div id=leftContent for id left Goes Here/div
div id=rightContent for id right Goes Here/div
What, if any, are the advantages and/or disadvantages of (1) floating
neither column compared to (2) floating one column? Sample CSS:
(1) floating neither
The biggest drawback of absolute positioning is that it is removed from the
normal flow of the document. This means that any other content below will
ignore the absolutely positioned content. For example, a footer may slide up
under and be obscured by two absolutely positioned containers.
Can I
On 25/4/05 5:26 PM, russ - maxdesign [EMAIL PROTECTED] wrote:
The biggest drawback of absolute positioning is that it is removed from the
normal flow of the document. This means that any other content below will
ignore the absolutely positioned content. For example, a footer may slide up
In my email, I was originally going to have a third option of floating both
columns, but when I tested it in Safari the columns sat on top of one
another instead of side-by-side. What is wrong with my CSS? This is what I
tried:
Well, for a start, when added together the amounts equal more
Naah. Foster, if he needs to, would use Opera's zoom feature . . .
:-)
Bob McClelland,
Cornwall (U.K.)
www.gwelanmor-internet.co.uk
- Original Message -
From: Ricci Angela [EMAIL PROTECTED]
To: wsg@webstandardsgroup.org
Sent: Monday, April 25, 2005 9:03 AM
Subject: RE: [WSG] IMAGE(was
Ignore.
I misread your 10px as 10%
Russ = Idiot
Well, for a start, when added together the amounts equal more than 100%
which means they will not fit within the browser window - which is 100%. :)
10 + 45 + 45 + 10 = 110
Also, remember that making the amount exactly 100% is dangerous as
Hope Stewart wrote:
...
What, if any, are the advantages and/or disadvantages of (1) floating
neither column compared to (2) floating one column? Sample CSS:
...
Absolute positioning of larger parts of a page, is *not* recommended.
Only elements with fixed dimensions, in an environment of fixed
Hello all,
I've been developing a site based on the Ruthsarian layouts and it's
working ok except in IE 6.0, where there's a problem which is leaving me
baffled, so I'm hoping that someone will be able to help.
The site is http://www.ely.anglican.org/parishes/camgsm/new_site/index.html
The css
I am having some difficulties to position the content of legend using CSS
in Firefox. Firefox (and IE) default positions the legend so that it
overlaps with the border of the fieldset. Which in general is quite nice,
but in my particular case I want the content of the legend to be inside the
-Original Message-
From: Rachel Campbell [mailto:[EMAIL PROTECTED]
Sent: Monday, 25 April 2005 7:50 PM
To: wsg@webstandardsgroup.org
Subject: [WSG] help, please!!
Hello all,
I've been developing a site based on the Ruthsarian layouts and it's
working ok except in IE 6.0,
Hope Stewart schrieb:
In my email, I was originally going to have a third option of floating both
columns, but when I tested it in Safari the columns sat on top of one
another instead of side-by-side. ...:
#right {
float: right
right: 10px;
width: 45%;
border: 1px solid black;
-Original Message-
From: Andreas Boehmer [Addictive Media]
[mailto:[EMAIL PROTECTED]
Sent: Monday, 25 April 2005 7:51 PM
To: wsg@webstandardsgroup.org
Subject: [WSG] Styling of legend in Firefox
I am having some difficulties to position the content of
legend using CSS
in
Andreas Boehmer [Addictive Media]
I am having some difficulties to position the content of
legend using CSS
in Firefox.
Legends are notoriously difficult (impossible?) to style consistently
across browsers, and yes...in addition to that, FF seems to put
additional roadblocks in the way -
Andreas Boehmer [Addictive Media]
Oh, I forgot the URL:
http://www.addictivemedia.com.au/clients/gta/home2.html
If you can live with the weird margin at the top (which shouldn't affect
the form, but it does ?!), you could try something like
#main fieldset {position:relative; border: none; }
Hi
Firefox has this to say about the way it styles forms by default. If
you can override these then it may help..
These default browser styles are found in res/*.css of your firefox install dir.
e.g
/usr/lib/firefox-1.0.2/res/forms.css in my (and this) case
To get around the issue, I style
-Original Message-
From: Patrick Lauke [mailto:[EMAIL PROTECTED]
Sent: Monday, 25 April 2005 8:51 PM
To: wsg@webstandardsgroup.org
Subject: RE: [WSG] Styling of legend in Firefox
If you can live with the weird margin at the top (which
shouldn't affect
the form, but it does ?!),
-Original Message-
From: James Ellis [mailto:[EMAIL PROTECTED]
Sent: Monday, 25 April 2005 9:01 PM
To: wsg@webstandardsgroup.org
Subject: Re: [WSG] Styling of legend in Firefox
To get around the issue, I style the form not the fieldset tag so that
the legend appears fully
Hi
Then what about using some relative positioning to offset the legend?
position : relative;
top : 10px; /* i think that is right - or is it -10px to move it down
the required amount ? */
Cheers
James
On 4/25/05, Andreas Boehmer [Addictive Media]
[EMAIL PROTECTED] wrote:
I was thinking
On 25/4/05 8:09 PM, Ingo Chao [EMAIL PROTECTED] wrote:
The problem here is the first rule: you forgot the ;, so a parser
could read this:
#right {
width: 45%;
border: 1px solid black;
}
D'oh!!
now you might wonder why this does not fit side-by-side in FF, OP, but
in IE.
I did some with legend tag on my website on all those form leilds.
check this out,,,
http://www.meucarronovo.com.br
Andreas Boehmer [Addictive Media] wrote:
-Original Message-
From: James Ellis [mailto:[EMAIL PROTECTED]]
Sent: Monday, 25 April 2005 9:01 PM
To:
Rachel Campbell wrote:
I've been developing a site based on the Ruthsarian layouts and it's
working ok except in IE 6.0, where there's a problem which is leaving me
baffled, so I'm hoping that someone will be able to help.
...
There isn't a problem if you set IE's options to refresh on every
Hi, I have this page that have 4px gap between two divs in Safari and all
Gecko based browsers, amazingly IE 5/6 and Mac IE 5.2 got it right.
Can't think of anything that messes up.
Here are the codes for the and menu. The Flash banner in the pageHeader
is 131 x 780 px exactly.
Rachel Campbell schrieb:
The problem is that the header doesn't always display at all on some
pages, such as
http://www.ely.anglican.org/parishes/camgsm/new_site/activities/music/index.html.
There isn't a problem if you set IE's options to refresh on every visit
to the page, but that's not
Sorry, realized I got the url wrong. Here is the right one:
http://www.clients.lotusseeds.com/catering_new.html
And the css here:
http://www.clients.lotusseeds.com/css/joaquindeli.css
Thanks!
tee
From: tee [EMAIL PROTECTED]
Reply-To: wsg@webstandardsgroup.org
Date: Mon, 25 Apr 2005 07:00:20
XHTML 2 is going to get rid of the img tag, which I think is good.
object is a far better tag mainly because of it's fallback options,
but the problem with object is that is has a very messed up history and
as a result, it's practically impossible to use it for anything useful
as long as your
tee schrieb:
Sorry, realized I got the url wrong. Here is the right one:
http://www.clients.lotusseeds.com/catering_new.html
Thanks for the URL.
#intro object {display: block;} /* do not touch */
should fix it here. :)
Objects are inline replaced elements like images, they sit on the baseline.
Hi All
Who is participating in the May 1 CSS reboot?
http://www.cssreboot.com/
I have been working on a new design for my blog and need to post the
blackout screen tonight.
For those working in wordpress, do you have any suggestions for putting up
the black screen and still being able to test?
tee schrieb:
Sorry, realized I got the url wrong. Here is the right one:
http://www.clients.lotusseeds.com/catering_new.html
Thanks for the URL.
#intro object {display: block;} /* do not touch */
should fix it here. :)
Objects are inline replaced elements like images, they sit on
What do you guys think of this? Is their somewhere I can
submit this too?
From http://www.w3.org/TR/2004/WD-xhtml2-20040722/
Public discussion may take place on [EMAIL PROTECTED] (archive). To subscribe
send an email to [EMAIL PROTECTED] with the word subscribe in the
subject line.
hth
RI
tee schrieb:
Thanks Ingo. It fixed but create a new problem for IE 5.2 Mac. It doubles
the space.
http://clients.lotusseeds.com/ie5.jpg
I know DW design view has display problem but this is something unusual as
soon as I inserted your code to my css file:
http://clients.lotusseeds.com/dw.jpg
Alan Trick wrote:
XHTML 2 is going to get rid of the img tag, which I think is good.
object
[...]
it's practically impossible to use it for anything useful
as long as your clients are using IE.
Alan,
XHTML 2 is not meant to be backwards compatible. As IE doesn't
officially support XHTML 2 at
how are you going to do this? im rebooting as well and I have no clue,
replying to this one of list would probably be better
thanks
[EMAIL PROTECTED]
**
The discussion list for http://webstandardsgroup.org/
See
I have this setting
DirectoryIndex index.phtml index.php default.php index.html index.htm
on my server, so I just have to upload index.phtml - it has bigger priority.
--
Jan Brasna aka JohnyB :: www.alphanumeric.cz | www.janbrasna.com
**
The
tee wrote:
Sorry, realized I got the url wrong. Here is the right one:
http://www.clients.lotusseeds.com/catering_new.html
Simple fix:
#intro {line-height: 0;}
Note also: LOCATION is too high up in Opera. Some adjustments needed
to top of that list.
regards
Georg
--
http://www.gunlaug.no
Alan Trick wrote:
When (if)? IE supports HTML it may still want to be able to support it's
old buggy object. Just look at all their CSS bugs they have in the
name of 'backwards-compatibily' and 'consistancy'.
But that's my point: XHTML 2 as a specification is not meant to be
backwards
Thanks to Leslie and Alan for responding.
Leslie, I tried what you were suggesting but to no avail.
Alan, the -.25 setting seem to work (even though my wysiwig forces the
header underneath the photos, but all is fine on previewing in the browser).
Alan, you said, Well personally I would kill
Also, another piece of my post that I have not seen a response to:
Next question ~ is there a way to have the items in my navbar
automatically
stretch from the left margin to the right margin? I currently have a 10px
right margin setting for each item in the css, but that doesn't seem very
Jan Brasna wrote:
I have this setting
DirectoryIndex index.phtml index.php default.php index.html index.htm
on my server, so I just have to upload index.phtml - it has bigger
priority.
I thought about joining, but I found out about it too late, and there is
no way I could get a new design for
White Ash wrote:
is there a way to have the items in my navbar automatically
stretch from the left margin to the right margin? I currently have a 10px
right margin setting for each item in the css, but that doesn't seem very
scientific to me and leaves a ragged right margin.
relevant css
On 26 Apr 2005, at 1:08 am, tee wrote:
#intro object {display: block;} /* do not touch */
should fix it here. :)
Objects are inline replaced elements like images, they sit on the
baseline.
Ingo
Thanks Ingo. It fixed but create a new problem for IE 5.2 Mac. It
doubles
the space.
I will be out of the office from noon on Monday 4/25 through and
including Wednesday 4/27.
ITS Help Desk, 612-659-6600
**
The discussion list for http://webstandardsgroup.org/
See http://webstandardsgroup.org/mail/guidelines.cfm
for some
You have got what I want, but as far as I can see you didn't use legend
for it, but used a h4 for the titles of your fieldsets. I want to do the
same, but using legends if possible.
From: Genau L. Júnior [mailto:[EMAIL PROTECTED]
Sent: Monday, 25 April 2005 8:44
-Original Message-
From: James Ellis [mailto:[EMAIL PROTECTED]
Sent: Monday, 25 April 2005 9:47 PM
To: wsg@webstandardsgroup.org
Subject: Re: [WSG] Styling of legend in Firefox
Hi
Then what about using some relative positioning to offset the legend?
position : relative;
top
Yes I have had this problem too.
I end up trying to ignore the inconcistency and just live with it.
What does look cool is if you put a padding (0.2em) or something small
on the legend.
Give it a border, the same colour as the fieldset, then a new background
colour.
add cursor: pointer, and with
44 matches
Mail list logo