Re: [css-d] IE and Firefox respond differently to pixel setting!
Zach Byrd wrote:
I used pixels to set the height on a web project I am
working on. The height in IE does not respond(will not
get any smaller) below a setting of 15px(in CSS), but
in Firefox the setting reflects what height I put in
the CSS. I would appreciate any advice on this matter.
Thanks in advance!
Without any reference code this is a bit of guesswork.
a. Sounds like you have an empty DIV or similar. IE is treating the
contents of this as a paragraph of text, and it's got the default
line-height, margin and whatnot.
b. IE doesn't interpret CSS height correctly, and will stretch the
container to fit this invisible content. Firefox correctly allows the
content to overflow the container, whether or not it is calculating the
same height for the invisible contents.
If this container being sized is empty, you may try putting a spacer gif
or HTML comment in there and see if this allows IE to size it smaller.
e.g.
div class=foo!-- hfdf --/div
.foo {
background:#f63;
height:1px;
}
HTH
Cheers
Ian
--
_
zStudio - Web development and accessibility
http://zStudio.co.uk
Snippetz.net - Online code library
File, manage and re-use your code snippets links
http://snippetz.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] DIV background problem in FireFox
Inventis MailI've got a problem with a background which should fill my #container div nicely. In Internet Explorer it works fine. In Firefox it won't fill... Site: http://www.plusminusitv.be/index.php?page=opzet CSS: http://www.plusminusitv.be/design/css/style.css It would be great if anyone could help me out. Maarten __ 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] Browser Statistics
Bob Easton wrote: If you are trying to make a decision about which browsers to support, the *only* place you should be looking is your own site's logs. Determine what your actual audience uses, not some sample of an unknown audience. I think this is potentially bad advice in that it can be easiy misapplied. I don't disagree with the basic idea you're trying to get across, which is to support what your desired audience uses, but relying on your own server logs as the main method is of determining this is flawed. Imagine that the site in question has some accessibility problems, or uses Flash in unpleasant ways. Looking at the server logs will primarily tell you which configurations are more successful with the current site, not reflect the wider audience that would like to use the site. I have seen server logs used to justify maintaining inaccessible design techniques. Also, many UAs identify themselves as MSIE to get around sniffing techniques. Also, a huge proportion of the site traffic will be search engines and other bots. The server logs can be a really unreliable way to find out what people are using, never mind what people would *like* to use to access your site. As an example of this, some authors may not be aware that assistive technology such as screen readers don't show up in server logs at all. I use this site to get a rough idea of what's going on in the general browser world: http://www.thecounter.com/stats/ Cheers Ian -- _ zStudio - Web development and accessibility http://zStudio.co.uk Snippetz.net - Online code library File, manage and re-use your code snippets links http://snippetz.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/
Re: [css-d] DIV background problem in FireFox
Inventis MailI've got a problem with a background which should fill my #container div nicely. In Internet Explorer it works fine. In Firefox it won't fill... Try: background-image: url(../images/cont_bg.gif); background-repeat:repeat-y; Ian -- No virus found in this outgoing message. Checked by AVG Free Edition. Version: 7.1.375 / Virus Database: 267.14.23/243 - Release Date: 27/01/2006 __ 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] RH column drops down when window is resized
2geedesign wrote:
http://www.debbiejoynes.co.uk/
I have found that if you resize the browser window by slowly dragging
the RH side towards the left the content of the RH column flickers
and at certain positions the RH column content drops down below the
end of the LH column content. This only happens in IE6/win.
That's a quite normal error in IE6, as its ability to calculate
correctly is nonexistent, and its 'tendency to drop things' is well known.
IE6 needs more space to spread its bugs around on, so the simplest
solution is to give it some:
#navbar {margin-left: -3px;}
...will give IE6 3px to mess up - with no ill effects. This works stable
in all browsers, because the margin is pulled in on the backside of a
float. Other values can be used as long as they are large enough but not
too large.
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/
Re: [css-d] DIV background problem in FireFox
Inventis MailI've got a problem with a background which should fill my #container div nicely. In Internet Explorer it works fine. In Firefox it won't fill... Try: background-image: url(../images/cont_bg.gif); background-repeat:repeat-y; Ian Nope, still nothing. __ 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 and Firefox respond differently to pixel setting!
Ian Anderson wrote:
[...]
If this container being sized is empty, you may try putting a spacer gif
or HTML comment in there and see if this allows IE to size it smaller.
e.g.
div class=foo!-- hfdf --/div
.foo {
background:#f63;
height:1px;
}
Without spacer or html-comment also a {font-size: 1px; }can be usefull
(that also forces down the line-height that IE is giving).
francky
__
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 background problem in FireFox
On 30/01/06, Maarten Reynders [EMAIL PROTECTED] wrote: Inventis MailI've got a problem with a background which should fill my #container div nicely. In Internet Explorer it works fine. In Firefox it won't fill... I don't have the time/tools to do a serious investigation right now, but my guess is that it *is* filling the div, but the div isn't as tall as you expect. Are you floating everything inside it? If so, you've hit an IE bug. http://www.complexspiral.com/publications/containing-floats/ -- David Dorward http://dorward.me.ukhttp://blog.dorward.me.uk __ 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 and Firefox respond differently to pixel setting!
francky wrote:
Without spacer or html-comment also a {font-size: 1px; }can be usefull
(that also forces down the line-height that IE is giving).
Indeed, but IE then gives the container contents a height of 2px. Using
a comment, you can get it down to 1px, or even 0px
Cheers
Ian
--
_
zStudio - Web development and accessibility
http://zStudio.co.uk
Snippetz.net - Online code library
File, manage and re-use your code snippets links
http://snippetz.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/
Re: [css-d] DIV background problem in FireFox
Inventis MailI've got a problem with a background which should fill my #container div nicely. In Internet Explorer it works fine. In Firefox it won't fill... Try: background-image: url(../images/cont_bg.gif); background-repeat:repeat-y; Ian Nope, still nothing. On my system the image now repeats on the y axis on both IE and FF, however, there are other issues with the contianer div as it is not centred or lining up with the body background gif. Ian -- No virus found in this outgoing message. Checked by AVG Free Edition. Version: 7.1.375 / Virus Database: 267.14.23/243 - Release Date: 27/01/2006 __ 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 background problem in FireFox
Maarten,
on Monday, January 30, 2006 at 10:55 Maarten Reynders wrote:
Site: http://www.plusminusitv.be/index.php?page=opzet
CSS: http://www.plusminusitv.be/design/css/style.css
You've got to clear the floats before the container div closes, to
force the container to wrap the floats.
Add after xtra02:
div class=clear!-- --/div
.clear {
clear: both;
height: 1px;
font-size: 1px;
line-height: 1px;
margin-bottom: -1px;
}
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] DIV background problem in FireFox
Maarten,
on Monday, January 30, 2006 at 10:55 Maarten Reynders wrote:
Site: http://www.plusminusitv.be/index.php?page=opzet
CSS: http://www.plusminusitv.be/design/css/style.css
You've got to clear the floats before the container div closes, to
force the container to wrap the floats.
Add after xtra02:
div class=clear!-- --/div
.clear {
clear: both;
height: 1px;
font-size: 1px;
line-height: 1px;
margin-bottom: -1px;
}
regards
Martin
Thanks a lot! This fixed the problem. I had to put it in front of my XTRA01
and XTRA02 div though, otherwise my televisions were gone. Thanks to
everyone who contributed in solving my problem!
Maarten
__
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] A big difference between FF 1.5 nd IE 6
Hi, If you care to visit http://www.dte.ua.pt/portulano/index.html you'll notice a big difference between Firefox and IE 6 (for worst). I've been around this all morning, but couldn't fix it. Can someone help me, please ? Any help would be apreciated. Warm Regards, MARG __ 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] Strange Issues Under FF 1.07 and all NN I have tried
First of all, a big hello to everyone. Next thing I apologise if this is a well know bug I'm wasting someone times on. I've had a look round but couldn't see anything obvious and wasn't entirely sure where to look next. I have a menu down the right side of a page which is based on an unordered list that I have then formatted. Each element is set to have a single pixel of padding above for visual reason. Everything works fine on IE, Opera, FF 1.5 but not on FF 1.07 or any version of NN I have tried. The problem is that some of the single pixel padding disappears. It seems to go in a pattern of displaying properly or not as shown below correct bugged correct correct bugged Then repeats this over and over. Now things get even stranger. If I scroll down the page so the menu is not visible then back up most of the padding strangely appears correctly apart from on a couple of items which never appear. Then as soon as I mouse over any of the items which changes the background colour and font colour it reverts back to the original problem. Any ideas? I can post all the code if that helps? Regards Simon __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
[css-d] Background image duplicated when page is scrolled in IE6/win
Hi Webpage link = http://www.2gee.com/business.html CSS link = http://www.2gee.com/stylesheets/main-style.css If you visit this page in IE6/win and scroll the page down to the bottom and then scroll back up you should see that the background image located at the top of the LH column has been duplicated. If someone can advise why this is happening and how to fix it it would be much appreciated. Regards Ian W Geddes __ 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] more than one absolutely positioned background element?
Ok, silly question here perhaps, but considerable poking around hasn't uncovered an answer to date. I have a single background color and two distinct background elements that I would like to position absolutely, one upper right corner no repeat and the other lower left corner no repeat. I can position one of them absolutely, and apply the bgcolor, with no problem. But I'm unable to find a tried and true method to place both, seperately. The predominant bg color would be the same throughout, and both items that would be placed are the same color, for what it's worth. Sure that's clear as mud. Thanks in advance for anyone who can help provide an answer. __ 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] more than one absolutely positioned background element?
Kevin,
on Monday, January 30, 2006 at 16:22 Kevin Newsum wrote:
Ok, silly question here perhaps, but considerable poking around hasn't
uncovered an answer to date. I have a single background color and two
distinct background elements that I would like to position absolutely, one
upper right corner no repeat and the other lower left corner no repeat.
I guess you need something like that:
div id=backg1
div id=backg2
content goes here...
/div
/div
#backg1 {
background: red url(/img/background1.png) no-repeat top right;
}
#backg2 {
background: transparent url(/img/background2.png) no-repeat bottom left;
}
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] Best Practices for Development - Screen Setting
Howdy, I've been reading posts to this list for a couple of weeks now, and given the complexities of getting consistent or reasonable web page display, I'm wondering what screen resolution folks use when developing their sites? Any consensus about what might be considered a best practice in this area? David __ 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] Best Practices for Development - Screen Setting
Howdy, I've been reading posts to this list for a couple of weeks now, and given the complexities of getting consistent or reasonable web page display, I'm wondering what screen resolution folks use when developing their sites? Any consensus about what might be considered a best practice in this area? Depends what you do. Generally your test box should be a different one than the development machine, as it is too easy to overlook issues when you are too close to it. Personally I use a 1024x laptop with an external 1280 monitor. That is OFF-TOPIC though, isn't it? -- Chris Heilmann Blog: http://www.wait-till-i.com Writing: http://icant.co.uk/ Binaries: http://www.onlinetools.org/ __ 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] A big difference between FF 1.5 nd IE 6
MARG wrote: http://www.dte.ua.pt/portulano/index.html you'll notice a big difference between Firefox and IE 6 (for worst). Shorten this _line_ you have created... Editorial br / _ br /br / ...or get rid of it altogether. Such lines are better created with borders on width-controlled elements. IE6 is expanding the '.editorial' container to make that line fit, causing the entire '.block4' to become too wide and drop below '.block3'. Firefox (as all good browsers) OTOH will respect the width set on those elements, thus keeping everything in place. 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] Problem with Width setting in IE Firefox
Hi, I set the width(of the body) for a site I am currently working on to 100% in the CSS. But, for some reason the scroll bar is at the bottom, and I have to scroll to the right slightly to see the whole page. I thought when the width was set to 100%, this was to avoid this type of problem.(Shouldn't it adjust to the users screen without a scroll bar) I would appreciate any feedback! Thank you, Zach Byrd __ Do You Yahoo!? Tired of spam? Yahoo! Mail has the best spam protection around http://mail.yahoo.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] Problem with Width setting in IE Firefox
without a live page to look at, i would guess that you put one of the following on the same element that you made width 100% (in this case body): - right or left margin - right or left padding - right or left border since the box model the w3c decided to go with makes the *content* part of the element 100%, the margin, padding, and border are all added *outside* of the 100%, which creates horizontal scrolling. this page of the wiki has links to pages that give illustrations: http://css-discuss.incutio.com/?page=BoxModel and this one offers some more explanation: http://css-discuss.incutio.com/?page=ElementWidth __ 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] problem with table rows
I have a table that looks like this (shortened for email)-
table class=mapSearch
tr
td class=leftimg
src=images/google-map/house-green-white.png
width=16 height=16 alt= //td
td class=leftinput type=checkbox name=green
value=green //td
td class=leftlabel $100,000/label/td
/tr
tr
td class=leftimg
src=images/google-map/house-blue-white.png
width=16 height=16 alt= //td
td class=leftinput type=checkbox name=blue
value=blue //td
td class=leftlabel$100,000 - $199,999/label/td
/tr
/table
My styles for the table are--
table.mapSearch {
border-collapse: collapse;
margin: 0 auto;
}
table.mapSearch input {
border: 0 none;
}
table.mapSearch tr {
height: 20px;
}
When I view this in IE, the table rows seem to have the correct
height, whereas in FF they seem to have too much height. Can someone
explain to me how to get the height to display in FF like it does in
IE?
http://www.roanokehousehunter.com/
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] problem with table rows
Add margin-top: 0; margin-bottom: 0; to your table.mapSearch input rule __ 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 table rows
When I view this in IE, the table rows seem to have the correct height, whereas in FF they seem to have too much height. Can someone explain to me how to get the height to display in FF like it does in IE? Don't forget that cellspacing is not yet an attribute of CSS. As a rule, I always put cellspacing=0 and cellpadding=0 in my table declarations, and handle actual padding in cells from inside the CSS. Thus: table class=mapSearch cellspacing=0 cellpadding=0 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/
Re: [css-d] 'One True Layout' doing odd things in IE/Win
On 30/01/06, Al Sparber [EMAIL PROTECTED] wrote: There are markup errors on the page. Try fixing those first and perhaps that will fix IE. In any event, it's best to fix those errors. If you're not sure where they are, run the page through the W3 validator: Oops. *blush* This is what happens when you pinch code from older projects and don't check it properly first. Well, that explains the image and javascript errors. The two errors regarding lists are a little more problematic: The data there comes from the database. It's set up so that the lastest article is selected and it's title, image and a text fragment are shown on the front page. It's this text fragment that is causing the problem, and as far as I can see will always cause a problem. Because I'm specifying a set number of characters and saying stop showing the text at this point, and add the dots and a link to the article, there will always be an unfinished list, paragraph, heading, or something. Is there a way around this, or do I just have to wear the error? Is it something that's likely to cause problems further down the page? Oh, and on the subject of the IE problem, I fixed that. Turns out I forgot to include the fix for the Doubled Float-Margin Bug. *more blushing* I feel silly now. Cheers, Seona. __ 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] Display issue with Firefox
Please take a look at this page in both IE and Firefox: http://www.wexom.com/tests/test1.htm Notice that in IE, the blue/pink containers are touching the empty, bounded container above. Also notice that the grey-banded container(s)-which are all nested in a single parent DIV-are positioned 60px lower than the pink box (which is floated to the right). This 60px is the top margin of the grey container DIV. This is how I want the page to display. In Firefox, the top margin of 60px, applied to the grey container DIV mentioned above, is actually being applied to its parent: the DIV containing all the colored boxes. As a result, the grey and pink containers start side-by-side, and the 60px margin is now separating the top, empty, bounded DIV from the bottom DIV. Any idea why this is happening in Firefox? More importantly, any idea how to make Firefox behave as IE is behaving? Thanks, Troy __ 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] Using the CSS Validator
Hi Everyone, I've entered in my css style sheet into the 'CSS ONLY' field at the bottom there at the CSS Validator; No Errors and No Warnings. OK, now I'm confused about how to validate the rest of my pages. I've uploaded the pages to Yahoo Geocities until I get web space paid for. When I enter it into the Validate by URI field (the first option), I get a message I've never seen before. Can someone help? Here's the link of the page I'm trying to validate: http://www.geocities.com/sswd51/index.html Any help is appreciated deeply. Thank You All! Donna __ 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] Using the CSS Validator
* Donna wrote: I've entered in my css style sheet into the 'CSS ONLY' field at the bottom there at the CSS Validator; No Errors and No Warnings. OK, now I'm confused about how to validate the rest of my pages. I've uploaded the pages to Yahoo Geocities until I get web space paid for. When I enter it into the Validate by URI field (the first option), I get a message I've never seen before. Can someone help? Here's the link of the page I'm trying to validate: http://www.geocities.com/sswd51/index.html It seems geocities.com adds some markup to your document where such markup is not allowed. If you look at the source, you'll note that it begins with script language=JavaScript... but the script element is allowed only after the !DOCTYPE (to mention just one problem). Well, the best solution is probably to simply not use geocities.com. -- Björn Höhrmann · mailto:[EMAIL PROTECTED] · http://bjoern.hoehrmann.de Weinh. Str. 22 · Telefon: +49(0)621/4309674 · http://www.bjoernsworld.de 68309 Mannheim · PGP Pub. KeyID: 0xA4357E78 · http://www.websitedev.de/ __ 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] Using the CSS Validator
It's because you have invalid characters on your page. Most likely, you got the content from a Microsoft Word document, instead of a plain text file? And you just copied and pasted it? Microsoft Word (and other formattable writing programs) use different characters for things like and - and other such stuff. So when you actually look at your page through a browser, such characters will show up as question marks - because it doesn't know what to make of them. You have to replace them all this plain text characters. (This is why, in my contract, it states that all content comes to me in a plain text file format. If it comes in any other format, I charge by the hour to fix things like this.) So, you have these weird characters in the sidebar: .. Respected Long Island Counselor/ Educator ? providing counseling efforts.. .. A women of inspiring integrity ? on fire .. There are several more of these. Just go through and you'll find them - but so far, I only see them in the sidebar. ~Shelly __ 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] Using the CSS Validator
I've entered in my css style sheet into the 'CSS ONLY' field at the bottom there at the CSS Validator; No Errors and No Warnings. OK, now I'm confused about how to validate the rest of my pages. I've uploaded the pages to Yahoo Geocities until I get web space paid for. When I enter it into the Validate by URI field (the first option), I get a message I've never seen before. Can someone help? Here's the link of the page I'm trying to validate: http://www.geocities.com/sswd51/index.html Any help is appreciated deeply. Thank You All! Donna Hi Donna, It's normal to get No Referer header found while you're on Geocities. Try copy/paste your code directly to http://validator.w3.org/ for the time being until you find a proper host. Below is what I get for your pages; Result: Passed validation File: upload: //Form Submission Encoding: utf-8 Doctype:XHTML 1.0 Transitional Root Namespace: http://www.w3.org/1999/xhtml It looks like you're on the right path. Regards, Cem Meric Kalkadoon Corporate Solutions __ 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] Display issue with Firefox
Troy, On Jan 30, 2006, at 8:50 PM, Troy Brophy wrote: Please take a look at this page in both IE and Firefox: http://www.wexom.com/tests/test1.htm Notice that in IE, the blue/pink containers are touching the empty, bounded container above. Also notice that the grey-banded container(s)-which are all nested in a single parent DIV-are positioned 60px lower than the pink box (which is floated to the right). You are seeing 'collapsing margins' Check out this wiki article http://css-discuss.incutio.com/?page=CollapsingMargin for details. In your case, the easiest solution is to add a 1px white top border. hth -- 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] Display issue with Firefox
Roger Roelofs wrote:
In your case, the easiest solution is to add a 1px white top border.
Hi Troy and Roelof,
Another solution is replacing the { margin: 60px 0 0 0; } of the
container for the grey stuff by a { padding: 60px 0 0 0; }, I found.
francky
__
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] background image peeking out from behind DIV - rounding error?
Hello list, I have a background image on my body tag that is ostensibly the same width as the DIV that contains the main body of text and sits partially on top of the background image. The problem is that when I resize IE/Win (and Opera 8.5) to right around 850px wide, the DIV becomes i pixel narrower and the background image peeks out along the right edge creating an unsightly line. Smaller and larger viewports cause the line to disappear. The basic page is here: http://66.117.159.181/for_retailers_contact.php and the CSS is here: http://66.117.159.181/pkp_styles.css It doesn't exactly seem to fit the description of a rounding error, but to be honest, I don't have a really good grasp on what that means. Thank you for any help! Don __ 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/
