Re: [css-d] float and disappearing a. p. box (was: Image replacement broken in IE6/Win)

[Ingo Chao]

Simon Douglas schrieb:
The (simplified version of the) web-site is at www.menziesclc.org.uk/ 
test/index.html


The problem seems to be the 'info' div. If you delete that, the image  
appears.


This IE6 problem is not related to the MIR.
at http://www.menziesclc.org.uk/test/index.html, you have this structure


 ... /* a. p. */
  /* float right */
 ... /* clear: right */


and the absolute positioned h1 disappears. As mentioned, this is related 
to the div#info.


I think this is the situation like in example 1 in Bruno Fassino's demo
http://www.brunildo.org/test/IE_raf3.html

One solution would be the transformation according to Example 3


  /* float right */
 ... /* clear: right */
 ... /* a. p. */


Ingo
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] Now its only in IE (whats new) white line

[Michael Palmer]

Hi Adam,

Perhaps you've already fixed this or you're using IE Mac because I don't see 
the white line using IE6 on PC.


However, there is one problem I see and that's the bottom image ("One 
company, Infinite Solutions") is not centered with the rest of the content, 
due to your use of position: absolute in the "bottomgraphic" rule. Is that 
necessary? Since it's already in the "wrapper" div, it should be centered 
along with the rest of the content, right?


Good luck,

Mike

- Original Message - 
From: <[EMAIL PROTECTED]>

To: 
Sent: Tuesday, June 28, 2005 1:46 AM
Subject: [css-d] Now its only in IE (whats new) white line


Right above the top nav I have a white line which only shows up in IE. Any 
suggestions?


http://www.rocklinsystems.com/infinity/layout.htm

CSS- http://www.rocklinsystems.com/infinity/styles/infinitystyles.css

Thanks in advance.

Adam
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
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
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] How to validate quirky stuff

[Jachin Sheehy]

The DocType will always be a problem when using the method you have chosen.

Take a look at the last section of
http://www.alistapart.com/articles/footers/ and the demo file at
http://www.alistapart.com/d/footers/footer_variation1.html

It uses a little javascript to ensure that the vertical centering
happens (and it validates). Might be what you're after.

Regards,
Jachin Sheehy
Senior Web Developer
InternetFiji

On 6/30/05, Jack Keller <[EMAIL PROTECTED]> wrote:
> I followed the methodology from quirksmode.org on obtaining the
> centered layout, but my problem is this, with doctype it will validate
> but not display correctly, without doctype it displays excellent, but
> will not obviously validate.
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] problem with margin/padding on DIVs

[Jachin Sheehy]

Marty,

First, you have two definitions for hr (one in the inline styles and
the other in sty_theme.css) that were conflicting.

For the purposes of testing, I removed the style from sty_theme.css
and changed the inline to:

hr {
border: none;
border-bottom: 1px solid #007476;
width: 100%;
text-align: left !important;
clear: both;
height: 15px;
}

Seems to do what you are after. A little more tweaking and you'll get there...

Regards,
Jachin Sheehy
Senior Web Developer
InternetFiji

On 6/30/05, Marty Martin <[EMAIL PROTECTED]> wrote:
> Please take a look at the following page:
> 
> http://dev.lewisgaleclinic.com/index.cfm/fa/service.listPublic.cfm
> 
> You will notice that the  is butted up against the bottom of the
> .  I have tried adding both a margin-bottom and
> padding-bottom to the  containing the "Associations"
> and "Downloadable Forms" but it has not made a difference, the 
> continues to be too close.  Also, I have tried adding margins and
> padding to the  but this doesn't seem to help either.
> 
> Can someone suggest what the problem might be?
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] Hidden from Opera 7 only

[Martin Heiden]

Uwe,

> Opera 7 needs to see "body {overflow: hidden}".

Can you use a media query which at the moment *DANGER* ist only
supported by Opera 7/8, or does Opera 8 behave like the other
browsers?

@media all and (min-width: 0px) { /* This part is only visible to
 Opera 7/8, but this may change
 with future versions of other
 browsers */
body {
 overflow: hidden;
}
}



regards,

  Martin

 

__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

[css-d] Navigation with lists soacing problem

[stu]

Hi,
Can anyone take a look at this page please:
 
http://extranet.dabs.com/stuart/testnav.htm
 
Ignore the rubbish font sizes and what not, I have chopped this section out of 
the bigger picture.
Look at the list and you will see that in IE there are spaces between the 
seperate , and in firefox, opera, etal. there are not. I have poured over 
this problem for long enough so if anyone can help then id really appreciate 
it. Im certain that its something small and stupid.
 
Thanks for your help in advance...
 
Stu.
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

RE: [css-d] nested lists

[BJ]

"If you want to see the nested lists that I am working with currently go 
to: http://tct2005.com/wp/";


I looked.  I didn't see a single list, nested or otherwise.  Can you 
maybe be more specific on what you're trying to do?



__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] Setting height to 0 does not work on IE6

[Zoe M. Gillenwater]

Will Merrell wrote:


Here's the problem: on Firefox the clearer div occupies no vertical space.
No suprise there. But, under IE6, guess what, the clearer div occupies a
full line.
 



Will,

Others have give you some fixes for this.  If you're still curious, you 
can check out this test page I made of a number of different clearers.  
There's no definitive one, but some combinations of rules definitely 
work better than others.


http://www.pixelsurge.com/experiment/clearers.htm

Zoe

--
Zoe M. Gillenwater
Design Specialist
UNC Highway Safety Research Center
http://www.hsrc.unc.edu


__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] How to validate quirky stuff

[Zoe M. Gillenwater]

Jack Keller wrote:

I followed the methodology from quirksmode.org on obtaining the 
centered layout, but my problem is this, with doctype it will validate 
but not display correctly, without doctype it displays excellent, but 
will not obviously validate.


http://www.cell7.org/leadership/dev/template.htm - with 
doctype/tentatively validates (haven't added meta data)
http://www.cell7.org/leadership/dev/test.htm - without doctype/no 
validation



Jack,

I can't tell you how to get it to work and validate, but I would 
definitely use a page that has a doctype.  If you don't, you are 
virtually guaranteed that some of the content you add and layout down 
the road is going to display in unexpected and 
cross-browser-inconsistent ways, and it will be much harder to fix.  
Although having no doctype lets your page display fine now, once it 
becomes a fully fleshed out site, you will probably run into problems.  
So, keep looking for a solution that allows a doctype!


Good luck,
Zoe

--
Zoe M. Gillenwater
Design Specialist
UNC Highway Safety Research Center
http://www.hsrc.unc.edu


__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] Navigation with lists soacing problem

[Zoe M. Gillenwater]

stu wrote:


http://extranet.dabs.com/stuart/testnav.htm

Look at the list and you will see that in IE there are spaces between the seperate 
, and in firefox, opera, etal. there are not.
 



Stu,

The problem comes from the display: block on your a elements.  Adding 
display: inline to their parent li's fixes it.  Another solution is 
described here:

http://www.communitymx.com/content/article.cfm?page=5&cid=AC0B9

Zoe

--
Zoe M. Gillenwater
Design Specialist
UNC Highway Safety Research Center
http://www.hsrc.unc.edu


__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

RE: [css-d] Navigation with lists soacing problem

[stu]

zoe wrote:

>Stu,

>The problem comes from the display: block on your a elements.  Adding
>display: inline to their parent li's fixes it.  Another solution is
>described here:
>http://www.communitymx.com/content/article.cfm?page=5&cid=AC0B9

>Zoe
 
Zoe, thats great. From all the solutions listed tbis one seems to be the one I 
needed (as in, the most elegant) What I dont understand is that i thought when 
you display an LI inline, its the same as it floating to the left. Thats why I 
didnt try it.
 
Every day is a school day with css.
 
Thanks to everyone else for your suggestions.
 
STU.
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

[css-d] Relative Positioning

[Mark Leder]

Hi all,
I've really been struggling with this.  Trying to have a large flash menu
layered atop other content on a page.  I've been able to successfully
z-index it so the drop down menus appear over top of other content at a
lower z-index, but I can't get the menu centered left to right in relation
to the "clientName" ID just above it.  Below is the CSS and HTML affected.
 
/* CSS */
/* Horizontal Menu Layout */
#clientName {font:normal normal bolder 18px Arial, Helvetica, sans-serif; 
   color:#99; text-align:center; border:solid 1px #99;
   width: 100%; background-color: #f5f5f5; margin-bottom: 10px; 
   padding:3px 0 1px 0; z-index:1;}
 
#horizMenuLayer {position: relative; text-align: center;}
 



 #SESSION.companyInfo.companyNameAlias# HOME COMPONENTS ADMINISTRATION
 
  
  
   

http://fpdownload.macromedia.com/pub/shockwave/cabs/flash/swflash.
cab##version=7,0,0,0" width="400" height="220" id="ghostMenu"
align="middle">





http://www.macromedia.com/go/getflashplayer"; />

   
  
  


 
 
 
Thanks,
Mark
 
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] Relative Positioning

[jeremy]

do you have a link to the site?


Mark Leder wrote:


Hi all,
I've really been struggling with this.  Trying to have a large flash menu
layered atop other content on a page.  I've been able to successfully
z-index it so the drop down menus appear over top of other content at a
lower z-index, but I can't get the menu centered left to right in relation
to the "clientName" ID just above it.  Below is the CSS and HTML affected.

/* CSS */
/* Horizontal Menu Layout */
#clientName {font:normal normal bolder 18px Arial, Helvetica, sans-serif; 
  color:#99; text-align:center; border:solid 1px #99;
  width: 100%; background-color: #f5f5f5; margin-bottom: 10px; 
  padding:3px 0 1px 0; z-index:1;}


#horizMenuLayer {position: relative; text-align: center;}




#SESSION.companyInfo.companyNameAlias# HOME COMPONENTS ADMINISTRATION

 
 
  
   
   http://fpdownload.macromedia.com/pub/shockwave/cabs/flash/swflash.
cab##version=7,0,0,0" width="400" height="220" id="ghostMenu"
align="middle">
   
   
   
   
   
   http://www.macromedia.com/go/getflashplayer"; />
   
  
 
 





Thanks,
Mark

__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
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
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

[css-d] Does this require a box model hack?

[Rikard]

This page:

http://www.zut.se/rikard/

has validated html and css. It displays ok in Firefox on Windowsxp and
MacOS10.4. It does not display ok in IE6 on WindowsXP. Two of the
fields (the text to the right of the logo and the white text in the
orange/red square) are not aligned correctly. They should be
positioned a bit lower (like Firefox). I've read this:

http://css-discuss.incutio.com/?page=BoxModelHack

but am not sure if I need to use a hack and if so, which one to use.
So I'd be grateful for tips and comments.

Rikard
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

[css-d] Who is wrong? I would say: Firefox!?

[Daniel Doesburg]

Hi list,

This HTML looks as I wish if I use IE but it has a strange behavior in 
Firefox.
The background color of the header flows ahead to the top of the both 
blocks above the head.


Is this a known problem and is there somewhere a known solution?

Regards,

Daniel




Test

RE: [css-d] Relative Positioning

[Mark Leder]

Here's the link:

http://admin.evokenet.com/homeComponents/main.cfm 

-Original Message-
From: jeremy [mailto:[EMAIL PROTECTED] 
Sent: Thursday, June 30, 2005 10:08 AM
To: Mark Leder; css list
Subject: Re: [css-d] Relative Positioning

do you have a link to the site?


Mark Leder wrote:

>Hi all,
>I've really been struggling with this.  Trying to have a large flash 
>menu layered atop other content on a page.  I've been able to 
>successfully z-index it so the drop down menus appear over top of other 
>content at a lower z-index, but I can't get the menu centered left to 
>right in relation to the "clientName" ID just above it.  Below is the CSS
and HTML affected.
> 
>/* CSS */
>/* Horizontal Menu Layout */
>#clientName {font:normal normal bolder 18px Arial, Helvetica, sans-serif; 
>   color:#99; text-align:center; border:solid 1px #99;
>   width: 100%; background-color: #f5f5f5; margin-bottom: 10px; 
>   padding:3px 0 1px 0; z-index:1;}
> 
>#horizMenuLayer {position: relative; text-align: center;}
> 
>
>
>
> #SESSION.companyInfo.companyNameAlias# class="grey-dk">HOME COMPONENTS ADMINISTRATION
> 
>  
>  
>   
>
>codebase="http://fpdownload.macromedia.com/pub/shockwave/cabs/flash/swflash
.
>cab##version=7,0,0,0" width="400" height="220" id="ghostMenu"
>align="middle">
>
>/>
>
>
>
>quality="high" wmode="transparent" width="400" height="220"
name="ghostMenu"
>align="middle" allowScriptAccess="sameDomain"
>type="application/x-shockwave-flash"
>pluginspage="http://www.macromedia.com/go/getflashplayer"; />
>
>   
>  
>  
>
>
> 
> 
> 
>Thanks,
>Mark
> 
>__
>css-discuss [EMAIL PROTECTED] 
>http://www.css-discuss.org/mailman/listinfo/css-d
>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
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] Who is wrong? I would say: Firefox!?

[Martin Heiden]

Daniel,

> This HTML looks as I wish if I use IE but it has a strange behavior in
> Firefox.
> The background color of the header flows ahead to the top of the both
> blocks above the head.

The problem is caused by the uncleared floats above the header. The
floats are removed from normal flow, so that the #head starts at the
top. It is the first element in normal flow. The content of #head is
pressed down by the floats, which causes the div to expand.

Add clear:both; to #head and you clear the float for pushing all
following content in normal flow under #wrappera and #wrapperb.

By the way: Use a valid doctype to put firefox into standards mode or
you will notice loads of uncontrolable cross-browser differences in
rendering.

regards,

  Martin

 

__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] Who is wrong? I would say: Firefox!?

[Daniel Doesburg]

Brian Cummiskey schreef:

you're in quirks mode.
try a full w3 spec DTD and see what happens.



Thanks Brian. But if I want to stay in the quirks mode for other
reasons, is there also an other solution for this problem?

Daniel


__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] Who is wrong? I would say: Firefox!?

[Daniel Doesburg]

Eric Ladner schreef:
Looks right to me.  You have wrappera and wrapperb floated inside the 
"wrapper" and don't specify a background color for them.  When header is 
drawn, it takes up the top part of "wrapper" and the a/b wrappers are 
floating above that.


You didn't specify a background on the floats and background doesn't 
inherit from the parent so the background is transparent.  Firefox is 
correct and IE is wrong


If you want the floats to have the same background color as the outer 
div, add a "background: inherit" to wrappera and wrapperb.



Hi Eric,
Thanks for your answer.
I would make a header with a yellow background and a borderline above. 
But the line moves to the top of the page.

Change it to this and see what I mean:
#head{background:yellow;border-top: 2px solid black;}

Hope you have an answer.

Daniel








Test


#wrapper{min-width:250px;min-height:250px;width:250px;height:250px;background:blue;}
#wrappera{width:49%;height:100px;min-height:100px;float:left;}
#wrapperb{width:49%;height:100px;min-height:100px;float:right;}
#head{background:yellow;}



  
LEFT
RIGHT
HEADER
  



__
css-discuss [EMAIL PROTECTED]
]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org  --
http://www.evolt.org/help_support_evolt/




--
Eric Ladner

__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

[css-d] Style applying to one tag only

[Jessica Mays]

Hi all,

I am trying to style a page that the code in a certain area is being
generated automatically and all I really have control that area is the
style in the head tag.

I have applied the following code to the css in the header:

blockquote { margin: 1px 0 3px 15px; }

This seems to only apply to the first blockquote tag in the page not all
like I would expect.

Below is an example of mess of generated copy I am dealing with:

First
Name:*Last Name:*Job Title:*job onejob twoEmail Address:*http://www.websurveyor.com/websurveyor-privacypolicy.asp";
target="_blank" style="font-size:10px; margin-left:15px;
margin-bottom:0;">Your privacy is guaranteed.We will never
give, lease, or sell your personal
information.Phone:Format: (999)
999-

Yes, I know it is in one line. Yes, I know that this code is in no way
valid. However, I was told that the way I had be doing the form before
was "working around the product not with the product" so this is what I
have to deal with.

To see the whole lovely mess go to:
http://websurveyor.net/wsb.dll/22091/registrationtest.htm

Thanks all

-

Jessica Mays
Graphic Designer
WebSurveyor Corporation
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] Who is wrong? I would say: Firefox!?

[Daniel Doesburg]

Martin Heiden schreef:

Daniel,

The problem is caused by the uncleared floats above the header. The
floats are removed from normal flow, so that the #head starts at the
top. It is the first element in normal flow. The content of #head is
pressed down by the floats, which causes the div to expand.

Add clear:both; to #head and you clear the float for pushing all
following content in normal flow under #wrappera and #wrapperb.


Thanks, that's the trick.


By the way: Use a valid doctype to put firefox into standards mode or
you will notice loads of uncontrolable cross-browser differences in
rendering.


Yes, I know.


Regards,

Daniel

__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

[css-d] alignment issues

[Andrea Burton]

I am having trouble positioning the #nav-menu element located at:

http://dev.blast.com/interior2.html

i inserted a negative left margin of -2px on #nav-menu ul to align the 
left side with the the left side of the header graphic.


this works everywhere but ie 6 on pc.  any ideas on how to left align 
this in ie pc?




also,  i am getting the correct amount of space above the nav-menu on 
IE on pc and mac but the nav-menu has no space between the gray line 
and its edge on firefox pc and mac, and safari. is there a hack for 
this? any ideas?


thanks you for any assistance.

a.burton

__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

[css-d] Article on rules ordering

[Pierre Lemieux]

I'm looking for an article I recently came across where the author  
was explaining how he ordered rules in his stylesheet.


By ordering, I do not mean the cascading order but simply the order  
of rules within each declaration.



Pierre
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

RE: [css-d] Relative Positioning

[Holly Bergevin]

From: "Mark Leder" <[EMAIL PROTECTED]>

>http://admin.evokenet.com/homeComponents/main.cfm 

> I can't get the menu centered left to 
>>right in relation to the "clientName" ID just above it.

Try - 

#Layer1 {
position: absolute;
top: 3px;
left: 50%; /* default left value when not specified is 0. 50% (or center) 
should move the left edge of the menu half way across the available space. */
margin-left: -200px; /* since the width is set, this should 'drag' the menu 
back to the left one half of its width, thus centering it. */
width: 400px; 
height: 220px; 
z-index: 10;
}

hope that helps,

~holly 
 
   
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

RE: [css-d] Style applying to one tag only

[Jessica Mays]

I got it to work by defining it as:

"div blockquote"

and also adding a "div p" style

Using Ian's suggestions of putting a background color on for testing
really helped as well

Thanks!


Jessica Mays
Graphic Designer
WebSurveyor Corporation

 

-Original Message-

Hi all,

I am trying to style a page that the code in a certain area is being
generated automatically and all I really have control that area is the
style in the head tag.

I have applied the following code to the css in the header:

blockquote { margin: 1px 0 3px 15px; }

This seems to only apply to the first blockquote tag in the page not all
like I would expect.
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

RE: [css-d] site check - real estate site

[McGrady, John (MBS)]

Hi Adam, I was looking at your site (which looks quite good btw) and noticed a 
couple of things which may be issues.

1. Is there a way to get back to the main page other than using the back button?

2a. Increasing the font size in IE6 makes your menu bar wrap, which wouldn't be 
much of a problem, however the second line is only partially visable..

2b. Using the zoom function in FF 1.0.2 causes the text to change size, but 
since everything else is static the site starts to break down.


John

-Original Message-
From: [EMAIL PROTECTED]
[mailto:[EMAIL PROTECTED] Behalf Of [EMAIL PROTECTED]
Sent: June 28, 2005 7:47 PM
To: css-d@lists.css-discuss.org
Subject: [css-d] site check - real estate site


Hello All...
Thanks for the gracious help of others I finally got the site where I 
need it to be.
Its filled with filler content of course, but all needed pages are up 
(and look the same).

Let me know what you think.

http://www.rocklinsystems.com/infinity/


Thanks
Adam
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
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
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

[css-d] Simple div positioning problem

[Glenn E. Lanier, II]

I am trying to get two div's to occupy the same space, but am running into much
trouble.
 
I created http://bellsouthpwp.net/S/p/Speedy7/position.html as a way to test,
I've turned on borders to make the divs easier to identify. Structure is
basically divOuter (contains everything), divInner1 (some text), divInner2
(other text). I added divInnerContainer trying to get it to hold both divInner1
and divInner2, but no luck.
 
Any help is appreciated.
 
  _  

Glenn E. Lanier II

* Email:   [EMAIL PROTECTED]
 
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

[css-d] Who is wrong? I would say: Firefox!? < - - Extended - - >

[Daniel Doesburg]

Hi list,

My problem becomes more and more complex.

Look at this.

How can I make that Firefox looks the same as IE.


Regards,

Daniel




Test

#wrapper{min-width:600px;min-height:600px;width:600px;height:600px;background:lime;}
#wrappera{width:49%;height:100px;min-height:100px;float:left;}
#wrapperb{width:49%;height:100px;min-height:100px;float:right;}
.wrapper1{color:white;width: 49%;float:left;}
.wrapper2{color:blue;float:right;}

Re: [css-d] Div's Vs Classes

[Michael Auty]

Guys and gals,

thanks very much for your input (and Adam, for bringing the thread back 
on topic)
yours and Christians suggestion of designating structural ID's was the 
consensus that we reached in our last scoping session as the potential 
for an, as you put it 'dangerous' development environment has to be the 
primary concern.


Interestingly, during the exploration of this issue, we seem to have 
come full circle: Settling on using ID's for structural elements (i.e. 
elements that do not require being dynamically driven) and classes for 
everything else has in fact rendered the initial point mute, and brought 
us back to the correct semantic use of these functions.


How elegant... in a messy kind of way!

Anyway, result! and the lists input was invaluable.

cheers

Mike
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] Simple div positioning problem

[Jon Trelfa]

On 6/30/05, Glenn E. Lanier, II <[EMAIL PROTECTED]> wrote:
> I created http://bellsouthpwp.net/S/p/Speedy7/position.html as a way to test,
> I've turned on borders to make the divs easier to identify. Structure is
> basically divOuter (contains everything), divInner1 (some text), divInner2
> (other text). I added divInnerContainer trying to get it to hold both 
> divInner1
> and divInner2, but no luck.
> 
> Any help is appreciated.

I changed your CSS just slightly as such.
1.  The "thin" keyword changes your widths relatively, so I changed
them all to 1px
2.  The container is positioned relatively with the inner divs
positioned absolutely
3.  I gave the container div the 80% width with auto margins rather
than the inner divs

div#divInnerContainer {
position:relative;
border:1px solid red;
color:red;
height:7em;
width:80%;
margin-left:auto;
margin-right:auto;
}
div#divInner1 {
position:absolute;
border:1px solid green;
color:green;
}
div#divInner2 {
position:absolute;
border:1px solid purple;
color:purple;
}

div#divInner1, div#divInner2 {
height:7em;
}


Hope this helps!

Jon
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

RE: [css-d] Relative Positioning

[Mark Leder]

Thanks, that worked in Firefox, still shoved to the right on IE6.  I'm
looking for a hack to solve that one. 

-Original Message-
From: [EMAIL PROTECTED]
[mailto:[EMAIL PROTECTED] On Behalf Of Holly Bergevin
Sent: Thursday, June 30, 2005 12:46 PM
To: css-d@lists.css-discuss.org; Mark Leder
Subject: RE: [css-d] Relative Positioning

From: "Mark Leder" <[EMAIL PROTECTED]>

>http://admin.evokenet.com/homeComponents/main.cfm

> I can't get the menu centered left to
>>right in relation to the "clientName" ID just above it.

Try - 

#Layer1 {
position: absolute;
top: 3px;
left: 50%; /* default left value when not specified is 0. 50% (or center)
should move the left edge of the menu half way across the available space.
*/
margin-left: -200px; /* since the width is set, this should 'drag' the menu
back to the left one half of its width, thus centering it. */
width: 400px; 
height: 220px; 
z-index: 10;
}

hope that helps,

~holly 
 
   
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
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
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] Who is wrong? I would say: Firefox!? < - - Extended - - >

[Gunlaug Sørtun]

Firefox is doing just fine :-)

Daniel Doesburg wrote:


How can I make that Firefox looks the same as IE.


The simplest way is to give Firefox complete CSS, and keep IE/win-code
from polluting it.

I've added some, and used the 'leading underscore' hack to feed IE/win.
Use any hack you like...

#wrapper{min-width:600px;min-height:600px;width:600px;_height:600px;background:lime;
float: left;}
#wrappera{width:49%;_height:100px;min-height:100px;float:left;}
#wrapperb{width:49%;_height:100px;min-height:100px;float:right;}
.wrapper1{color:white;width: 49%;float:left;}
.wrapper2{color:blue;width: 49%;float:right;}

... the rest will do as is - on a test page. A real page would look
better with a doctype and a slight clean-up.

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

[css-d] Three-column layout

[Jonathan Berry]

I just wanted to be pointed to any tutorials on doing a three (or
other number for that matter) column layout without absolute
positioning or floats. Any directions? Thanks in advance.
-- 
Jonathan Berry, M.A.
IT Consultant
619.306.1712(m)
[EMAIL PROTECTED]
www.mindarc.com

---

This E-mail is covered by the Electronic Communications Privacy Act, 18
U.S.C. ?? 2510-2521 and is legally privileged.
This information is confidential information and is intended only for
the use of the individual or entity named above. If the reader of this
message is not the intended recipient, you are hereby notified that any
dissemination, distribution or copying of this communication is strictly
prohibited.

---
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] Who is wrong? I would say: Firefox!? < - - Extended - - >

[Ingo Chao]

Daniel Doesburg schrieb:

Yes of course, I am willing to do all what's necessary to solve it.

Thank you.


It's now on http://test.doesburg.biz/test1.html
The problem is that IE looks (I did not said it renders all well) good.
How can I get Firefox does the same?


Forget IE6 for a moment.

Fx problems:
# lime background does not extend: have a (re-)read here
http://www.complexspiral.com/publications/containing-floats

# headers do not align vertically: zero the default-margin top for h1, 
h2, h3


# each .wrapper2 drops under .wrapper1: you'll have to set a width:49% 
for that floats too.


# general: assuming the lime background is not the story's end, read
Zoe's liquid faux columns article
http://www.communitymx.com/content/article.cfm?page=1&cid=AFC58

consider using the other 50% of the screen to bring some white space 
between your columns. It's just to tight fitting, your layout. Someone 
for sure has to zoom your text, and in the end, he will get one word per 
line in that tall columns.


once the layout is more or less determined in a compliant browser like 
Fx or Opera8, you'll have to look again in IE6 and fix the bugs.


Maybe at this point, your answer could be: "I would say: IE!?", too. But 
that is not important.


Ingo




__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

[css-d] Re: float and disappearing a. p. box

[Simon Douglas]

Ingo

Thanks for that, I have tried it - see
www.menziesclc.org.uk/test/index2.html
There are two (possibly insoluble) problems:

1. In IE, a stray letter ('W') appears, or rather, is not hidden.

2. This is less of a problem, but the flow is wrong - can the order
be changed, so that the title is first?

Cheers anyway.

Simon
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

[css-d] Vertical Text

[Ian Skinner]

I'm pretty sure the answer is no, but I would like to confirm it.  There is 
currently no well supported way to orient text vertically with CSS, correct?

For Example (using ASCII art)

 ###
#   #
 ###

#
#
#

#
#
#

# # #
# # #
#

#
  #
#


--
Ian Skinner
Web Programmer
BloodSource
www.BloodSource.org
Sacramento, CA
 
"C code. C code run. Run code run. Please!"
- Cynthia Dunning

Confidentiality Notice:  This message including any
attachments is for the sole use of the intended
recipient(s) and may contain confidential and privileged
information. Any unauthorized review, use, disclosure or
distribution is prohibited. If you are not the
intended recipient, please contact the sender and
delete any copies of this message. 


__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

[css-d] Float pushing content down

[Vincent Hide]

Hi,

I have been working on this page layout

http://www.storesprite.org/lamp/

In ie 6 the page content (#middle) gets pushed below where the left
column content ends. I can't figure out why this is and have pulled out
most of my hair trying to find out.

If I remove the float evertything goes wrong in all browsers!


#left
{
width: 200px;
margin-left: 2px;
padding: 0;
float: left;
background: transparent;
}
#middle
{
background: transparent;
width: 586px;
margin-left: 200px;
margin-right: 18px;
padding: 0;
}


Have I made a silly mistake?

Thanks,
Vince


__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

RE: [css-d] Float pushing content down

[Dennis Bixler]

Normally this happens because you either have a container that isn't
wide enough for the two divs PLUS borders and scrollbar. That container
can be the overall html container if there isn't one defined. You can
normally spot this by the telltale dropping of a div. 

Try reducing the width of you #middle container.

Dennis 


-Original Message-
From: Vincent Hide [mailto:[EMAIL PROTECTED] 
Sent: Thursday, June 30, 2005 4:43 PM
To: css-d@lists.css-discuss.org
Subject: [css-d] Float pushing content down

Hi,

I have been working on this page layout

http://www.storesprite.org/lamp/

In ie 6 the page content (#middle) gets pushed below where the left
column content ends. I can't figure out why this is and have pulled out
most of my hair trying to find out.

If I remove the float evertything goes wrong in all browsers!


#left
{
width: 200px;
margin-left: 2px;
padding: 0;
float: left;
background: transparent;
}
#middle
{
background: transparent;
width: 586px;
margin-left: 200px;
margin-right: 18px;
padding: 0;
}


Have I made a silly mistake?

Thanks,
Vince


__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
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
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

[css-d] Safari 2.0, inline !important

[Tim Brown]

Hey, has anyone else had this problem?

Consider the following rule:

h4 {
background-image: url(something.jpg) !important;
background-image: none;
}

When this is declared as part of an external or embedded stylesheet,  
browsers that understand !important show a background image on the  
h4; browsers that don't understand !important (NN4) show a  
transparent area.


However, when the rule above is used inline, like this:

...


... browsers that don't understand !important (NN4) still show a  
transparent area, which they should, and browsers that do understand ! 
important still show a background image on the h4, which they should,  
except Safari (I'm using version 2.0 ... not sure about other  
versions) - which should show an image - shows a transparent area.


Tim

- - - - - - - - - - - - - - -
Tim Brown
Web Designer

Vassar College
Office of College Relations
(845) 437-5997

__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

RE: [css-d] Simple div positioning problem

[Glenn E. Lanier, II]

> -Original Message-
> From: Jon Trelfa
> Sent: Thursday, June 30, 2005 2:38 PM

> On 6/30/05, Glenn E. Lanier, II <[EMAIL PROTECTED]> wrote:
> > I created http://bellsouthpwp.net/S/p/Speedy7/position.html 
> as a way to test,

> I changed your CSS just slightly as such.
> 1.  The "thin" keyword changes your widths relatively, so I changed
> them all to 1px
> 2.  The container is positioned relatively with the inner divs
> positioned absolutely
> 3.  I gave the container div the 80% width with auto margins rather
> than the inner divs

[snip]

> Hope this helps!

Brilliant. As my nephew said, "Works very much good now". Thanks, I tried
relative/absolute, but apparently I didn't have all the pieces in the right
place. Thanks again for the quick response.

--G

__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] Does this require a box model hack?

[Holly Bergevin]

From: Rikard <[EMAIL PROTECTED]>

>http://www.zut.se/rikard/

> It does not display ok in IE6 on WindowsXP. Two of the
>fields (the text to the right of the logo and the white text in the
>orange/red square) are not aligned correctly. They should be
>positioned a bit lower (like Firefox). 

I believe you can solve both problems the same way, as I'm pretty sure that 
they are the same type of problem. FF/Gecko browsers have added a default top 
margin to those paragraph elements, and IE has not, or it is different. Zero 
the top margin of #bransch and #pagaendeprojekt to see FF display like IE.

The solution is to set the margin you want on those elements, then both 
browsers should display similarly. You may have to alter the positioning of 
#pagaendeprojekt to be the same as #projektbild to get those two elements to 
line up again if you just zero the margin. If you set it to a value other than 
zero, you'll probably still need to adjust the positioning of #pagaendeprojekt.

Good luck,

~holly 
 
   
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] Relative Positioning

[Jon Trelfa]

On 6/30/05, Mark Leder <[EMAIL PROTECTED]> wrote:
> Thanks, that worked in Firefox, still shoved to the right on IE6.  I'm
> looking for a hack to solve that one.
> 

I know this will sound silly...but is IE6 in quirks mode?  You have to
be careful about your doctype at the top of the page, or it will
behave similarly to IE5
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] Who is wrong? I would say: Firefox!? < - - Extended - - >

[Kelly Miller]

If you want the honest truth, I'd bet most of your problems come from 
giving the browser both a width and a min-width (and same with height 
and min-height).


IE ignores min-height, and treats height as if it were min-height.  
Firefox, on the other hand, will use height literally.  Try giving most 
browsers min-height and only giving IE height, and see if that gives you 
a better result.


--
http://www.mozilla.org/products/firefox/ - Get Firefox!
http://www.mozilla.org/products/thunderbird/ - Reclaim Your Inbox!

__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] Re: float and disappearing a. p. box

[Holly Bergevin]

From: Simon Douglas <[EMAIL PROTECTED]>

>Thanks for that, I have tried it - see
>www.menziesclc.org.uk/test/index2.html
>There are two (possibly insoluble) problems:

>1. In IE, a stray letter ('W') appears, or rather, is not hidden.

>2. This is less of a problem, but the flow is wrong - can the order
>be changed, so that the title is first?

#1 - IE, it seems moves all the other letters to the left based on your letter 
spacing, *except* the first letter, which it leaves in its original location. 
You'll need to find some other way of moving the text you do not want to 
display. 

You've used text-indent with a negative value, presumably for Opera, but while 
it appears that Gecko browsers will do what you want with the negative letter 
spacing, I don't think they are using that to move the h1 text, as they can 
read the following, more specific selector that resets the letter-spacing to 
normal and instead uses text-indent to move the text. Perhaps you can just 
unhide that selector from IE/Win (remove the > between html and body and put a 
space there instead, or remove that part of the selector altogether)?

#2 Based on information from this page - 
http://www.brunildo.org/test/IE_raf3.html (example 11 and 12)
I moved the h1 element to the beginning of the header DIV and then placed a 
completely useless DIV (with nothing in it) between the h1 and the floated div. 
Bingo, there's your title image. It's an extra element, but sometimes we gotta 
do what we gotta do...

hope that helps,

~holly   
 
   
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

[css-d] Keeping headings visible

[Ian Skinner]

I have this fairly large table that, unless one has their monitor set to above 
average resolutions (such as mine at 1280x1024), one can not see the entire 
table at once.  And since it is long both horizontally and vertically one gets 
the dreaded double scroll bars at lower resolutions.

Is there any reasonably way to keep the column and row headers visible while 
the data cells scroll up, down, left, right and all around?


An interesting side note, this seems to be one of the few instances of IE6 (in 
compliance mode) following the standards better then Firefox.  IE is honoring 
my specified column widths, even though that means some of the heading cells' 
content does not fit.  Firefox stretches those cells.  I would have expected 
the reverse.



--
Ian Skinner
Web Programmer
BloodSource
www.BloodSource.org
Sacramento, CA
 
"C code. C code run. Run code run. Please!"
- Cynthia Dunning

Confidentiality Notice:  This message including any
attachments is for the sole use of the intended
recipient(s) and may contain confidential and privileged
information. Any unauthorized review, use, disclosure or
distribution is prohibited. If you are not the
intended recipient, please contact the sender and
delete any copies of this message. 


__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

[css-d] Keeping headers visible

[Ian Skinner]

I have this fairly large table that, unless one has their monitor set to above 
average resolutions (such as mine at 1280x1024), one can not see the entire 
table at once.  And since it is long both horizontally and vertically one gets 
the dreaded double scroll bars at lower resolutions.

Is there any reasonably way to keep the column and row headers visible while 
the data cells scroll up, down, left, right and all around?


An interesting side note, this seems to be one of the few instances of IE6 (in 
compliance mode) following the standards better then Firefox.  IE is honoring 
my specified column widths, even though that means some of the heading cells' 
content does not fit.  Firefox stretches those cells.  I would have expected 
the reverse.

PSS
I suppose a link would have been useful: 
http://www.bloodsource.org/bugtests/collectionDetailsTable.cfm

--
Ian Skinner
Web Programmer
BloodSource
www.BloodSource.org
Sacramento, CA
 
"C code. C code run. Run code run. Please!"
- Cynthia Dunning

Confidentiality Notice:  This message including any
attachments is for the sole use of the intended
recipient(s) and may contain confidential and privileged
information. Any unauthorized review, use, disclosure or
distribution is prohibited. If you are not the
intended recipient, please contact the sender and
delete any copies of this message. 


__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

RE: [css-d] horizontal border in a liquid layout

[Maren Child]

Mike, it was a combination of your first suggestion and modifications
suggested by Gunlaug that has worked in the end - as you can see from
http://www.biotext.com.au/test0205/testpage.html
By starting the border exactly where I want it on the right, and using the
white div to shift the left side of the div back to the edge of the page and
another one to move the 'buttons' over to where they should be, I avoid the
problems of overlapping and transparency and everything else that was making
it hard to fix on the right.
It's amazing how a tiny thing like that border can eat up the hours!
Thanks,
Maren


__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

[css-d] (IE problem) vertical-align of div in td doesn't work when div has relative height

[sascha sengespeick]

please take a look at this:
http://www.info01.de/sascha/buggy_in_ie.html
it drives me crazy!

if you change the height to a pixel value, it works fine in IE ...

source:

 
http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd";>



		IE does not align properly when using relative height 
	






		this should be at the bottom of the page but it is not when using IE. 
		changing the height to e.g. 50px gets it there ... why is it not working with the relative value?








__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] site check - real estate site

[David Laakso]

[EMAIL PROTECTED] wrote:


Hello All...
Thanks for the gracious help of others I finally got the site where I 
need it to be.
Its filled with filler content of course, but all needed pages are up 
(and look the same).

Let me know what you think.
http://www.rocklinsystems.com/infinity/
Thanks
Adam


Interesting visual, Adam. You might  need to check your page(s) in IE at 
text-text size larger and largest-- some adjustments may be necessary.

Regards,
David Laakso








__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/