Re: [css-d] float and disappearing a. p. box (was: Image replacement broken in IE6/Win)
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 div id=header h1 class=fir.../h1 /* a. p. */ div id=sponsor/div /* float right */ div id=info.../div /* clear: right */ /div 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 div id=header div id=sponsor/div /* float right */ div id=info.../div /* clear: right */ h1 class=fir.../h1 /* a. p. */ /div 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] problem with margin/padding on DIVs
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 hr is butted up against the bottom of the
div class=left. I have tried adding both a margin-bottom and
padding-bottom to the div class=left containing the Associations
and Downloadable Forms but it has not made a difference, the hr
continues to be too close. Also, I have tried adding margins and
padding to the hr 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
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
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 li, 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
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
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] Navigation with lists soacing problem
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 li, 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=5cid=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
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=5cid=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
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;}
!--- HTML ---
cfoutput
div id=clientName
div align=center#SESSION.companyInfo.companyNameAlias# span
class=grey-dkHOME COMPONENTS ADMINISTRATION/span/div
div align=center
div id=horizMenuLayer
div id=Layer1 style=position:absolute; width:400px; height:220px;
top:3px; z-index:10
!-- saved from url=(0013)about:internet --
object classid=clsid:d27cdb6e-ae6d-11cf-96b8-44455354
codebase=http://fpdownload.macromedia.com/pub/shockwave/cabs/flash/swflash.
cab##version=7,0,0,0 width=400 height=220 id=ghostMenu
align=middle
param name=allowScriptAccess value=sameDomain /
param name=movie value=#REQUEST.webroot#/cf-inf/menus/ghostMenu.swf
/
param name=loop value=false /
param name=quality value=high /
param name=wmode value=transparent /
embed src=#REQUEST.webroot#/cf-inf/menus/ghostMenu.swf loop=false
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; /
/object
/div
/div
/div
/div
/cfoutput
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-d] Who is wrong? I would say: Firefox!?
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
html
head
titleTest/title
style type=text/css
#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;}
/style
/head
body
div id=wrapper
div id=wrapperaLEFT/div
div id=wrapperbRIGHT/div
div id=headHEADER/div
/div
/body
/html
__
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
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;}
!--- HTML ---
cfoutput
div id=clientName
div align=center#SESSION.companyInfo.companyNameAlias# span
class=grey-dkHOME COMPONENTS ADMINISTRATION/span/div
div align=center
div id=horizMenuLayer
div id=Layer1 style=position:absolute; width:400px;
height:220px; top:3px; z-index:10
!-- saved from url=(0013)about:internet --
object classid=clsid:d27cdb6e-ae6d-11cf-96b8-44455354
codebase=http://fpdownload.macromedia.com/pub/shockwave/cabs/flash/swflash
.
cab##version=7,0,0,0 width=400 height=220 id=ghostMenu
align=middle
param name=allowScriptAccess value=sameDomain /
param name=movie
value=#REQUEST.webroot#/cf-inf/menus/ghostMenu.swf
/
param name=loop value=false /
param name=quality value=high /
param name=wmode value=transparent /
embed src=#REQUEST.webroot#/cf-inf/menus/ghostMenu.swf loop=false
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; /
/object
/div
/div
/div
/div
/cfoutput
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!?
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/
[css-d] Style applying to one tag only
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:
div!--qsText--a name=Question0/abFirst
Name:*/b/fontblockquoteinput type=text value= name=wsb0
size=40 maxlength=40/blockquotep!--qsText--a
name=Question1/abLast Name:*/b/fontblockquoteinput
type=text value= name=wsb1 size=40
maxlength=40/blockquotep!--qsSingleSelect--a
name=Question2/abJob Title:*/b/fontblockquoteselect
name=wsb2option value= option value=0job oneoption
value=1job two/select/blockquotep!--qsText--a
name=Question3/abEmail Address:*/b/fontblockquoteinput
type=text value= name=wsb3 size=40
maxlength=40/blockquotep!--qsHtmlHeader--a
name=Question4/aa
href=http://www.websurveyor.com/websurveyor-privacypolicy.asp;
target=_blank style=font-size:10px; margin-left:15px;
margin-bottom:0;Your privacy is guaranteed./abrspan
style=font-size:10px; margin-left:15px; margin-top:0px;We will never
give, lease, or sell your personal
information./spanbrbr!--qsText--a
name=Question5/abPhone:/b/fontblockquoteinput type=text
value= name=wsb5 size=40 maxlength=40brspan
style=font-size: 10px;Format: (999)
999-/span/blockquotep/div
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!?
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/
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/
RE: [css-d] Style applying to one tag only
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
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/
Re: [css-d] Div's Vs Classes
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/
[css-d] Three-column layout
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 - -
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=1cid=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/
RE: [css-d] Simple div positioning problem
-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] Relative Positioning
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 - -
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
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 headers visible
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
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
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: ?xml version=1.0 encoding=iso-8859-1? !DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.1//EN http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd; html style=height: 100%; head titleIE does not align properly when using relative height/title /head body style=height: 100%; table style=height:100%; tr td style=height: 100%; vertical-align: bottom; div style=background-color: #999; height: 50%; 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? /div /td /tr /table /body /html __ 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/
