[css-d] Help needed with styling current li in IE
Hi,
I'm using a CSS-only fly-out menu from CSSPlay (with permission) at
client's site
http://spa.awakenwomen.com/de/retreat_centre_welcome.php#maintext
Using the code below I've made it so that the flower (on the Retreat
pages) and bubble (on the Spa pages) stay visible on the right-hand
side menu to show which page you're currently on. This works in
conjunction with the relevant links on the top horizontal menu (again
the flower stays when you're on the retreat pages, the bubble when
you're on the spa pages).
This works in Firefox on both Mac and PC, but in Internet Explorer 6
the background images don't show up on the right-hand side menu. I
can't figure out why IE isn't showing them as it shows the images when
you hover over them (as it's supposed to).
The full CSS is at http://spa.awakenwomen.com/de/css/secondary.css (the
menu stuff is towards the bottom of the page.
If anyone has a clue for me, it would be gratefully received.
Cheers,
Tracy
/* Current Page Formatting */
#wellness_page.well_home .menu ul li#current1,
#wellness_page.well_intro .menu ul li#current2,
#wellness_page.well_aim .menu ul li#current3,
#wellness_page.well_coord .menu ul li#current4,
#wellness_page.well_price .menu ul li#current5,
#wellness_page.well_prog .menu ul li#current6,
#wellness_page.well_spec .menu ul li#current7,
#wellness_page.well_book .menu ul li#current8
{
color: #008080;
font-weight: bold;
background: transparent url(../../en/images/bullet_retreat.gif) 100%
50% no-repeat;
}
#spa_page.spa_home .menu ul li#current1,
#spa_page.spa_ther .menu ul li#current2,
#spa_page.spa_equip .menu ul li#current3,
#spa_page.spa_fees .menu ul li#current4,
#spa_page.spa_open .menu ul li#current5,
#spa_page.spa_staff .menu ul li#current6,
#spa_page.spa_gift .menu ul li#current7,
#spa_page.spa_book .menu ul li#current8
{
color: #008080;
font-weight: bold;
background: transparent url(../../en/images/bullet_spa.gif) 100% 50%
no-repeat;
}
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
[css-d] (no subject)
Hi, Okay, here goes! I want to achieve this layout freelancealot.co.uk/test/Retreat_Wellness_Centre.jpg Which would be easy if I were going for a fixed-width layout, however I want the layout to be full-width (100%), also easy enough, but then I want the left-col and right-col to be liquid and the centre col fixed to the width of the picture and it's border. Am I being too optimistic here... or maybe missing an obvious solution to the layout requirement. From the point of SEO, I'd like the left-col and right-col to appear first, if possible - I'm thinking of the markup looking similar to below: div id=container div id=content div id=left-col text /div -- liquid div id=right-col text /div -- liquid /div div id=centre-col main image /div -- fixed-width (max-width?) div id=footer ... div id=left-footer /div div id=right-footer /div /div /div Any help/pointers much appreciated - I seem to be having a brain freeze on this one. Thanks, Tracy __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
[css-d] 3-col layout but with FIXED width centre col
Sorry... sent it off before I put the subject line in. Sincere apologies, Tracy Begin forwarded message: Hi, Okay, here goes! I want to achieve this layout freelancealot.co.uk/test/Retreat_Wellness_Centre.jpg Which would be easy if I were going for a fixed-width layout, however I want the layout to be full-width (100%), also easy enough, but then I want the left-col and right-col to be liquid and the centre col fixed to the width of the picture and it's border. Am I being too optimistic here... or maybe missing an obvious solution to the layout requirement. From the point of SEO, I'd like the left-col and right-col to appear first, if possible - I'm thinking of the markup looking similar to below: div id=container div id=content div id=left-col text /div -- liquid div id=right-col text /div -- liquid /div div id=centre-col main image /div -- fixed-width (max-width?) div id=footer ... div id=left-footer /div div id=right-footer /div /div /div Any help/pointers much appreciated - I seem to be having a brain freeze on this one. Thanks, Tracy __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
[css-d] 3-col layout but with FIXED width centre col
Hi, Okay, here goes! I want to achieve this layout freelancealot.co.uk/test/Retreat_Wellness_Centre.jpg Which would be easy if I were going for a fixed-width layout, however I want the layout to be full-width (100%), also easy enough, but then I want the left-col and right-col to be liquid and the centre col fixed to the width of the picture and it's border. Am I being too optimistic here... or maybe missing an obvious solution to the layout requirement. From the point of SEO, I'd like the left-col and right-col to appear first, if possible - I'm thinking of the markup looking similar to below: div id=container div id=content div id=left-col text /div -- liquid div id=right-col text /div -- liquid /div div id=centre-col main image /div -- fixed-width (max-width?) div id=footer ... div id=left-footer /div div id=right-footer /div /div /div Any help/pointers much appreciated - I seem to be having a brain freeze on this one. Thanks, Tracy __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] Page Check -
Hi Kevin,
I've checked it in Mac Firefox 1.5. Everything seems to be order, if
you didn't want the horizontal-stripe white background going down to
the footer on the left and right cols.
The image 'Secured Network Solutions' has shifted left about 10px
beyond the left margin of your central column (due, I think to your
padding on the right... maybe). You may need to resize the pic.
In Safari (v. 1.3) you get a horizontal scroll bar appearing and the
text is flowing over the above-mentioned picture into the right column,
then goes back to normal below the picture. This may be because I'm
using an older version of Safari.
the image problems probably come from the float and the right margin:
img.flr {
float: right;
margin: 5px 10px 5px 5px;
}
Don't know if you need a clear fix or display statement for Safari,
hopefully someone more knowledgeable on the list can help with that.
Cheers,
Tracy
On Thursday, March 22, 2007, at 01:02 pm, Kevin J Pledger wrote:
Hi All,
Can I please get a page check on www.oneyed.com/mt/vendors/ideagen
I have checked it with FF2 / IE7, but don't have access to any of the
other
browsers.
If there are glaring mistakes in my CSS, please let me know, because
if this
looks okay across browser land it will become the template for that
site.
Kind Regards,
Kevin J. Pledger
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7 information -- 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] Website Check Please - BIG IE7 Problems
Thanks Philippe, I've included your .clearfix {display:inline-block;}
into the IE 7 only code on the XHMTL pages.
Could some kind soul out there with IE 7 take a look for me to see if
it has done the job - PurpleAlchemy.co.uk
Thanks, and much appreciated, Tracy
PS Can anyone suggest a definitive site to get to grips with the IE 7
changes? Has the introduction of Vista thrown up any issues with CSS?
On Thursday, March 15, 2007, at 06:05 am, Philippe Wittenbergh wrote:
Change
.clearfix {display: inline-table;}
to
.clearfix {display: inline-block;}
and it should work.
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7 information -- 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] Website Check Please - BIG IE7 Problems
On Tuesday, March 13, 2007, at 03:36 am, ~davidLaakso wrote:
Captures: IE6 and IE7.
http://www.browsercam.com/public.aspx?proj_id=331112
Regards,
~dL
Yikes! Where's my content gone in IE7 - thanks for the screen captures
David!
Does anyone have any idea what's going on here? The site is
PurpleAlchemy.co.uk, the CSS is located at
PurpleAlchemy.co.uk/css/layout.css
From David's screenshot it looks like only the header, the footer, and
the first Home link from the menu is showing. All other content has
disappeared!!
CSS for the menu is at css/menu3.css
The only IE7 specific CSS is located in the actual XHMTL head as
follows:
!--[if IE 7]
style type=text/css
.menu li {float:left;}
/style
![endif]--
Would be grateful for any suggestions as I need to fix this asap for
the client, and don't even know where to start looking. :(
Cheers,
Tracy
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7 information -- 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] Website Check Please
Hi, I designed a site just before Christmas, PurpleAlchemy.co.uk, and everything seemed fine - tested on various versions of IE, Firefox, Safari, etc. Code is validated. However, I got an email from the owner over the weekend saying that a few people using IE had problems with the site. I've asked for more details, but in the meantime I wondered if any of you good folks had the time to go and check it on IE for me. The one think I've noticed on our PC is that an alert window comes up asking whether you should run ActiveX. When you say yes, the PNG logo (and the flowers at bottom, also PNGs) show up. When you say no, they don't - could this be something to do with the filter statements used when using PNGs for IE in the CSS? Anyway, that's the only anomaly I've found in IE at my end (using Windows XP). So, if would love to hear if anyone else experiences problems, and the possible solution - if it's not obvious, of course! Could it be to do with Vista, or is that not an issue? Cheers, and thanks for your comments in advance. Tracy __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7 information -- 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] Website Check: Probs with IE... again!
Hi, I've just designed the template page for a new site in Strict XHMTL - validated - and CSS - validated. Looks and works as I want it to in Firefox (Mac/PC) and Safari, but falls down in IE (both Mac and PC) http://www.purplealchemy.co.uk/template.php Main CSS: http://www.purplealchemy.co.uk/css/layout.css Nav CSS: http://www.purplealchemy.co.uk/css/menu.css THE MENU Screenshot of IE Mac 5.2 http://www.purplealchemy.co.uk/MacIE.jpg As you can see the menu/navigation is all out of whack. I used Stylephreak.com's CSS Dom branching menu. It seems to work in Firefox, Safari, and (almost) perfectly in IE 6. Basically, on the Mac the sub menus are showing all the time, not just when you mouseover the parent li. In IE 6, the'Home' (.current1 class) text is not showing up as it should, ie bold white text - it is showing the orange border (which is is set in the class. current1). Also, IE PC is underlining the text as you mouseover it, which it shouldn't be doing. As the menu uses an .htc doc, and I'm not really conversant with them, I'm not sure if there's something I should change in there, or is it a problem with my CSS, which I can't find?! THE COLUMNS The other problem is the left col (#leftcol) is positioning itself under the #maincol in IE (both v6 and the Mac v5.2) - I used CSScreator.com to create a fixed-width (780px) #pagewidth div with #leftcol at 26% and floated left and #maincol at 74% and floated right. The final problem in IE 6, is that the #flowers absolutely positioned div (with z-index:10) is appearing under the teal-coloured band in #footermenu, and should be over the top of it as the single flower #flower div is. Any help gratefully received - I have to launch the site on Monday 13! Yikes. Any comments on how the site looks in other browsers would also be useful, IE 7 for example. I'm hoping I've dealt with transparent PNG problems in IE (although I haven't done all of the gif versions for IE 5 yet). Cheers, Tracy __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7 information -- 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] Problems with IE 6 and floats + Firefox Issues
Hi, I'm getting a problem with a page, which I thought I'd fixed in IE 6, but apparently not! :( The problem is that when the window is resized the main content column on the right drops under the column on the left. I'd thought I'd been having this problem before, and that by putting IE in Quirks mode it wouldn't do it... but I must have that wrong. In Firefox the problem is that I'm getting a horizontal scrollbar no matter how wide I make the window, and I just can't see what's causing this. Another problem in Firefox is that when you make the window narrower and you scroll to the right of the window the header, footer, and main content are cut off on the right, and the bordered box containing the thumbnails is sticking out further right. The blue header and black footer are 100% wide, so they should be going right up to the each side of the browser window. Pages can be found at: http://www.vandevelde.co.uk/WebAlbum/index.html http://www.vandevelde.co.uk/WebAlbum/layout.css http://www.vandevelde.co.uk/WebAlbum/presentation.css Any pointers for the above problems would be appreciated. Cheers, Tracy __ 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] CSS Dropdown Menu 'bleeding' vertical lines
Hi again, Can anyone please help me solve the problem I'm seeing in Firefox - it's got to be something to do with padding, margin, or border. I've was up all last night trying to solve the @!*! thing, but just don't seem to be able to find the root of the problem. Screenshot from Firefox on Mac: http://www.freelancealot.co.uk/test/bleeding.jpg http://www.freelancealot.co.uk/test/layout_2col.html. http://www.freelancealot.co.uk/test/css/menuh.css. The most recent thing I've done to the menu is to make the #menu h2 tags into links as well, which they weren't before and these lines didn't appear - but I need them to be links. I just can't see what the problem is. If you look at the menu closely in Firefox as you move your mouse along the ul ul li (the dropdown links), the left border of the main h2 tag seems to go invisible. The whole menu seems to quiver as you move along horizontally, engaging the dropdown action, and those red vertical lines appear! Hlll... it's driving me potty, Thanks, Tracy __ 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] CSS dropdown menu + Accessibility Issue
On Monday, March 13, 2006, at 04:32 am, Felix Miata wrote: Dropping Verdana and Helvetica from your styles would also be excellent: Hi Felix, That's a shame... I use Verdana a lot. Although I have used Trebuchet MS for the main text in this case, and Arial for the links. Verdana is only used in the h tags, as far as I'm aware. I will go through and check. And the main text is set to .9em (90%) of the Body, which is set at 100.01%. I thought this was acceptable practice - am I mistaken? :( On Monday, March 13, 2006, at 02:23 am, Christian Montoya wrote: you could put a skip to content on-page link that is hidden by the CSS in the stylesheet. Thanks for the pointer, Christian... tis done! Hopefully there won't be any adverse effects! :) On Monday, March 13, 2006, at 11:44 am, Bob Easton wrote: By the way, use the text skip to MAIN content. Without the adjective, some screen readers pronounce content the wrong way, as in contented, satisfied. Thanks Bob, will correct that on the main site template. I'm now having a problem with the dropdown menu bleeding in Firefox. Am sending separate post to list. Thanks to all, Tracy __ 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] CSS dropdown menu + Accessibility Issue
Hi, My latest project includes my first attempt at an all css horizontal dropdown menu (apart from the htc file included for IE users). Although I've only tested on Firefox and IE 6 on PC (as yet) and on Safari, Firefox, and IE 5.2 on Mac, it seems to be working okay... I know, that's asking for trouble! The one problem I do seem to be having is with... yes... Mac IE. Only the top-level links within the h2 tags should show up on IE and older browsers, which is happening. But instead of being horizontal, Mac IE is presenting it vertically, and the lis are spreading 100% within the #header div. Does anyone out there have a solution I could direct to Mac IE (and other older browsers) only that would present it horizontally? I don't want to start mucking it up in Firefox and IE 6, etc. Secondly, I've a bit of an accessibility issue with this menu, and am hoping that it can be solved with clever use of CSS. When you view the page without a stylesheet, the menu is expanded, and viewers will have to scroll quite far down the page to read the text they've come to read. Also, this menu will appear on every page, so as the visitor browses the site, they'll always be having to scroll down to find the main text - which isn't really accessible in my view. The #menu div is placed within the #header div at the moment. Any suggestions would be greatly appreciated. And of course, any other problems, please don't hesitate to let me know... gently now! Cheers, Tracy __ 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] CSS dropdown menu + Accessibility Issue - Link!
Sorry, sorry, sorry... the links are: http://www.freelancealot.co.uk/test/layout_2col.html. CSS is at .../test/css/menuh.css (this is the css that drives the menu) .../test/css/presentation.css .../test/css/layout_2col.css Thanks, Tracy __ 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] li menu: odd behaviour in IE6 + Mac IE word-wrapping issue
Hi, I'm working on a new site at the moment, just getting the framework together before I start on the accessibility (alt tags, access keys, etc...). The site is working fine in Firefox on both PC (XP Pro) and Mac (OS 10.2.8), as well as IE 5.2 (Mac) - almost - and Safari. 1. However, on IE 6.0.26 (on XP Pro) the left-side main menu isn't working as it should at all. It's all spread out vertically, like the padding's gone insane! Also, the link, hover, states aren't working. Does anyone know a reason for this? The pages can be found at www.freelancealot.co.uk/Doveridge/home.shtml The css for the menu can be found in www.freelancealot.co.uk/Doveridge/presentation.css under /* Main Menu */ Layout css: www.freelancealot.co.uk/Doveridge/global_percent.css I've validated both style sheets. Having difficulty validating the .shtml, it keeps validating (or rather, not validating) as XML. 2. In Mac IE 5.2 the wrapping on the paragraph doesn't shift inline under the big photo on the right of the main content, so there is a blank white space under the photo for as long at the text goes. It wraps under the photo correctly in Firefox and Safari. Any ideas? Oh, and one last thing, not important really, but I noticed that the hr / tag on the home.shtml page doesn't show in Firefox or Safari on the Mac - it does show up in IE 5.2. Has anyone come across this before - or I am just doing something stupid? As usual, any pointers appreciated. Cheers, Tracy __ 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] Project Timeline
Hi, Again, I know this is off topic (although I will use CSS to display the timeline...) - but has anyone used a website project timeline for any of their clients? I've been trying to find an example of one on the Net, but just can't find anything relevant. I'm looking for something I can display graphically - but in text too (for accessibility of course!), it will also need to be printable. I'm putting something together myself, but I'm worried I might miss something important off! I'm off to meet a (potential) new client tomorrow afternoon... hate this part of it all... the shmoozing, the quoting... arrgh! but am trying to look professional, with a folder of papers I can hand out - thought a very sketchy timeline/plan might make me look organised! Plus I'll use the actual finished timeline to help quote for future projects. Please contact me off list, so I don't irritate the Admins. Cheers, Tracy __ 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] Assistance Needed
Hi, I know this is off topic, but didn't know where else to go. One of my websites has been hacked by the 'byond crew'. They've changed the index page, the rest of the site it there though. I've contacted my host provider here in the UK, but it's 3:40am here and I don't think there's anyone there. If anyone knows of anything I can do myself, then please contact me off list. Cheers, Tracy __ 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] Assistance Received, thanks.
Thank you to those who were awake at this hour and online to come to my assistance. Sorry to have posted Off Topic, but I was desperate! Cheers, Tracy On Monday, October 31, 2005, at 03:45 am, Tracy Shorrock wrote: Subject: Assistance Needed __ 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] Validation Error -moz-outline
Hi, I'm getting rid of the ugly outline that appears on an image when it's used as a link. It doesn't seem to be set to default, as when I don't set -moz-outline I get the ugly borders when I click the links. Cheers, Tracy On Wednesday, August 24, 2005, at 03:40 am, Peter Williams wrote: Why do you need to declare outline and moz-outline for this image? Especially when you are setting them to none, isn't that the default? __ 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] Validation Error -moz-outline
Hi Philippe,
Will do, thanks.
As Zoe pointed out, it isn't causing a problem in browsers so I'm not
going to worry about it too much...
Cheers, and thanks to all who responded.
Tracy
On Wednesday, August 24, 2005, at 05:55 am, Philippe Wittenbergh wrote:
BTW, you're better off by first specifying the vendor-specific
property, and then the official one; vendor specific stuff could be
processed slightly differently. In Tracy's case, apply it this way:
#footer img { vertical-align: middle; -moz-outline:none; outline:
none;}
As a side note, DeerPark (and the upcoming Firefox 1.5) fully
supports the official 'outline' property. And it supports the CSS3
'outline-offset' property.
Philippe
__
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] Has anyone else stopped getting messages?
Hi, I haven't received any messages since August 15 from the CSS list. Is there a problem at the moment? Cheers, Tracy __ 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] Absolute position problem in Safari? Was: Strange float? problem in IE6
Hi Gunlaug,
Sorry I didn't get back to you sooner. I've implemented your
suggestion, and it seems to have corrected things in IE6. Thank you
for the link, it lead me to a page which helped solve my IE 5.2
problem as well.
And to Gunlaug and CSS List Gurus:
I don't suppose you have any idea why the absolute-positioned photo of
the couple (#couple) is appearing differently in Safari (v1.0.3) than
the other browsers:
http:// www.vandevelde.co.uk/WebAlbum/safari1.tiff
http://www.vandevelde.co.uk/WebAlbum/index.html
http://www.vandevelde.co.uk/WebAlbum/presentation.css
http://www.vandevelde.co.uk/WebAlbum/layout.css
I just can't figure it out! It works in Mac and PC IE and Firefox... ?
:(
Any suggestions would be gratefully received.
Cheers, Tracy
IE 6 on XP SP2...
http://www.vandevelde.co.uk/WebAlbum/webalbum3/album_index.html
On Thursday, July 28, 2005, at 05:27 am, Gunlaug Sørtun wrote:
.innerbox {_height: 0;} /* mind the leading underscore */
...which makes it line up well in my IE6 on win2K-pro.
It's the messy thing we call 'hasLayout' that IE/win seems to need in
this case.
See: http://www.satzansatz.de/cssd/onhavinglayout.html for more on
the subject.
regards, Georg
__
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 Problem in IE Mac... display:inline-block
Spoke too soon...
I've fixed the problem in IE 5.2 where the right floated content
dropped below the left floated content when you resized the window using
* htmlbody div.floatbox {float:none; display:inline-block}
However, I'm now getting this problem (screenshot):
http://www.vandevelde.co.uk/WebAlbum/IEMac.tiff when the window is
smaller than the content. When you make the width of the browser window
wider it moves into the correct place... Help!
I'm determined to get this to work, so any solutions would be
appreciated
Cheers,
Tracy
From: Tracy Shorrock [EMAIL PROTECTED]
Thank you for the link, it lead me to a page which helped solve my
IE 5.2 problem as well.
http:// www.vandevelde.co.uk/WebAlbum/safari1.tiff
http://www.vandevelde.co.uk/WebAlbum/index.html
http://www.vandevelde.co.uk/WebAlbum/presentation.css
http://www.vandevelde.co.uk/WebAlbum/layout.css
__
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/
