[css-d] Safari Layout Problems
I'm having problems aligning a form search box in the header of this page: http://www.toolcrib.com/index.aspx The box looks fine in Firefox and IE, but not in Safari. Am I ignoring a common Safari bug with alignment? I'm using NiftyCorners to simulate the Javascript Corners, which is why it looks weird. Alex Foley __ 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] Combine Stylesheets Dynamically?
The problem is my main page is the heaviest of the pages...it carries a large Flash graphic (although that would soon go away...). One thing I've decided on is that the user downloading a separate stylesheet for each page is no good... I have always maintained individual CSS files to avoid the one large file...possibly assembling this dynamically at the start would solve this problem. Are there any negatives to a client downloading a 10-12K stylesheet right away? Perhaps the answer is to give them the minimum on the main page, but on any other page serve them the full CSS... Alex Mike Dougherty wrote: > If your main page is lighter on images than the other pages, you might > consider putting all of your styles into a single document (the sizes > you're talking about are pretty small) - then you pay the download > cost initially, but every other page on the site has the styles > already cached. > > The reason to split the CSS files into a static/sitewide and > dynamic/perpage is not about reducing the overhead to the client as > much as the overhead to the developer. The extra 2-3 packets of data > on the internet pales in consideration with the time spent scrolling > through a monolithic stylesheet during development/maintenance. > > that's just my $0.02 __ 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] Combine Stylesheets Dynamically?
Here's the question... I've got one static stylesheet that should be the same for every page of my site, but then I have specific stylesheets that only apply to specific sections or subsections. My solution now is to have a single dynamic stylesheet that assembles these on the fly, but I think this means that the browsers have to download a new copy of the stylesheet for every page they visit, because I construct it like this: webcommon/styles/screen.css?tab=company&subtab=about So here's my question. Is it more valuable to have two HTTP requests, one for the static page, and a second for the dynamically generated CSS? Or keep it as one request? The combined file is always between 6-7 KB, and the master stylesheet is about 5.5KB. Should I make two stylesheet calls on every page so that the browser caches the stylesheet, like this: webcommon/styles/screen.css webcommon/styles/dynamic.css?tab=company&subtab=about or should I keep combining them? Basically, the idea is to minimize HTTP requests, because there are many images, etc., on these pages. Caching styles may be a huge draw too. Someone who knows more about this please let me know. Thanks, Alex Foley __ 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 mouseover to look like buttons
Many times when you add a border onmouseover, it's adding something that wasn't there before. Give the item a margin of the border width, then take the margin away and replace it with a border on mouseover. Alex Foley Portman wrote: > Hi all, > > I am changing a JavaScript menu to CSS for the mouseover and wanted to > make it look like it was still a button that depresses on mouseover. I > tried fiddling with adding a border on mouseover (the same color as the > background) but it moves all the links, not just the one I am hovering > over. Any ideas/help would be much appreciated. > > Thanks, > Riva > http://www.starqualitydesigns.com/BestHealth/newmenuindex.htm > __ > css-discuss [EMAIL PROTECTED] > http://www.css-discuss.org/mailman/listinfo/css-d > IE7b2 testing hub -- http://css-discuss.incutio.com/?page=IE7 > List wiki/FAQ -- http://css-discuss.incutio.com/ > Supported by evolt.org -- http://www.evolt.org/help_support_evolt/ > __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7b2 testing hub -- http://css-discuss.incutio.com/?page=IE7 List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] easy question about centering my design on the page in css
You could add a containing element around all of the s, say And then set the left and right margins to auto: div#container { margin: 0 auto; } Alex Foley juliann wheeler wrote: > You can view my design at: > > http://www.agentevaluator.com/juliann/brown/indexbrown.html > > How do I get this to center on the page? > > thanks! > > > __ > css-discuss [EMAIL PROTECTED] > http://www.css-discuss.org/mailman/listinfo/css-d > IE7b2 testing hub -- http://css-discuss.incutio.com/?page=IE7 > List wiki/FAQ -- http://css-discuss.incutio.com/ > Supported by evolt.org -- http://www.evolt.org/help_support_evolt/ > __ 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 Formatting
I'd sure like a confirmation from someone that overflow: auto is the way to go... I've been clearfix-ing up until about 12:03 pm today. Alex Foley Robert O'Rourke wrote: > Tom Livingston wrote: > >> Hold on. >> >> Adding overflow:auto; on a container will clear any and all floats >> inside said container all by itself!?!? Cross-browser??!! And PIE's >> Easy Clearing is 'so last year' too?!? Where have I been??? >> > same place as me i guess! > I thought overflow wasn't a good cross-browser solution either.. ah > well, everyday's a school day. > __ 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/