Re: [css-d] Broken border in IE and Mac browser check
Thanks to everyone who responded. I still have the problem though... :-( I hope someone can help! :-) To remind you: on this page: http://tinyurl.com/9me7n* http://www.eastlondonprintmakers.co.uk/beta/artists.htm the left border of the content div is broken in IE, and when scrolling up and down, further bits of the border disappear. I have a similar border on this page: http://tinyurl.com/cxr4x http://www.eastlondonprintmakers.co.uk/beta/alcock/1.htm but there is no problem with this border in IE. I have checked paddings and margins on the thumbnail divs and it seems fine, no overlapping. It's really puzzling me, I have been on it for days now with no progress. Is it something to do with IE, and therefore, something I can't do anything about, or something to do with my code and I'm not seeing? Thank you all in advance. Christine __ 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] Broken border in IE and Mac browser check
Just (re)joined the group, so apologies if this has been said before, but it looks to me like a manifestation of the peekaboo bug. The broken-upness changes as you scroll... However, I just tried it in IE7 b2 and the same thing is happening - and that bug is meant to have been fixed. Chris On 1/24/06, Christine Cé [EMAIL PROTECTED] wrote: Thanks to everyone who responded. I still have the problem though... :-( I hope someone can help! :-) To remind you: on this page: http://tinyurl.com/9me7n* http://www.eastlondonprintmakers.co.uk/beta/artists.htm the left border of the content div is broken in IE, and when scrolling up and down, further bits of the border disappear. I have a similar border on this page: http://tinyurl.com/cxr4x http://www.eastlondonprintmakers.co.uk/beta/alcock/1.htm but there is no problem with this border in IE. I have checked paddings and margins on the thumbnail divs and it seems fine, no overlapping. It's really puzzling me, I have been on it for days now with no progress. Is it something to do with IE, and therefore, something I can't do anything about, or something to do with my code and I'm not seeing? Thank you all in advance. Christine __ 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] Broken border in IE and Mac browser check
Christine Cé wrote:
To remind you: on this page:
http://tinyurl.com/9me7n*
http://www.eastlondonprintmakers.co.uk/beta/artists.htm
the left border of the content div is broken in IE, and when scrolling up
and down, further bits of the border disappear.
Such instabilities in IE can frequently be cured giving hasLayout to some
containers [1].
In your case I would give it to your #content div, via something like:
* html #content { height: 0 }
or better via conditional comments (once you have determined if this is the
cause of your problem, then you may choose your preferred method to give
layout.)
hth,
Bruno
[1] http://www.satzansatz.de/cssd/onhavinglayout.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] Broken border in IE and Mac browser check
Thanks Chris. Not much I can do about it then if it's an IE bug! But then what I don't understand is why it happens on some pages but not others??? Christine On 1/24/06, Chris Ovenden [EMAIL PROTECTED] wrote: Just (re)joined the group, so apologies if this has been said before, but it looks to me like a manifestation of the peekaboo bug. The broken-upness changes as you scroll... However, I just tried it in IE7 b2 and the same thing is happening - and that bug is meant to have been fixed. __ 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] Broken border in IE and Mac browser check
From: Christine Cé [EMAIL PROTECTED]
http://tinyurl.com/9me7n*
http://www.eastlondonprintmakers.co.uk/beta/artists.htm
the left border of the content div is broken in IE, and when scrolling up
and down, further bits of the border disappear.
adding {position: relative;} to div#content will likely kill it.
~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] Is there a good Safari emulator for WinXP?
Hi there Tony, There's actually a Safari browser test page over at SafariTest: http://snugtech.com/en/safaritest I've sometimes used this meself even though I'm a mac user and only have access to Mac OS 9x type of browsers. James Rankin __ 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] Broken border in IE and Mac browser check
On 1/24/06, Holly Bergevin [EMAIL PROTECTED] wrote:
adding {position: relative;} to div#content will likely kill it.
~holly
Yesss! you were right it has! Thank you thank you thank you :-)
Thanks also to everyone who tried to help.
Christine
__
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] Broken border in IE and Mac browser check
Thanks Bruno, I will investigate.
Christine
On 1/24/06, Bruno Fassino [EMAIL PROTECTED] wrote:
Such instabilities in IE can frequently be cured giving hasLayout to
some
containers [1].
In your case I would give it to your #content div, via something like:
* html #content { height: 0 }
or better via conditional comments (once you have determined if this is
the
cause of your problem, then you may choose your preferred method to give
layout.)
hth,
Bruno
[1] http://www.satzansatz.de/cssd/onhavinglayout.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] Organizing CSS
Of course there's no one-right-way to do this, but here's what I would suggest. Have one master CSS file, say style.css, that every page references. Inside the style.css, put everything that is common across all brandings. You may even want to put the default branding in this file. Then, at the end of the file, put: @include green.css; You have just violated the CSS Specification, and compliant browsers are therefore free to ignore green.css. [1] Included CSS files must come at the beginning of a stylesheet, before any property/value declarations, not at the end. If you import *all* of your styles, as someone else suggested, then this method could work. However, if you have any direct declarations in the stylesheet, the import statement must precede them. 1. http://www.w3.org/TR/CSS21/syndata.html#at-rules Oops, thanks for the correction. In that case, Bill will definitely want to put just imports in style.css, so that the branding style sheet is able to override the default styles. Either that, or struggle to ensure the specificity of rules in the branding style sheet is stronger. I'd definitely prefer the multiple-imports method, though. Jesse __ 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] Broken border in IE and Mac browser check
Chris, on Tuesday, January 24, 2006 at 15:13 Chris Ovenden wrote: However, I just tried it in IE7 b2 and the same thing is happening - and that bug is meant to have been fixed. How could you do this? AFAIK IE7b2 isn't out yet, just beta1 and AFAIR in b1 the peek-a-boo bug is still alive... 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] Having a width and min-width in IE
On 1/18/06, Jonathan Carter [EMAIL PROTECTED] wrote:
I've seen people use the IE min-width hack, but I'm wondering if it's
possible to have a percentage width, and a static min-width:
#Container
{
width: 70%;
min-width: 600px;
}
That way when the user's browser grows the container will grow, but when
the browser shortens, the container will never get any smaller than 600px.
This obviously works in FF, but I'm not sure if that's possible to do in
IE. Any help on this would be greatly appreciated.
have you tried the expression ie property-thing? lol. i don't
even know what to really call it. these two links will give you a
better idea:
http://archivist.incutio.com/viewlist/css-discuss/44263
http://www.svendtofte.com/code/max_width_in_ie/
basically what it does it tells ie to use some javascript inside your
css file. it's not a clean solution, but it works great for me, at
least. i've found i can't get *too* picky when getting ie to behave.
__
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] RH column drops down in IE6/Win
Hi Website link is http://www.debbiejoynes.co.uk/about.html CSS link is http://www.debbiejoynes.co.uk/stylesheets/main-style.css This layout is a 2 column liquid layout using percentage widths (taken from Dan Cederholm's book Bulletproof Web Design) A strange thing is happening on two of my colleagues computers when they open up this page with the browser window in the restore down position. The RH navigation column has dropped down and starts after the main content text finishes. If you then click on the maximise button the navigation column jumps back up into the correct position. If you then press the restore down button the layout remains intact. They are running IE6/Win (V6.0.2900.2180). I can't reproduce this problem on my computer (I'm running IE6/Win - ver6.0.2800.1106). Any reasons as to why this is happening and how to fix it would be much appreciated. Thanks Ian __ 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] Horizontally scrolling pane pain
If you look at the accompanying css file (test.css) you will see that I've got it working by adding: width: 2000px ; to the #picturecontainer div. Clearly as more (or less) pictures are in the pane the width will change, and the width of the picturecontainer div should adjust automatically so that the scrollbar underneath also adjusts itself too. have you found a solution for this by chance? it looked like a really cool idea and i was looking forward to seeing a working example. __ 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 breaking on page
Hello, I could use some perspective. I have the same 3 column pages for my site, but on the top12 page the div id=rightcolumn with the book link breaks to the bottom middle of the page. http://www.thetravelingmarathoner.com/test/top121.html The other pages with the same css work ok.? http://www.thetravelingmarathoner.com/test/index.html Also I can't figure out to get rid of the extra space to the right of the list items in the bottom top 12 links list in the ul id=tablist. Any suggestions or bugs I haven't noticed, very appreciated. -- Thank you, Michelle __ 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 issue with Firefox and IE
Hi all, I'm in need of some help. At http://postureworks.bluelangroup.net/Customers_CaseStudies2.php, you can see I've used a table in the top part of the center column to display content. This table (contained with the #main element) is floated right. The problem is that Firefox displays the table to the right of the #submenu div (also floated in the #main container), while IE displays it below #submenu (which is what I want). When I use the clear: property on #submenu, both browsers clear not only the submenu div, but also the navbar element on the left of the page. Visually, this means the table in the center column starts vertically below the nav bar (not so good). I know this is correct per the CSS2 specs, but it won't work :( I realize I made a mistake designing for IE, then trying to make it work for FF (always go standards-compliant first!). However, at this point I just want to get the page working properly in both browsers so I can publish the site. Any suggestions for (relatively-quick) fixes? Thanks in advance :-) Erik PS The CSS is at http://postureworks.bluelangroup.net/PWStyle_v3.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/
Re: [css-d] Float breaking on page
I could use some perspective. I have the same 3 column pages for my site, but on the top12 page the div id=rightcolumn with the book link breaks to the bottom middle of the page. http://www.thetravelingmarathoner.com/test/top121.html The other pages with the same css work ok.? http://www.thetravelingmarathoner.com/test/index.html Also I can't figure out to get rid of the extra space to the right of the list items in the bottom top 12 links list in the ul id=tablist. Any suggestions or bugs I haven't noticed, very appreciated. i might be completely reading this page wrong, but it doesn't look to me like your right hand column is inside your column wrapper. __ 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] Frames CSS layout
Hi Guys I have been trying to use a frames technique on this site and I cannot get it working! The url is http://www.uzellacourtantiques.co.uk/aaa/ with css embeded. How do I get the content text to scroll please? Many thanks. -- Rich http://www.cregy.co.uk Embracing what God does for you is the best thing you can do for him. Romans 12 v 1 __ 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 align=center
Also how do I align content center with div tags. I am trying not to
use any tables. All I want is my navBar to align center on the page.
It doesn't work with text-align or
margin-left:auto;margin-right:auto; or align=center in the div
tag. I can center using a table but I don't wnat to use any tables.
There's also (in addition to the many fine examples already cited) a nifty
way to do this with percentages that amazingly, I haven't seen in any
response thus far:
div.parent {width: 100%; text-align: center;}
div.child {width: 80%;}
div class=parent
div class=child
content
/div
/div
This will set the initial div at full window width, and the child will be
centered and take up 80% of the page. Or even a pixel/em dimmension instead
of the 80%. It's a bit of a hack, but works beautifully.
Paul Kahl
Web Developer
An object at rest cannot be stopped!
__
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 font size problems
Hi, I'm getting reports that some installations of IE are rendering the font size in the title of this site, much, much larger than it is supposed to (pushing itself down over the menu). Yet all my testing, including browsercam, show me no problem. The site is at: http://205.150.110.77 I'm sizing via em, and setting body size to 100% (html body 16px for gecko). Can anyone replicate this issue - and are there any obvious candidate explanations? Thanks! __ 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] IE font size problems
Andrew wrote: I'm getting reports that some installations of IE are rendering the font size in the title of this site, much, much larger than it is supposed to (pushing itself down over the menu). Yet all my testing, including browsercam, show me no problem. The site is at: http://205.150.110.77 Can anyone replicate this issue - and are there any obvious candidate explanations? I had problems when resizing the font *smaller* therefore decreasing the height of the title band. The logo appears to have a fixed height and so creeps over the band as it doesn't shrink along with the rest of the text. Emma __ 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] Broken border in IE and Mac browser check
-BEGIN PGP SIGNED MESSAGE- Hash: SHA1 Regarding the following: How could you do this? AFAIK IE7b2 isn't out yet... I beg to differ http://www.newsvine.com/_news/2006/01/23/67996-windows-ie7-beta-leaked-14-new-screenshots -BEGIN PGP SIGNATURE- Version: GnuPG v1.4.2 (MingW32) iD8DBQFD1mcrkDmgcj4PLdsRAvo8AJ9cRkAN9teo2BcVwsKAqR8ugL7uYwCeL6Kw z/plUdSl0gjKcNv+QivYyrE= =W4XP -END PGP SIGNATURE- __ 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] Frames CSS layout
Hi Rich, If you give your #content a height: foo, that should do it. You'll have to play with the actual height to get the effect you want. For instance, in FF on my xp2 I declared a height of 325px and it filled the space you allotted, but this will vary wildly. HTH, Bill -Original Message- From: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] On Behalf Of Richard Brown Sent: Tuesday, January 24, 2006 8:44 AM To: CSS List Subject: [css-d] Frames CSS layout Hi Guys I have been trying to use a frames technique on this site and I cannot get it working! The url is http://www.uzellacourtantiques.co.uk/aaa/ with css embeded. How do I get the content text to scroll please? Many thanks. -- Rich http://www.cregy.co.uk Embracing what God does for you is the best thing you can do for him. Romans 12 v 1 __ 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] Float issue with Firefox and IE
On 1/24/06, Erik Domingo [EMAIL PROTECTED] wrote: Hi all, I'm in need of some help. At http://postureworks.bluelangroup.net/Customers_CaseStudies2.php, you can see I've used a table in the top part of the center column to display content. This table (contained with the #main element) is floated right. The problem is that Firefox displays the table to the right of the #submenu div (also floated in the #main container), while IE displays it below #submenu (which is what I want). When I use the clear: property on #submenu, both browsers clear not only the submenu div, but also the navbar element on the left of the page. Visually, this means the table in the center column starts vertically below the nav bar (not so good). I know this is correct per the CSS2 specs, but it won't work :( Erik, When I edit the CSS via the web developer extension for Firefox and add clear:left; to #submenu, I'm not seeing the left nav clear as you describe. -- Bryce Fields www.royalrodent.com Do or do not! There is no try! -- Yoda __ 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 issue with Firefox and IE
My apologies - I had left the CSS changed from one of my earlier attempts to fix this. I've changed it back so that there is a reference to #main table element. When that element is cleared:left, you can see the left nav cleared in FF. On 1/24/06, Bryce Fields [EMAIL PROTECTED] wrote: On 1/24/06, Erik Domingo [EMAIL PROTECTED] wrote: Hi all, I'm in need of some help. At http://postureworks.bluelangroup.net/Customers_CaseStudies2.php, you can see I've used a table in the top part of the center column to display content. This table (contained with the #main element) is floated right. The problem is that Firefox displays the table to the right of the #submenu div (also floated in the #main container), while IE displays it below #submenu (which is what I want). When I use the clear: property on #submenu, both browsers clear not only the submenu div, but also the navbar element on the left of the page. Visually, this means the table in the center column starts vertically below the nav bar (not so good). I know this is correct per the CSS2 specs, but it won't work :( Erik, When I edit the CSS via the web developer extension for Firefox and add clear:left; to #submenu, I'm not seeing the left nav clear as you describe. -- Bryce Fields www.royalrodent.com Do or do not! There is no try! -- Yoda __ 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] Broken border in IE and Mac browser check
Regarding the following: How could you do this? AFAIK IE7b2 isn't out yet... I beg to differ http://www.newsvine.com/_news/2006/01/23/67996-windows-ie7-beta-leaked-14-new-screenshots Forwarding a link to an invitation-only site isn't actually that helpful... unless you were inviting us all? ;-) __ 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] IE font size problems
Andrew wrote: I'm getting reports that some installations of IE are rendering the font size in the title of this site, much, much larger than it is supposed to (pushing itself down over the menu). Yet all my testing, including browsercam, show me no problem. http://205.150.110.77 Try the accessibility option in IE/win - 'ignore font-sizes' - as described here: http://www.gunlaug.no/contents/wd_1_03_02.html#item3 ...which will give you the over sized h1 which is overlapping the menu - as reported. All IE/win versions/installations have that option. 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] float problem in IE v. FF
As usual, my code works perfectly in FF but breaks in IE. I know that's a shocker to you-all. Can someone point out what I need to do to fix this? I have the following code--- div id=header div style=float: left; img src=images/headers/winter_header.gif width=560 height=150 alt=Roanoke Virginia Real Estate Listings //div div style=background-color: #009ACF; height: 101px; width: 100%;/div /div In FF the second div is moving up beside the first div as it should. In IE it isn't. See here-- http://www.roanokehousehunter.com/ Help!! marty __ 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 hold a vertical browser space ?
On 1/20/06, Reynier Perez Mira [EMAIL PROTECTED] wrote: Hi list: In a web page I'm programming I have a table and I need that this table hold the vertical space in a browser. This is my CSS: [long code cut out] the code works just fine for me in both ff1.5 and ie6, though i didn't experiment with doctypes, which could be your problem. perhaps i'm not understanding your problem? the table fills the entire vertical space of both browsers, even when i resize and maximize them. if you're still having problems, a live site showing a page with the problem you're describing helps immensely. __ 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] how to vertically align text?
I have a UL defined like so:
ul.feeds {
list-style-image:
url(../Images/NewBlack01/feed-icon-16x16.jpg);
list-style-position: outside;
}
ul.feeds li {
margin: 0 0 10px 25px;
}
The text inside the LI appears lower slightly lower
(almost subscripted) to the custom image. We usd to
fix such things with vertical-align: middle; before
CSS. How is this corrected now?
Francesco
__
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] Floats Not Behaving in IE
Page: http://www.springfieldmogov.org/egov/planning_development/planTest2.html CSS with the float rules in question: http://www.springfieldmogov.org/css/plan.css Additional CSS Page: http://www.springfieldmogov.org/css/pw_oper.css Problem: Three floated divs at page bottom should be side by side, which they are in Firefox on Mac and Safari on Mac. But IE on PC puts the 3rd one onto a second line. i'm looking at ie6 and i see all 3 columns behaving nicely from resolutions 800x600 to 1600x1200. did you get this problem fixed? note that on both ff and ie at 800x600 i had horizontal scrolling due to the header, menu, and footer line i think. at least those parts were the ones sticking out when i scrolled. i didn't investigate because i don't know if the page is still under development or just branched off for float drop problem. __ 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] bugs on foxymcloud.com in firefox
The following site: http://www.foxymcloud.com is buggy in Firefox 1.07. I don't see these problems in Firefox 1.5. The first problem is on initial page load the page is extremely long... lots of empty space after the footer. Fixes itself on window resize. The second problem is the corners in the footer don't show up. I think this also happens in IE but I'm not sure. Any help is appreciated, thanks in advance. -- -- Christian Montoya christianmontoya.com ... rdpdesign.com ... cssliquid.com __ 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 breaking on page
On 1/24/06, cj [EMAIL PROTECTED] wrote: I could use some perspective. I have the same 3 column pages for my site, but on the top12 page the div id=rightcolumn with the book link breaks to the bottom middle of the page. http://www.thetravelingmarathoner.com/test/top121.html The other pages with the same css work ok.? http://www.thetravelingmarathoner.com/test/index.html Also I can't figure out to get rid of the extra space to the right of the list items in the bottom top 12 links list in the ul id=tablist. Any suggestions or bugs I haven't noticed, very appreciated. i might be completely reading this page wrong, but it doesn't look to me like your right hand column is inside your column wrapper. That doesn't seem to be the issue. i think it has something to do with the ul id=tablist links, it work without them, but i can;t figure out why it breaks the layout?! thanks Michelle __ 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 vertically align text?
On Jan 24, 2006, at 3:30 PM, Francesco wrote: The text inside the LI appears lower slightly lower (almost subscripted) to the custom image. We usd to fix such things with vertical-align: middle; before CSS. How is this corrected now? Francesco, This is often a headache for me, too. I'd play around with the padding, height, line-height, and vertical-align of the list items. However, I usually resort to adding a few rows of transparent pixels to the top of my bullet images. -- Matthew Levine (http://www.infocraft.com/) __ 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] Is redefining a property within CSS appropriate?
The CSS Validator had this to say about the following bit of CSS:
Property redefined. The shorthand property 'border' already defines
'border-top.'
CSS involved:
#sidebar{
font: 80% Arial, Helvetica, sans-serif;
float:right;
width: 20%;
border: 1px solid #036;
border-top: none;
padding-right: 10px;
}
But the above is exactly what I intended. Rather than put
border-right: 1px solid #036;
border-bottom: 1px solid #036;
border-left: 1px solid #036;
I thought it would make more sense to define all the borders then set
the border-top to none.
Now it works -- but my question are -- Is redefining as I have done
above valid CSS? And is it -appropriate- CSS?
I want this CSS to be clean as it can get.
My Thanks in advance.
Lynda Peach
__
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] Is redefining a property within CSS appropriate?
On Jan 24, 2006, at 4:27 PM, Peach Lynda L CTR USAF 96 CG/SCTA wrote: I thought it would make more sense to define all the borders then set the border-top to none. Now it works -- but my question are -- Is redefining as I have done above valid CSS? And is it -appropriate- CSS? Lynda, I agree -- I think it does make more sense to define it your way. What you've done is certainly *valid*. The validator just issues a *warning* to let you know that you might have unintentionally overridden a property. No worries though: I think it's completely appropriate. -- Matthew Levine (http://www.infocraft.com/) __ 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] Is redefining a property within CSS appropriate?
Is redefining as I have done above valid CSS? Yes. And is it -appropriate- CSS? Yes. -- Jan Brasna :: www.alphanumeric.cz | www.janbrasna.com | www.wdnews.net __ 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] weird rendering problem in IE 6
Hi all. I'm trying to create the layout for a new site. I'm using the
wonderful Ruthsarian layouts (http://webhost.bridgew.edu/etribou/layouts/).
So far, I'm only really trying to change one thing. I'm trying to add a
separate background color in the center column on my test layout site which
can be seen at http://willwyatt.com/test/index.html
I've added a div id=will.../div around the first 'post' on this page,
the one that says 'Minty Fresh Flavor!'. In the stylesheet I've added
#will {
background-color: #333;c
}
For some reason, in IE 6 (and possibly other versions of IE, but 6 is the
only version I have to test) the background color only shows up when you
trigger one of the hovers on the page. LIke one of the links on the side or
one of the links in center column. The page works fine in FF. I'm obviously
stumped and appreciate any insights anyone else has. Thanks.
--
Proud member of the KEXP cubicle army.
http://www.cubiclearmy.com
__
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] weird rendering problem in IE 6
i don't know a fix, but i can add more details from when i looked at the page (ie6, winxp). after a first page view of this page, a hover from me over any part of the #will div brought the bg color up. after a refresh, i had to hover over a *link* to get any bg to show up, and then it only showed up on that one line that the link was on. __ 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] Frames CSS layout
Richard,
On Jan 24, 2006, at 11:44 AM, Richard Brown wrote:
I have been trying to use a frames technique on this site and I cannot
get it working!
The url is http://www.uzellacourtantiques.co.uk/aaa/ with css
embeded.
I'm not sure ie/win is up to this, but with a good browser you can do
something like this.
#content {
position: absolute;
left: 26%;
right: 0;
top: 9.65em;
bottom: 6.2em;
overflow: auto;
}
Hope that gets the creative juices flowing...
--
Roger Roelofs
Remember, if you’re headed in the wrong direction,
God allows U-turns!
~Allison Gappa Bottke
__
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] weird rendering problem in IE 6
From: Will Wyatt [EMAIL PROTECTED]
http://willwyatt.com/test/index.html
#will {
background-color: #333;c
}
For some reason, in IE 6 the background color only shows up when you
trigger one of the hovers on the page.
Add the following to your HTML page just before the close of the head element.
!--[if IE]
style type=text/css
.inside {height: 1%;}
/style
![endif]--
IE needs layout [1] on .inside to prevent the problem.
~holly
[1] http://www.satzansatz.de/cssd/onhavinglayout.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/
[css-d] Default font size frustration in IE 6
Hi folks, I've been teaching myself CSS - most recently via Dan Cederholm's book Bulletproof Web Design - and I'm having a strange problem with font sizing in IE6. My test page (http://temporarius.massey.ac.nz/test6.asp) looks fine when I view it through FF, NS, Opera and IE6 on my development machine (XP, IIS 5.1) - the font size at the default settings for all the browsers is, for me, correct (how do I explain what correct looks like?!!) However, when I shifted the test page onto my server, the fonts look one size too big in IE6 at its default text size of medium, while they continue to look correct in FF, NN, Opera and IE6. I've even resorted to downloading Cederholm's CSS from his own site (www.simplebits.com) which looks fine in my IE6 browser at the default (medium) font size view, but when I load those CSS files onto my server, the font size looks one size too big again (and FF, NS, and Opera continue to show the right size). (And when I download the files onto my development machine, IE6 displays the font size correctly. What am I missing here - what basic mistake am I making? Thanks, Bruce __ 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 vertically align text?
On Jan 24, 2006, at 2:12 PM, Matthew Levine wrote:
On Jan 24, 2006, at 3:30 PM, Francesco wrote:
The text inside the LI appears lower slightly lower
(almost subscripted) to the custom image. We usd to
fix such things with vertical-align: middle; before
CSS. How is this corrected now?
Francesco,
This is often a headache for me, too. I'd play around with the
padding, height, line-height, and vertical-align of the list items.
However, I usually resort to adding a few rows of transparent pixels
to the top of my bullet images.
Or, you could play around with background positioning.
Example code:
/* For list items: */
ul.giveBull {
font: normal 1em Verdana, Arial, Helvetica, sans-serif;
list-style: none;
}
ul.giveBull li {
padding: 0 0 5px 10px;
background: url(bullet.gif) no-repeat 0 .5em; /* Try
percentages or
pixels or whatever you want. Just make sure units are the same. */
}
/* End list item definitions */
Hth,
Micky
__
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] Page layout in a container
I am trying to design a page that has a set container that adjusts when
you change the size of the page. I am using float, and I am having a
problem where the background does not show up when you use a table.
In my
case, for a form. Can someone explai to me why the background is not
white
as I have set in the container? Why is it that if I change float to
relative for the form does the background then work? Below is the
code. I
have replaced where I have images with colors so that you can see the
layout.
Thanks,
Mike
!DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 Strict//EN
http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd;
html xmlns=http://www.w3.org/1999/xhtml;
head
title/title
style type=text/css
body
{
font-family: Lucida Grande, Tahoma,
Verdana, Arial, Helvetica,
sans-serif;
color: #555753;
background: #505050;
margin-top: 0px;
}
#container
{
width: 800px;
background: white;
margin: 0 auto;
text-align: left;
}
#topbar
{
width: 800px;
height: 90px;
float: left;
background: blue;
}
#menu_blank
{
width: 100px;
height: 25px;
float: left;
background: orange;
}
#home_menu
{
width: 100px;
height: 25px;
float: left;
background: yellow;
}
#mystory_menu
{
width: 100px;
height: 25px;
float: left;
background: red;
}
#photoalbum_menu
{
width: 100px;
height: 25px;
float: left;
background: green;
}
#journal_menu
{
width: 100px;
height: 25px;
float: left;
background: cyan;
}
#table_placement
{
float: left;
}
.input-box
{
background: #F1F1F1;
border: black solid 1px
}
/style
/head
body
div id=container
div id=topbar
/div
div id=home_menu
/div
div id=mystory_menu
/div
div id=photoalbum_menu
/div
div id=journal_menu
/div
div id=menu_blank
/div
div id=menu_blank
/div
div id=menu_blank
/div
div id=menu_blank
/div
div id=table_placement
table
form id=journalEntry action=journalentry.php
method=post
name=journalEntry
tr
td
table
tr
tdh2Enter
Journal Information/h2/td
/tr
/table
table
tr
td
valign=toplabel for=titleTitle:/label
tdinput
type=text name=title size=80 class=input-box //td
/tr
tr
td
valign=toplabel for=entryEntry:/label/td
tdtextarea
name=entry rows=20
cols=80class=input-box/textarea/td
/tr
tr
td/td
td align=rightinput
type=submit name=submit value=Submit
Entry //td
/tr
/table
/td
/tr
/form
/table
/div
/div
/body
/html
__
css-discuss [EMAIL PROTECTED]
Re: [css-d] Page layout in a container
Mike, On Jan 24, 2006, at 8:41 PM, Mike Tuller wrote: I am trying to design a page that has a set container that adjusts when you change the size of the page. I am using float, and I am having a problem where the background does not show up when you use a table. In my case, for a form. Can someone explai to me why the background is not white as I have set in the container? Why is it that if I change float to relative for the form does the background then work? A url is much better than pasted in code. In your case, I'm betting that everything in #container is floated. When this is the case, #container no longer has any content, so it collapses to a hieght of 0, ergo, no background-color. Either float the container or unfloat some of the contents. -- Roger Roelofs Remember, if you’re headed in the wrong direction, God allows U-turns! ~Allison Gappa Bottke __ 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] Default font size frustration in IE 6
Bruce MacKay wrote:
http://temporarius.massey.ac.nz/test6.asp
However, when I shifted the test page onto my server, the fonts look
one size too big in IE6 at its default text size of medium, while
they continue to look correct in FF, NN, Opera and IE6.
What am I missing here - what basic mistake am I making?
This:
!--include file=myPWS.inc--
...on top in your source code makes IE6 go into quirks mode (as IE5).
However, IE6 isn't tricked by this:
body {
font-size: x-small; /* IE5 Win */
voice-family: \}\;
voice-family: inherit;
font-size: small;
}
...so IE6 will see 'small' and render it one size larger just like IE5
would - if it could see it.
That's a complicated way to say that...
1: you should clean up your source code and decide whether or not you
want to run IE6 in quirks mode, as anything above the DTD will make IE6
forget all about standard mode.
2: the 'voice-family' and the 'be nice to Opera' hacks should be
avoided, and a more bulletproof solution that doesn't use keywords
should be used instead. Percentages are better for font-size on body,
and even IE6 understands them.
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] Tabs, Border and IE Windows
I'm trying to setup a horizontal tabbed layout that marks the tab that corresponds to the currently displayed page. The tabs look as they should in FF (win/mac) and Safari, but IE isn't recognizing that I am telling it to make the bottom border on the active tab white. I can see that the problem has to do with IE not lining up the bottom border the same the other browsers, but I don't know how to solve this. This is the page with the CSS included in it: http://yazminmedia.com/playground/tabs.htm Any suggestions? Thanks, -- Yazmin Wickham Contractor - Internet Development http://www.yazmin.net __ 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 FF
hi, I am a newbie. My css works in IE, but not FF. I tried using floats. Please help thanks http://www.badcreditdeleter.com I validated the XHTML and CSS and it still does not work in Mozilla thanks again www.sharpindividuals.net __ 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] transparent background issue with IE
Using FF 1.5 NS 8 the div tag id outer I've set the background-color to transparent it renders as I wanted, but in IE 6 shows the background black (look under the FAQ button - My client insist on using the graphic button menu). It seemed the black is coming from the color selector in the body tag; if I change the body color to red it shows red, but if I change it to transparent it shows black. I'm not sure what to do. Here is html: http://www.aftershockweb.net/bd/asian-herbs/test/ Here is the style sheet: http://www.aftershockweb.net/bd/asian-herbs/test/assets/styles.css Thank you, Aftershock Web Design, Inc. by: Stan Winchester President/Developer http://www.aftershockweb.com/ __ 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 problem - Opera and Safari
Hello all, I am having problems with one element that I can't get to left align in Opera 8.5 (Win2K) and Safari 1.2+ The page is here: http://66.117.159.181/products_portfolios.php The CSS is here: http://66.117.159.181/pkp_styles.css The element in question is the title graphic (Portfolios of Notes) which should be left aligned with the list of products below (as it is in FF (Win and Mac) and IE). I have text-align: center on the body to get IE to center the page, but text-align: left on the #wrap div to get IE to left-justify the contents. I'd sure appreciate some help with this. I'm stumped! Thanks! Don Hinshaw __ 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 problem - follow-up comment
Hi list,
Regarding my previous post: I just found that if I floated the title
image to the left #main img { float: left} and followed it with a
clearing div the problem resolves itself.
However, (a) it seems like a rather inelegant solution, and (b) I don't
exactly understand why it works...or rather why it wasn't working w/o
that fix in Opera and Safari.
Thanks again,
Don Hinshaw
__
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] Liquid Box
I am trying to make a liquid box with four image corners and repeating images for the four sides. FF is being more cooperative then IE of course but both are confusing me. If possible could I have a explanation along with the fix. I have added a border to the parent div tag for the floating box for clarity. My style sheet is an available link on the page. http://www.fistsagainsthunger.com/ExpoFAH06.aspx Thanks in advance! Quetion 1) FF won't center even though my top div tag id=backGrnd contains a propert text-align:center but that does center it in IE. How do I center without using tables or should I just use a table. Is one so bad? Question 2) FF is putting an xtra side image after my right corner. Question 3) Why do I have to add four extta pixels to my middle-top div tag class specifically for IE to bring my top side in line with the corners? Question 4) Why is my left corner image in the position that it is in IE? I have to add like a -240px margin to get it to move right. Question 5) Why is my right corner in the position that it is in IE? Thanks Again Brian __ 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/
