Re: [css-d] no background-color with your color warnings

[David Dorward]

On 16/06/06, David Hucklesby <[EMAIL PROTECTED]> wrote:
> The default value for background-color when none is defined is
> transparent, allowing any background set on an enclosing element to shine
> through. The reason the validator warns you about having a
> background-color defined with your (text) color is in case the color
> shining through may be similar, making your text vanish. The validator
> checks one rule at a time and can't tell.

The validator doesn't have access to all the rules that may be applied
(such as those from user and browser default stylesheets).

-- 
David Dorward 
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7b2 testing hub -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] no background-color with your color warnings

[David Hucklesby]

On Thu, 15 Jun 2006 11:52:42 -0500, Dale Lists wrote:
>
> So it would seem that I now need to define a:link, a:hover, etc for 
> each place where there may be a different background color for each div 
> I may use a link in. That both kind of makes sense, but also would seem 
> to make things far more complex then they need to be. Or is there 
> something I could use when setting up (in this case) my links so that 
> it would know to inherit the appropriate background color?
> 
The background set of properties are unusual in that they do not inherit 
from surrounding elements. I believe the only time background-color sort 
of inherits is when applied to TABLE COLs or COLGROUPs.

The default value for background-color when none is defined is 
transparent, allowing any background set on an enclosing element to shine 
through. The reason the validator warns you about having a 
background-color defined with your (text) color is in case the color 
shining through may be similar, making your text vanish. The validator 
checks one rule at a time and can't tell.

It's a good warning to have, though. I see many sites with no background 
color set on any enclosing element - not even the BODY. As not all (my) 
browsers are set to white backgrounds, I get bizarre results sometimes.

Cordially,
David
-- 
David Hucklesby, on 6/15/2006

--



__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7b2 testing hub -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] fixed background over scrolling text problem

[David Laakso]

Bruce Gilbert wrote:
> I am getting this to work fine in Mozilla and Safari, but in IE the
> background is nowhere to be found.
[mega monster trim job]

Georg Sortun answered the question, and pointed you, at 12:02p this 
afternoon. Perhaps you did not see his reply.
Georg wrote in reference to IE:

There's this workaround for regular "fixed" backgrounds...



There's also these workarounds for "fixed" foregrounds...

...which may may be used to simulate "fixed" backgrounds too...


Best,
~davidLaakso



__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7b2 testing hub -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] 2 equal-height columns and onetruelayout (OTL)

[David Laakso]

Ed Seehouse wrote:
>> It represents a starting point, not a solution. The xml declation
>> above the doctype puts IE in quirksmode (I don't exactly know
>> what that
>> means, other than it's easier to cope with the 'evil one' that way).
>> 
>
> I find it the exact opposite.  IE 6 in quirks mode renders any block
> element with padding or a border at the wrong width because it's box
> model violates the CSS standard.
>
> If you remove the XML prologue and put it in standards mode it at
> least renders block elements at their correct size.  If you add 10 px
> to each side of a block element it *should* expand the box by 20 px.
>
> IE is bad enough in standards mode and I can't imagine any reason to
> try to cope with it in quirks mode.
>   
Then don't. Different strokes for different folks.

BTW, nothing to do with CSS, but this

is an XML declaration; not an XML prologue. 

> Ed Seedhouse
>   
Regards,
~davidLaakso
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7b2 testing hub -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] fixed background over scrolling text problem

[Bruce Gilbert]

I am getting this to work fine in Mozilla and Safari, but in IE the
background is nowhere to be found. I did also notice in the browsers
where it does show up is when you resize the browser window, the
background is static and doesn't reposition along with the rest. I am
thinking this may be due to the fact that I have one div as position:
absolute for the scrolling effect and everything else is
position:relative. Is there a better way to do this so that my
background image works in this layout? Sorry I cannot provide an
example, but it's yor basic layout with an outer container div, header
div, content div, and footer with two columns within the content div,
onle col floated left  and one right. The right col has scrolling
content so it is positioned absolutely and everying else is positioned
relative.

On 6/15/06, David Laakso <[EMAIL PROTECTED]> wrote:
> Tom Anthony wrote:
> > On 15 Jun 2006, at 00:20, Bruce Gilbert wrote:
> >
> >
> >> I have a div filled with text that I am creating scrolling
> >> functionality using DHTML. I am having a CSS issue because my
> >> background image was scrolling along with the text, and I wanted it to
> >> remain put (static), so I tried this:
> >>
> >>
> >> --
> >> ::Bruce::
> >>
> >
> > Hi Bruce,
> > background-attachment:scroll;
> > should be:
> > background-attachment:fixed;
> > -Tom
> >
> "Fixed" may be a problem for IE. Although there is an underground rumor
> a friend of the list has solved this wicked difficult problem.
> Best wishes,
> ~odilonRedon
>


-- 
::Bruce::
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7b2 testing hub -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] 2 equal-height columns and onetruelayout (OTL)

[Ed Seehouse]

>It represents a starting point, not a solution. The xml declation
> above the doctype puts IE in quirksmode (I don't exactly know
>what that
> means, other than it's easier to cope with the 'evil one' that way).

I find it the exact opposite.  IE 6 in quirks mode renders any block
element with padding or a border at the wrong width because it's box
model violates the CSS standard.

If you remove the XML prologue and put it in standards mode it at
least renders block elements at their correct size.  If you add 10 px
to each side of a block element it *should* expand the box by 20 px.

IE is bad enough in standards mode and I can't imagine any reason to
try to cope with it in quirks mode.

Ed Seedhouse
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7b2 testing hub -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] 2 equal-height columns and onetruelayout (OTL)

[David Laakso]

e lohroff wrote:
> I *think* I followed the guidelines and code
> explicitly in OTL(positioniseverything.net) but my
> page is still broken in IE 6, Opera 7.11 and Netscape
> 8.1. 
>   
I don't know what OTL is and I did not try to find out.
Most of us Opera fanatics use Opera9.0b2. I think the latest stable is 
8.54. Move on up.
> I'm trying to teach myself css instead of tables and
> am trying to replicate this page:
>   
Sounds like a good plan.
> http://66.116.129.70/shockney/reunion_table.php
>
> The left column is fixed width and the right column
> fills the rest of the page.
>
> Here's the new page and the css
> http://66.116.129.70/shockney/reunion_css.htm
> http://66.116.129.70/shockney/cssexpt.css
> TIA,
> E.
A proper doctype, structured layout, and clean markup is a place to 
start :-P . I think you can just forget tables altogether. Since I am 
more visually, than verbally or technically oriented, I roughed up a 
layout-- rather than trying to explain what I thought you might want to 
do. It represents a starting point, not a solution. The xml declation 
above the doctype puts IE in quirksmode (I don't exactly know what that 
means, other than it's easier to cope with the 'evil one' that way). 
With planning and care you will will not need any hacks to work 
cross-browser-- at least not so far, anyway. Please see:

/Cursory/ tested with font-zoom in XP: ff, moz, opera, and ie/6.0.
HTH.
~dL
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7b2 testing hub -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] 2 equal-height columns and onetruelayout (OTL)

[e lohroff]

Hmmm - guess I should have been more explicit in
asking a question - What have I done wrong in my css
and html?

TIA,
E.
 
e lohroff wrote:
> snip <
> my page is still broken in IE 6, Opera 7.11 and 
> Netscape 8.1.
> snip <
> I'm trying to teach myself css instead of tables and
> am trying to replicate this page:
> http://66.116.129.70/shockney/reunion_table.php
> 
> The left column is fixed width and the right column
> fills the rest of the page.
> 
> Here's the new page and the css
> http://66.116.129.70/shockney/reunion_css.htm
> http://66.116.129.70/shockney/cssexpt.css

__
Do You Yahoo!?
Tired of spam?  Yahoo! Mail has the best spam
protection around 
http://mail.yahoo.com 

__
Do You Yahoo!?
Tired of spam?  Yahoo! Mail has the best spam protection around 
http://mail.yahoo.com 
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7b2 testing hub -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] Print Woes

[Kate Shorey - Comcast]

Hi Tom,
Outside the web world this is caused by one too many blank lines more often 
than not.  Does the extra page print when you resize the view to it's 
smallest?  Perhaps there are some breaks or extra text, or lengthy footers 
that you can adjust?

Can you copy your print css and some source code in the email?
-- 
Kate Shorey
Windsor, CT
urlygrl.com
- Original Message - 
From: "Tom Livingston" <[EMAIL PROTECTED]>
To: "CSS List" 
Sent: Thursday, June 15, 2006 3:10 PM
Subject: [css-d] Print Woes


> Hello list,
>
> I am banging my head against my desk on this one. IE6 is always
> printing a second blank page for a couple of Intranet reports here.
> Are there any typical things that would cause this? I have a print
> style sheet, but nothing seems to be fixing it.
>
> Any thoughts? I can't post the page as it is an internal intranet...
>
> -- 
>
>
> Tom Livingston | Senior Multimedia Artist | Media Logic |
> ph: 518.456.3015x231 | fx: 518.456.4279 | mlinc.com
> __
> css-discuss [EMAIL PROTECTED]
> http://www.css-discuss.org/mailman/listinfo/css-d
> IE7b2 testing hub -- http://css-discuss.incutio.com/?page=IE7
> List wiki/FAQ -- http://css-discuss.incutio.com/
> Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
> 

__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7b2 testing hub -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] Print Woes

[Tom Livingston]

URH!

I got it. I have some wrappers at 100% height. I was countering it in
the print sheet with height:auto; but it wasn't doing anything - in IE
at least. When I changed it to height:auto!important; my extra prined
sheet went away.

One for the books...

-- 


Tom Livingston | Senior Multimedia Artist | Media Logic |
ph: 518.456.3015x231 | fx: 518.456.4279 | mlinc.com
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7b2 testing hub -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

[css-d] Print Woes

[Tom Livingston]

Hello list,

I am banging my head against my desk on this one. IE6 is always
printing a second blank page for a couple of Intranet reports here.
Are there any typical things that would cause this? I have a print
style sheet, but nothing seems to be fixing it.

Any thoughts? I can't post the page as it is an internal intranet...

-- 


Tom Livingston | Senior Multimedia Artist | Media Logic |
ph: 518.456.3015x231 | fx: 518.456.4279 | mlinc.com
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7b2 testing hub -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] IE adding spaces between nav tags

[Donna Casey]

Tanya Fader wrote:
> I've created a roll-over CSS navigation (using a little .js).  This is an
> example for navigation code I found somewhere else. I've added background
> images to each of the  nav elements so that they work more like
> rollovers (just a note that I haven't finished so the roll-over show nothing
> at this point when hovering on the nav):
> ...
> if you look at the same page in Mozilla, it displays properly. 

The first thing I'd try is to remove all the "code formatting" between 
text and such... like images, when you "stack"  tags 
(or ) in your code markup, you introduce a space after the element. 
Normally, you don't see it, but it happens. I suspect that's what's 
causing the gap.

You have this in your markup:





Corporations & LLCs



Try this, instead:

Corporations & LLCs (etc)

It might not be as easy for you to read (I actually prefer non-indented 
code), but it can eliminate the gap, maybe.

HTH
Donna
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7b2 testing hub -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] Relative positioning and widths

[Ed Seehouse]

On 6/14/06, Brendan Grossman <[EMAIL PROTECTED]> wrote:
> Hi everyone
>
> Is it possible to have floating divs side-by-side without the width
> specified or with just one set explicitly?

Yes.

> For example I have two columns...
> Left hand side I want to set explicity, ie. 15em
> Right hand side, I want it to fill up the remaining area of the page.
> However when doing this, the right drops below the left div.

That's because you are floating both columns.  You only need to float
the left column.  For the right column just use the natural flow of
your browser's default behaviour.  Simply give it a left margin
slightly wider than the width of your left column.  Presto!

A block element such as  or   that isn't floated or positioned
takes up the full width of the screen by default, so all you need to
do is make room on the left with your margin rule.  Works equally well
for a right column, just do it the other way around.  Either way your
floated element should come first in your html code.

Generally, you save yourself a whole lot of trouble if you use the
default behaviour of your browser for layout as much as possible, then
use a smidgin of positioning on a couple of elements to make the
effect you want.  It's amazing what effects you can attain with very
simple means this way.

-- 
Ed Seedhouse
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7b2 testing hub -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] IE adding spaces between nav tags

[Venditelli, Daniel - Web Development Administrator]

Why are you using the additional  tag around "Corporations &
LLCs"? Not that I think it has anything to do with your problem, but it
just seems unnecessary to me and I'd like to know if I'm missing
something.

Also, I've had better luck explicitly defining the margins for top left
right and such...

  margin-top: 0px; 
  margin-bottom: 0px;
  margin-left: 0px;
  margin-right: 0px;

Regards,
Daniel

---
Daniel E. Venditelli, jr 
Web Development Administrator 
City of Yuma



-Original Message-
From: [EMAIL PROTECTED]
[mailto:[EMAIL PROTECTED] On Behalf Of Tanya Fader


Corporations & LLCs

Here's the CSS:
#nav li a.business {
width: 244px;
height:34px;
padding:0;
margin: 0;
border: none;
}

#nav li a.business {
background-image:url(../assets/nav_business.jpg);
}

Right now my problem is that IE a space shows up between the  images
and
I can't figure out how to get rid of it!  You can see the spaces here:

http://www.laughlinusa.com/redesign/CSS/index.asp


__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7b2 testing hub -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

[css-d] IE adding spaces between nav tags

[Tanya Fader]

Ok, I hope that this is a simple fix that my frazzled brain just hasn't
recognized. This page is a bit of a mess and I'm just in the process of
trying to clean things up. 

I've created a roll-over CSS navigation (using a little .js).  This is an
example for navigation code I found somewhere else. I've added background
images to each of the  nav elements so that they work more like
rollovers (just a note that I haven't finished so the roll-over show nothing
at this point when hovering on the nav):

Corporations & LLCs

Here's the CSS:
#nav li a.business {
width: 244px;
height:34px;
padding:0;
margin: 0;
border: none;
}

#nav li a.business {
background-image:url(../assets/nav_business.jpg);
}

Right now my problem is that IE a space shows up between the  images and
I can't figure out how to get rid of it!  You can see the spaces here:

http://www.laughlinusa.com/redesign/CSS/index.asp

if you look at the same page in Mozilla, it displays properly. 

I've set all margins to 0 and messed around with just about everything.  Can
anyone provide any suggestions to get rid of the space??  Any help is
appreciated!


Tanya >>


__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7b2 testing hub -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] no background-color with your color warnings

[Dale Lists]

Thank you for the reply,

David Dorward wrote:
> On 15/06/06, Richard Allsebrook <[EMAIL PROTECTED]> wrote:
>   
>> The problem is that the validator seems to ignore the 'Cascade' part of
>> cascading style sheets
>> 
>
> Actually, its the exact opposite.
>
> BECAUSE of the cascade, you can end up with your forground colour
> being displayed against a background colour (or vice versa) which
> effectively renders it invisible (and remember, your style sheets
> cascade with browser default stylesheets and user stylesheets.
Now I guess the really dumb question. I have never set a background 
color for a link. That just seems strange to me. I have the appropriate 
color set in my div where the link appears.

So it would seem that I now need to define a:link, a:hover, etc for each 
place where there may be a different background color for each div I may 
use a link in. That both kind of makes sense, but also would seem to 
make things far more complex then they need to be. Or is there something 
I could use when setting up (in this case) my links so that it would 
know to inherit the appropriate background color?

Thank you

Dale
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7b2 testing hub -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] fixed background over scrolling text problem

[Gunlaug Sørtun]

David Laakso wrote:

> "Fixed" may be a problem for IE. Although there is an underground
> rumor a friend of the list has solved this wicked difficult problem.

It depends... :-)

There's this workaround for regular "fixed" backgrounds...


There's also these workarounds for "fixed" foregrounds...

...which may may be used to simulate "fixed" backgrounds too...


regards
Georg
-- 
http://www.gunlaug.no
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7b2 testing hub -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] no background-color with your color warnings

[David Dorward]

On 15/06/06, Richard Allsebrook <[EMAIL PROTECTED]> wrote:
> The problem is that the validator seems to ignore the 'Cascade' part of
> cascading style sheets

Actually, its the exact opposite.

BECAUSE of the cascade, you can end up with your forground colour
being displayed against a background colour (or vice versa) which
effectively renders it invisible (and remember, your style sheets
cascade with browser default stylesheets and user stylesheets).

-- 
David Dorward 
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7b2 testing hub -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] Centering a CSS positioned design

[Gunlaug Sørtun]

[EMAIL PROTECTED] wrote:
> http://www.wdam.co.uk/clients/dynam/hh/
> 
> I didn't post it at first as I didn't want it to look like I'm asking
>  you to do my homework for me; I'd rather grasp the concept than copy
>  parrot fashion.

Good thinking :-)

> That said, I do need to fix it rather fast!

Make sure you understand "Doctypes and their respective layout mode"
first...

...as it will make everything else a lot more consistent if you trigger
the right mode in all browsers that _has_ two modes.

Your existing...

...triggers 'quirks mode', so that's the same as having "no DocType at
all". IE6 is especially "quirky" with that DocType.

Choosing - and writing source-code in accordance with - a DocType
that'll trigger 'strict mode' will give you the option mentioned by
others in this thread: "styling a self-centering body".

Maybe use this DocType...
http://www.w3.org/TR/html4/loose.dtd";>
...since you have some 'non-strict' elements in there.

CSS:
body {
   width: 730px /* suitable width to hold the layout */;
   margin: 0 auto 0 auto /* auto-centering */;
   position: relative /* makes AP relate to body */;
}
...will center body in Opera, Firefox *and* IE6 (and probably most other
"mode-switching browsers" but I didn't check), and place all the
absolute positioned elements firmly inside that centered body. No extra
wrapper-div needed.

regards
Georg
-- 
http://www.gunlaug.no
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7b2 testing hub -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] columns streching

[Scott Reston]

This is a possible solution to making min/max work in IE:

http://www.doxdesk.com/software/js/minmax.html

Haven't used it personally, though.

-- 

s:r {
  scott reston
  http://scott.therestons.com
  scott at therestons * com
  }



Erik Visser wrote:
> Zoe M. Gillenwater wrote:
>> Erik Visser wrote:
>>> so i'am looking for a place with good explaination of the technique(s) of:
>>> columns streching to the bottom of the viewport, regardless of the
>>> content length of any of the columns
>>>
>> I don't know of a comprehensive article, but we have a wiki page with 
>> the basic info:
>> http://css-discuss.incutio.com/?page=100PercentHeight
>>
> 
> thanks, found that one now
> 
> the link to this article on the frontpage does not work:
> http://css-discuss.incutio.com/?page=FrontPage
> 
> additional questions on min-height:
> 
> 1. what is the best min-height hack for browsers that do not suport
> min-height?
> where best is:
> - works in all (most) today's browsers (including IE 6+ and Safari)
> - with no (hardly) disadvantages
> 
> 2. can this be combined with every type of lay-out / positioning model?
> 
> Erik
> __
> css-discuss [EMAIL PROTECTED]
> http://www.css-discuss.org/mailman/listinfo/css-d
> IE7b2 testing hub -- http://css-discuss.incutio.com/?page=IE7
> List wiki/FAQ -- http://css-discuss.incutio.com/
> Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
> 




__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7b2 testing hub -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] Displaying external page in a div

[John Mandia]

Hi Guys,

Thanks for the suggestions.

Let me clarify the idea a bit:

Environment of target page : .Net, IIS, ASP.Net
Consuming page: Undetermined (Could be JSP).

The idea is that I have an ssl page. I want someone to be able to display
this page within their own page not using frames or an iframe.

The content could be dynamic so that would prevent a simply screen scrape (
e.g. lets say it had a dynamic form).

Personnally I don't think it can be done (i.e. having something similar to
an iframe without using an iframe or a frame) but I'd liked to be proved
wrong. The reasons I've been told for not using an iframe is accessibility.

So something similar to an include but it is an external url. an example
could be when you source an image from a dynamic url.

Thanks,

John






On 6/15/06, Tom Anthony <[EMAIL PROTECTED]> wrote:
>
> On 15 Jun 2006, at 15:11, John Mandia wrote:
>
> > Hi all,
> >
> > Is it at all possible to display a page within a page (i.e. not
> > using frames
> > or iframe).
> >
> > i.e. the ability to set the source of a div to an external url.
> >
> > Anyone ever tried or achieved anything like this?
> >
> > Thanks,
> >
> > John
>
> Depending on your needs, there are various ways you could do this.
> There are a couple of Javascript approaches, or if you are using a
> server side language, such as PHP, then there are easier alternatives
> to it. You could also use Apaches Server Side Includes to do this.
>
> Javascript wise you could use an AJAX based approach to fetch the
> file and use innerHTML or suchlike to populate your div. With PHP, or
> similar, you could just read the file into a buffer and echo/print it
> at the appropriate point. With Apache SSI you would just include a
> special include tag in your HTML code, and Apache would fetch the
> file and insert it whenever the page is requested (and serve it as
> one page, the user wouldn't know about the SSI).
>
> I hope that helps put you in the right direction. Feel free to email
> me directly if you want some more help with this, and I'll do my
> best. :)
>
> -Tom
>
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7b2 testing hub -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] List Problem

[Els]

Trey Copeland wrote:


General advice:

When you are asking people to help you with a problem, don't 
alter the example. It's very hard to see a problem in a moving 
target. Instead, if you want to keep fiddling while waiting for 
other people's help, use a separate example. One that you post 
here, and another for yourself.

I just looked again at your page, and now you've taken out the 
entire  structure.

-- 
Els
http://locusmeus.com/
http://locusoptimus.com/


__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7b2 testing hub -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] List Problem

[Els]

Els wrote:
> Trey Copeland wrote:
>> www.wku.edu/icap is what I'm working on. In firefox the
>> related links line up perfect, but in IE they look horrible.
>> Any suggestions?
>
> They don't line up in Firefox here, while they do in IE.
> You're missing an opening  on the second link.

Ugh - you're also missing opening  and closing .

This tool may help: http://validator.w3.org/
After the code is valid, see if there are still problems.

-- 
Els
http://locusmeus.com/
http://locusoptimus.com/ 


__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7b2 testing hub -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] List Problem

[Els]

Trey Copeland wrote:
> www.wku.edu/icap is what I'm working on. In firefox the
> related links line up perfect, but in IE they look horrible.
> Any suggestions?

They don't line up in Firefox here, while they do in IE.
You're missing an opening  on the second link.

-- 
Els
http://locusmeus.com/
http://locusoptimus.com/


__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7b2 testing hub -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] fixed background over scrolling text problem

[David Laakso]

Tom Anthony wrote:
> On 15 Jun 2006, at 00:20, Bruce Gilbert wrote:
>
>   
>> I have a div filled with text that I am creating scrolling
>> functionality using DHTML. I am having a CSS issue because my
>> background image was scrolling along with the text, and I wanted it to
>> remain put (static), so I tried this:
>>
>>
>> --  
>> ::Bruce::
>> 
>
> Hi Bruce,
> background-attachment:scroll;
> should be:
> background-attachment:fixed;
> -Tom
>   
"Fixed" may be a problem for IE. Although there is an underground rumor 
a friend of the list has solved this wicked difficult problem.
Best wishes,
~odilonRedon
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7b2 testing hub -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

[css-d] List Problem

[Trey Copeland]

www.wku.edu/icap is what I'm working on. In firefox the related links 
line up perfect, but in IE they look horrible. Any suggestions?

Thanks.
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7b2 testing hub -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] fixed background over scrolling text problem

[Tom Anthony]

On 15 Jun 2006, at 00:20, Bruce Gilbert wrote:

> I have a div filled with text that I am creating scrolling
> functionality using DHTML. I am having a CSS issue because my
> background image was scrolling along with the text, and I wanted it to
> remain put (static), so I tried this:
>
> #col_2_scroll{
> position: absolute;
> left:575px;
> top:265px;
> width:450px;
> font-family:arial, helvetica, sans-serif;
> color:#33;
> margin:35px 65px 0 0;
> height:auto;
> background:url('/images/background/scrolling_div_bg.png') no-repeat;
> background-attachment:scroll;
> padding:0 0 0 25px;
> }
>
>
> and that makes the background image dissapear in my testing which is
> being done on safari and firefox. I don't have a link I can show, but
> was hoping someone could offer some assistance based on the info
> given.
> --  
> ::Bruce::

Hi Bruce,

If you want your background to be fixed, then:

background-attachment:scroll;

should be:

background-attachment:fixed;

Also, I think:

overflow: auto;

To ensure you get a scrollable div.

Let us knwo how you get on, or if you get a link you can show us if  
you are still stuck.

-Tom


__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7b2 testing hub -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] Displaying external page in a div

[Tom Anthony]

On 15 Jun 2006, at 15:11, John Mandia wrote:

> Hi all,
>
> Is it at all possible to display a page within a page (i.e. not  
> using frames
> or iframe).
>
> i.e. the ability to set the source of a div to an external url.
>
> Anyone ever tried or achieved anything like this?
>
> Thanks,
>
> John

Depending on your needs, there are various ways you could do this.  
There are a couple of Javascript approaches, or if you are using a  
server side language, such as PHP, then there are easier alternatives  
to it. You could also use Apaches Server Side Includes to do this.

Javascript wise you could use an AJAX based approach to fetch the  
file and use innerHTML or suchlike to populate your div. With PHP, or  
similar, you could just read the file into a buffer and echo/print it  
at the appropriate point. With Apache SSI you would just include a  
special include tag in your HTML code, and Apache would fetch the  
file and insert it whenever the page is requested (and serve it as  
one page, the user wouldn't know about the SSI).

I hope that helps put you in the right direction. Feel free to email  
me directly if you want some more help with this, and I'll do my  
best. :)

-Tom
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7b2 testing hub -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] Displaying external page in a div

[Els]

John Mandia wrote:

> Is it at all possible to display a page within a page (i.e.
> not using frames or iframe).
>
> i.e. the ability to set the source of a div to an external url.

Not with CSS.

JavaScript perhaps (no idea) or else, Google for screenscraping 
(server-side scripting needed).

-- 
Els
http://locusmeus.com/
http://locusoptimus.com/ 


__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7b2 testing hub -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

[css-d] Displaying external page in a div

[John Mandia]

Hi all,

Is it at all possible to display a page within a page (i.e. not using frames
or iframe).

i.e. the ability to set the source of a div to an external url.

Anyone ever tried or achieved anything like this?

Thanks,

John
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7b2 testing hub -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] Centering a CSS positioned design

[Els]

Scott Reston wrote:
> I'm wondering - wouldn't it work to simply set the width of
> the body appropriately, then set it's left and right margins
> to "auto"?

And give it position:relative, yes :-)

> Same effect without any extra non-semantic cruft.
>
> This just off the top of my head, so YMMV.

Yup, good idea. I'm just so used to having a wrapper, that I 
forgot to think of that option. At the same time though, ISTR 
that there is/was a browser that didn't work with that. IE6, 
Firefox and Opera do though, so I'm not sure if I'm mistaken in 
my memory.

Sidenote to styling : if you don't want the rest of the 
page to have the same background as , you need to style 
 separately.

-- 
Els
http://locusmeus.com/
http://locusoptimus.com/ 


__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7b2 testing hub -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] Centering a CSS positioned design

[Scott Reston]

I'm wondering - wouldn't it work to simply set the width of the body
appropriately, then set it's left and right margins to "auto"?

Same effect without any extra non-semantic cruft.

This just off the top of my head, so YMMV.


-- 

s:r {
  scott reston
  raleigh, nc
  http://scott.therestons.com
  scott at therestons * com
  }



[EMAIL PROTECTED] wrote:
> On Thu, Jun 15, 2006 at 12:21:04PM +0200, Els wrote:
>> [EMAIL PROTECTED] wrote:
>>> So... My idea is to make a container class for it all, and then
>>> to have everything positioned relative rather than absolute.
>>> And centre the containing class.
>> Just make a div with id="container" to hold all that's inside 
>>  now, give it position:relative, and all that was 
>> previously absolute positioned to the viewport, will now be 
>> relative to the container. (no need to change any of the absolute 
>> values you already set)
>> Then you center the container by giving it a width and 
>> margin:auto;.
> 
> Oh - it's that simple?
> 
> Ok, that sounds good! I'll get to trying it.
> 
> Thanks very much to you, and to David, for your help.
> 
> Let's see how I get on... 
> 
> Cheers,




__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7b2 testing hub -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] no background-color with your color warnings

[Richard Allsebrook]

Hi Dale

Technically you are supposed to specify a background *every* time you 
specify a foreground (and vise versa).

The problem is that the validator seems to ignore the 'Cascade' part of 
cascading style sheets (and also, doesn't look at the mark-up) so has no 
real clue as to which background colour your links will be displayed on.

A generic style rule such as a {} (applies to ALL hyperlinks 
irrespective of their parent) could be layered on top of an element 
who's background makes the link invisible.

I ignore these errors if I'm sure the foreground/background clash will 
never happen.


-- 
Richard Allsebrook
Futurate Ltd. (http://www.futurate.com)

---
June 2006: Futurate launch a major new website and content
management server for Travel South Yorkshire:

www.travelsouthyorkshire.co.uk.


-- 
No virus found in this outgoing message.
Checked by AVG Free Edition.
Version: 7.1.394 / Virus Database: 268.8.4/364 - Release Date: 14/06/2006

__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7b2 testing hub -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] Centering a CSS positioned design

[css]

On Thu, Jun 15, 2006 at 12:21:04PM +0200, Els wrote:
> [EMAIL PROTECTED] wrote:
> > So... My idea is to make a container class for it all, and then
> > to have everything positioned relative rather than absolute.
> > And centre the containing class.
> 
> Just make a div with id="container" to hold all that's inside 
>  now, give it position:relative, and all that was 
> previously absolute positioned to the viewport, will now be 
> relative to the container. (no need to change any of the absolute 
> values you already set)
> Then you center the container by giving it a width and 
> margin:auto;.

Oh - it's that simple?

Ok, that sounds good! I'll get to trying it.

Thanks very much to you, and to David, for your help.

Let's see how I get on... 

Cheers,
-- 
Flash Wilson - Web Design & Mastery - 0870 401 4061 / 07939 579090
-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-
Work: www.wdam.co.uk  Personal: www.gorge.org
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7b2 testing hub -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] columns streching

[Erik Visser]

Zoe M. Gillenwater wrote:
> Erik Visser wrote:
>> so i'am looking for a place with good explaination of the technique(s) of:
>> columns streching to the bottom of the viewport, regardless of the
>> content length of any of the columns
>>
> 
> I don't know of a comprehensive article, but we have a wiki page with 
> the basic info:
> http://css-discuss.incutio.com/?page=100PercentHeight
> 

thanks, found that one now

the link to this article on the frontpage does not work:
http://css-discuss.incutio.com/?page=FrontPage

additional questions on min-height:

1. what is the best min-height hack for browsers that do not suport
min-height?
where best is:
- works in all (most) today's browsers (including IE 6+ and Safari)
- with no (hardly) disadvantages

2. can this be combined with every type of lay-out / positioning model?

Erik
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7b2 testing hub -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] Centering a CSS positioned design

[Els]

Dave Goodchild wrote:
> To centre in the browser there are two main ways, either use
> the IE heck (text-align: center then text-align: left etc)
> but I prefer using relative positioning and negative margins
> - example:
>
> #wrapper {
> width: 740px;
> position: relative;
> left: 50%;
> margin-left: -370px;
> }
>
> which is not a hack.

Not a hack, but you're losing content on browser window widths 
narrower than 740px.
What you call an IE hack above, is only needed for IE5. Other 
browsers, including IE6, understand margin:auto;.
Given a choice between a "hack" and inaccessibility of content, 
I'll choose the hack anytime.

-- 
Els
http://locusmeus.com/
http://locusoptimus.com/ 


__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7b2 testing hub -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] Centering a CSS positioned design

[Els]

[EMAIL PROTECTED] wrote:
> Having spent ages learning how to position stuff in CSS and
> getting it meticulously right (using the nice hack that I was
> pointed at to get IE to behave, too) the client has now said
> "Oh, can you make the content centre in the browser?"
>
> ARGH! If I was still using tables for layout this would be
> trivial but I am using absolutely positioned stuff.
>
> So... My idea is to make a container class for it all, and then
> to have everything positioned relative rather than absolute.
> And centre the containing class.

Just make a div with id="container" to hold all that's inside 
 now, give it position:relative, and all that was 
previously absolute positioned to the viewport, will now be 
relative to the container. (no need to change any of the absolute 
values you already set)
Then you center the container by giving it a width and 
margin:auto;.

-- 
Els
http://locusmeus.com/
http://locusoptimus.com/ 


__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7b2 testing hub -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] Centering a CSS positioned design

[Dave Goodchild]

On 15/06/06, [EMAIL PROTECTED] <[EMAIL PROTECTED]> wrote:
>
> On Thu, Jun 15, 2006 at 11:12:49AM +0100, Dave Goodchild wrote:
> > Can you give me the URL?
>
> Course!
>
> http://www.wdam.co.uk/clients/dynam/hh/
>
> I didn't post it at first as I didn't want it to look like I'm
> asking you to do my homework for me; I'd rather grasp the concept
> than copy parrot fashion. That said, I do need to fix it rather
> fast!
>
> --
>
What I would do first is deal with the #main div, if that's the wrapper.
Change position to relative, left to 50%, and margin-left to half the
required width. Take out the top and left absolutes. Get the main wrapper
centred like that and then deal with the other contained elements, which I
would float.
-- 
http://www.web-buddha.co.uk
http://www.projectkarma.co.uk
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7b2 testing hub -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] Centering a CSS positioned design

[css]

On Thu, Jun 15, 2006 at 11:12:49AM +0100, Dave Goodchild wrote:
> Can you give me the URL?

Course!

http://www.wdam.co.uk/clients/dynam/hh/

I didn't post it at first as I didn't want it to look like I'm
asking you to do my homework for me; I'd rather grasp the concept
than copy parrot fashion. That said, I do need to fix it rather
fast!

-- 
Flash Wilson - Web Design & Mastery - 0870 401 4061 / 07939 579090
-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-
Work: www.wdam.co.uk  Personal: www.gorge.org
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7b2 testing hub -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] Centering a CSS positioned design

[Dave Goodchild]

On 15/06/06, Flash Wilson <[EMAIL PROTECTED]> wrote:
>
> On Thu, Jun 15, 2006 at 11:01:05AM +0100, Dave Goodchild wrote:
> > > To centre in the browser there are two main ways, either use the IE
> heck
> > > (text-align: center then text-align: left etc) but I prefer using
> relative
> > > positioning and negative margins - example:
> >
> > Is this what you are trying to do?
>
> Um.
>
> Everything in my design is laid out with absolute positioning,
> so its X pixels from top, Y pixels from left, etc.
>
> And having finished the design I now have to scoop it all up and
> make it centre in the browser as it is resized. Obviously at the
> moment it will not do that, it will always be exactly where I told
> it to be!
>
> So my question was, can I change the word "absolute" to "relative"
> in every case, and it still work? Then if I do that, I could put
> a wrapper / container around everything, and make that wrapper be
> centred? And everything would still be my precise X pixels from the
> edge of the wrapper?
>
> Is that how it works?
> --
> Flash Wilson - Web Design & Mastery - 0870 401 4061 / 07939 579090
> -=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-
> Work: www.wdam.co.uk  Personal: www.gorge.org
>

Can you give me the URL?
-- 
http://www.web-buddha.co.uk
http://www.projectkarma.co.uk
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7b2 testing hub -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] Centering a CSS positioned design

[Dave Goodchild]

On 15/06/06, [EMAIL PROTECTED] <[EMAIL PROTECTED]> wrote:
>
> Having spent ages learning how to position stuff in CSS and getting
> it meticulously right (using the nice hack that I was pointed at
> to get IE to behave, too) the client has now said "Oh, can you
> make the content centre in the browser?"
>
> ARGH! If I was still using tables for layout this would be trivial
> but I am using absolutely positioned stuff.
>
> So... My idea is to make a container class for it all, and then
> to have everything positioned relative rather than absolute. And
> centre the containing class.
>
> Is this the right idea? Or will it all go horribly wrong?
>
> I'm only asking for advice, not for you to do all the work for me!
> But I thought I'd better ask before I try it, screw up and confuse
> myself horribly
>
> Thanks :)
>
> To centre in the browser there are two main ways, either use the IE heck
> (text-align: center then text-align: left etc) but I prefer using relative
> positioning and negative margins - example:



#wrapper {
width: 740px;
position: relative;
left: 50%;
margin-left: -370px;
}

which is not a hack.

Is this what you are trying to do?




-- 
http://www.web-buddha.co.uk
http://www.projectkarma.co.uk
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7b2 testing hub -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

[css-d] Centering a CSS positioned design

[css]

Having spent ages learning how to position stuff in CSS and getting
it meticulously right (using the nice hack that I was pointed at
to get IE to behave, too) the client has now said "Oh, can you 
make the content centre in the browser?" 

ARGH! If I was still using tables for layout this would be trivial
but I am using absolutely positioned stuff.

So... My idea is to make a container class for it all, and then
to have everything positioned relative rather than absolute. And
centre the containing class. 

Is this the right idea? Or will it all go horribly wrong?

I'm only asking for advice, not for you to do all the work for me!
But I thought I'd better ask before I try it, screw up and confuse
myself horribly

Thanks :)

-- 
Flash Wilson - Web Design & Mastery - 0870 401 4061 / 07939 579090
-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-
Work: www.wdam.co.uk  Personal: www.gorge.org
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7b2 testing hub -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] Problem with in Opera

[Ingo Chao]

Mike Davies wrote:

> The page is www.scottishfreshfoods.com/hamporder.htm 
> 
> The page works correctly in Firefox & IE5/IE6. In Opera 8.54 the page
> looks OK but none of the input boxes in the lefthand column (Order your
> hamper here) can be entered. This works fine in the other browsers.

Cannot confirm this. Opera 8.54 build 7730 WinXP. Works here.

> 
> Another minor issue in I6 - at the bottom, below the form and above the
> logo I get the word 'phone' appearing. This doesn't appear in any other
> browser and I can't find an errant 'phone' in the html. The page
> validates.

This time the hidden inputs are causing the duplicated characters bug 
[1]. Add a comment to them and you get: "lephone"

A fix would be to alter the markup by removing all whitespace between 
them like:




[1] http://positioniseverything.net/explorer/dup-characters.html

-- 
http://www.satzansatz.de/css.html
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7b2 testing hub -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

[css-d] article on 100PercentHeight not properly listed on css-discuss.incutio.com/?page=FrontPage

[Erik Visser]

article on 100PercentHeight not properly listed on
css-discuss.incutio.com/?page=FrontPage

propably because of the page strating with a number?
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7b2 testing hub -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

[css-d] Problem with in Opera

[Mike Davies]

Hi all,

I have a small problem with a form on my latest site which I can't
resolve.

The page is www.scottishfreshfoods.com/hamporder.htm 

The page works correctly in Firefox & IE5/IE6. In Opera 8.54 the page
looks OK but none of the input boxes in the lefthand column (Order your
hamper here) can be entered. This works fine in the other browsers.

Another minor issue in I6 - at the bottom, below the form and above the
logo I get the word 'phone' appearing. This doesn't appear in any other
browser and I can't find an errant 'phone' in the html. The page
validates.

Any assistance appreciated

Mike Davies
-- 
Mike Davies
Integra Web Design, Huntly, AB54 4XP
01466 700213www.integrawebdesign.co.uk

__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7b2 testing hub -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] Relative positioning and widths

[Philippe Wittenbergh]

On Jun 15, 2006, at 1:44 PM, Brendan Grossman wrote:

> Is it possible to have floating divs side-by-side without the width
> specified or with just one set explicitly?
>
> For example I have two columns...
>
> Left hand side I want to set explicity, ie. 15em
>
> Right hand side, I want it to fill up the remaining area of the page.
>
> However when doing this, the right drops below the left div.
>
> Here's sample code I'm using...
>
> #left {
>   float: left;
>   width: 15em;
> }
>
> #right {
>   float: left;
> }
>
> 
>  

That is problematic.

What is the content in  ?
when no width is specified, the width of that div *may* shrink wrap  
to the width of the content. Or *may* expand to the full width of the  
parent box. Depending on the contents

And not all UA will work the same.

This is a nice technique to achieve, what I think is what you try to do:


Philippe
---
Philippe Wittenbergh





__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7b2 testing hub -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/