are not scaling.
There is no width specified on the images and the CSS has a max-width:
100%. Not quite sure why they are blowing out my layout. I'm certain it is
images, because on pages without images the content reflows just fine.
Any thoughts?
Rob Emenecker @ Hairy
Many errors, of which two may be significant :
Shoot! Thanks Philip. I thought that the code was already validated. Grrr.
Will go through and clean it up and THEN see if I still have issues.
embarrassed red face
Rob Emenecker @ Hairy Dog Digital
Okay. Errors resolved. Still the same issues with the display on some mobile
devices. :-S
http://hairydogdigital.com
Rob Emenecker @ Hairy Dog Digital
www.hairydogdigital.com
Please note: Return e-mail messages are only accepted from discussion groups
You mentioned that your site isn't being responsive with just the
images.
Clarification - it is responsive to the DEVICE width. NOT the viewport
width.
Rob Emenecker @ Hairy Dog Digital
www.hairydogdigital.com
Please note: Return e-mail messages are only
.
Rob Emenecker @ Hairy Dog Digital
www.hairydogdigital.com
Please note: Return e-mail messages are only accepted from discussion groups
that this e-mail address subscribes to. All other messages are automatically
deleted
for two) that is causing the issue.
I would expect the breaking to be vastly more dramatic if it was the
ampersand encoding. Yes, I can be wrong on that point, but my gut tells me
otherwise. :-)
Rob Emenecker @ Hairy Dog Digital
www.hairydogdigital.com
Please
on the
uptake!
Rob Emenecker @ Hairy Dog Digital
www.hairydogdigital.com
Please note: Return e-mail messages are only accepted from discussion groups
that this e-mail address subscribes to. All other messages are automatically
deleted
So I removed the device- from the media queries. It's now desktop
responsive. It's valid XHTML. It's valid CSS3 except for a few specific
exceptions that are intentional. Guess I can now figure out why the images
are blowing out the widths?
Rob Emenecker
.
Rob Emenecker @ Hairy Dog Digital
www.hairydogdigital.com
Please note: Return e-mail messages are only accepted from discussion groups
that this e-mail address subscribes to. All other messages are automatically
deleted
in Motorola Android and HTC Android
devices work okay on the two devices I tested. Haven't tested iPod/iPhone
yet, because of technical difficulties. iPad is a non-issue, because of the
device size. Haven't not tested Opera (Windows desktop).
Rob Emenecker
did fix one issue where the box model was taking on a negative left margin
due to a width + padding that exceeded 100%. That has been addressed, but it
does not resolve the non-resizing image.
Continuing to scrutinize further!
Rob Emenecker @ Hairy Dog Digital
to this little gem above
from Al, and everyone in between. It has been resolved.
Rob Emenecker @ Hairy Dog Digital
www.hairydogdigital.com
Please note: Return e-mail messages are only accepted from discussion groups
that this e-mail address subscribes to. All other
and
document mode in the Developer Tools to simulate IE7 and IE8.
I cannot figure out why the style is not applying in IE8. I see nothing
overriding the declared pseudoclass or hard-coded class.
Anyone have any idea?
Rob Emenecker @ Hairy Dog Digital
Why should we get rid of a piece of design when you have a CSS3 property
for that? Use background-size. It works. :-)
I would advocate setting it to background-image: none, because you save some
bandwidth and cache for the small device.
Rob Emenecker
ng-from-portrait-to-landcape
However, the one viable solution presented requires JavaScript. Has anyone
dealt with this without relying on JavaScript and in such a way that you do
not eliminate the ability for the user to pinch-zoom?
Rob Emenecker @ Hairy Dog
I found the following thread on Stack Overflow that addresses the problem:
http://stackoverflow.com/questions/5434656/ipad-layout-scales-up-when-rotati
ng-from-portrait-to-landcape
Addenda: This method does not allow pinch-zoom. At least not in my testing.
I posted a link to a recent js fix early in this thread
( the OP's thread) that seems to be working well based
on reviewers testing.
Ah! I just dug back through the original posts and found the link. Thanks
Tom!
Rob Emenecker @ Hairy Dog Digital
is already cached.
Rob Emenecker @ Hairy Dog Digital
www.hairydogdigital.com
Please note: Return e-mail messages are only accepted from discussion groups
that this e-mail address subscribes to. All other messages are automatically
deleted
site at: http://3g.hairydogstaging.com
(username: 3g / pwd: 16765).
Not sure when/how this issue crept in, but it is making me batty.
Suggestions?
Rob Emenecker @ Hairy Dog Digital
http://www.hairydogdigital.com www.hairydogdigital.com
Please note
seem to be where they ought
to be. Now I need to figure out where the missing footer has gotten to.
D'oh!
Rob Emenecker @ Hairy Dog Digital
www.hairydogdigital.com
Please note: Return e-mail messages are only accepted from discussion groups
that this e-mail
.)
Rob Emenecker @ Hairy Dog Digital
www.hairydogdigital.com
Please note: Return e-mail messages are only accepted from discussion groups
that this e-mail address subscribes to. All other messages are automatically
deleted
Hi all,
I am trying to figure out why an input element that I am floating right is
dropping on the baseline in Internet Explorer 7. Everything appears to work
fine in IE8 and Firefox (as well as others).
Here is the link:
http://crownfoodsinc.com/form/
It is a long page/form. Scroll
!
:-)
Rob Emenecker @ Hairy Dog Digital
www.hairydogdigital.com
Please note: Return e-mail messages are only accepted from discussion groups
that this e-mail address subscribes to. All other messages are automatically
deleted
Hi all,
I am looking for a good source of info on webfont embedding. Specifically,
usage of @font-face, browser support, and support for font weight and style
variants. Can anyone point me to a good online resource (or a few).
Thanks,
Rob
Rob
Thank you David and Chetan!
Rob Emenecker @ Hairy Dog Digital
www.hairydogdigital.com
Please note: Return e-mail messages are only accepted from discussion groups
that this e-mail address subscribes to. All other messages are automatically
deleted
Can anyone shed any light as to why the z-index is not behaving as
desired/expected on IE7? The suckerfish menu is falling
behind my content.
(Or my content is appearing on top.) Either case, it's not
consistent
with the correct behavior that I am seeing in IE8 and FF3.
Checked on
Checked on a local file only...
*:first-child + html .left,
*:first-child + html .right,
*:first-child + html .maincontent {
z-index: -1; background: lime; }
/* for IE/7.0 */
That did work, however when I tried applying the same treatment to the DIV
containing the breadcrumbs -- between
Hi all,
Perhaps because it is Friday my brain is not functioning as well as it
usually does.
I have a suckerfish menu that I am trying to get the second-level element to
remain highlighted when a third level list is opened. I'm assuming that is
possible, because I can do so with the
seeing in IE8 and FF3.
Thanks,
Rob
Rob Emenecker @ Hairy Dog Digital
www.hairydogdigital.com
Please note: Return e-mail messages are only accepted from discussion groups
that this e-mail address subscribes to. All other messages are automatically
deleted
.
Rob Emenecker @ Hairy Dog Digital
www.hairydogdigital.com
Please note: Return e-mail messages are only accepted from discussion groups
that this e-mail address subscribes to. All other messages are automatically
deleted
Hi all,
I'm seeing inconsistent results when I apply a border-bottom property to an
A element.
http://new.lauraseyesphotography.com
If you look at the footer on the page above, in the unordered list on the
left-hand side of the footer, the dotted underline is positioned tightly
below the
The line-height is different. It's 13px versus 17px But I'd
not use pixel if I was you, I'd go unit-less
Adjusting the line height to 13px does not correct the problem.
Rob Emenecker @ Hairy Dog Digital
www.hairydogdigital.com
Please note: Return e
The line-height is different. It's 13px versus 17px But I'd not use
pixel if I was you, I'd go unit-less
Adjusting the line height to 13px does not correct the problem.
Okay, discovered the issue. I had the A elements in the unordered list
specified with {display:inline-block;}. When I
, which made it easier to
compare to the right-hand side.
Rob Emenecker @ Hairy Dog Digital
www.hairydogdigital.com
Please note: Return e-mail messages are only accepted from discussion groups
that this e-mail address subscribes to. All other messages
Rob Emenecker @ Hairy Dog Digital
www.hairydogdigital.com
Please note: Return e-mail messages are only accepted from discussion groups
that this e-mail address subscribes to. All other messages are automatically
deleted.
-Original Message-
From: css-d-boun
and the client likes the result. :-)
...Rob
Rob Emenecker @ Hairy Dog Digital
www.hairydogdigital.com
Please note: Return e-mail messages are only accepted from discussion groups
that this e-mail address subscribes to. All other messages are automatically
Hi all,
I'm trying to implement a sticky footer that anchors to the bottom of the
viewport on pages whose content does not fill the viewport, and then have it
follow the content on pages that overflow the viewport.
I've been noodling with the implementation found at the following link:
everyone on this list that maintains the Wiki. It is an
incredibly valuable resource!
Best,
Rob
Rob Emenecker @ Hairy Dog Digital
www.hairydogdigital.com
Please note: Return e-mail messages are only accepted from discussion groups
that this e-mail address
this later
this week.
Rob Emenecker @ Hairy Dog Digital
www.hairydogdigital.com
Please note: Return e-mail messages are only accepted from discussion groups
that this e-mail address subscribes to. All other messages are automatically
deleted
they are
widely spaced and I'm not sure why that is happening.
Can anyone shed light on what IE7 idiosyncracy is driving this?
Thanks,
Rob
Rob Emenecker @ Hairy Dog Digital
www.hairydogdigital.com
Please note: Return e-mail messages are only accepted from
It says they expire in April and/or 120 days.
Not sure what is up with that. Do they let you renew?
MS generally releases new versions every quarter with new expiration dates.
Rob Emenecker @ Hairy Dog Digital
www.hairydogdigital.com
Please note: Return e
(u2044).
...Rob
Rob Emenecker @ Hairy Dog Digital
www.hairydogdigital.com
Please note: Return e-mail messages are only accepted from discussion groups
that this e-mail address subscribes to. All other messages are automatically
deleted
are initialisms.
Rob Emenecker @ Hairy Dog Digital
www.hairydogdigital.com
Please note: Return e-mail messages are only accepted from discussion groups
that this e-mail address subscribes to. All other messages are automatically
deleted
You're right. Sorry. He did.
Rob Emenecker @ Hairy Dog Digital
www.hairydogdigital.com
Please note: Return e-mail messages are only accepted from discussion groups
that this e-mail address subscribes to. All other messages are automatically
deleted
guides.
...Rob
Rob Emenecker @ Hairy Dog Digital
www.hairydogdigital.com
Please note: Return e-mail messages are only accepted from discussion groups
that this e-mail address subscribes to. All other messages are automatically
deleted
(based on pronunciation) is not always an initialism. They are not
mutually exclusive. Since initialisms are acronyms, the ACRONYM element would
still apply to them. :-)
Rob Emenecker @ Hairy Dog Digital
www.hairydogdigital.com
Please note: Return e-mail
://browserlab.adobe.com. There you can test drive
virtual copies of most browsers, both Mac and Windows.
...Rob
Rob Emenecker @ Hairy Dog Digital
www.hairydogdigital.com
Please note: Return e-mail messages are only accepted from discussion groups
that this e-mail
that much, as long as it degrades to a
usable, reasonable facsimile of the original. This spacing however, is too
much.
Thanks for any advice and guidance the collective can provide!
...Rob
Rob Emenecker @ Hairy Dog Digital
www.hairydogdigital.com
Please note
Thank you David!
I added a conditional IE less than 7 style sheet with...
* html #navbar ul li { height: 1%; }
... and that threw the has-layout trigger you suggested, and as was
indicated by the article link that you provided.
Best,
Rob
Rob Emenecker
that this is the effect you are
trying to achieve, correct?
...Rob
Rob Emenecker @ Hairy Dog Digital
www.hairydogdigital.com
Please note: Return e-mail messages are only accepted from discussion groups
that this e-mail address subscribes to. All other messages
the descenders are getting cropped out. Increase the line-height
of your H1 element to 1.7em and the problem should resolve.
...Rob
Rob Emenecker @ Hairy Dog Digital
www.hairydogdigital.com
Please note: Return e-mail messages are only accepted from discussion
.
That's the part that I hate. My servers get hit with so much spam each day
that I worry that one day it will essentially become an unorchestrated
denial-of-service situation. G.
Thanks for the info Eric.
...Rob
Rob Emenecker @ Hairy Dog Digital
Anti-aliasing is controlled by the OS, not the browser.
Not entirely true. It's especially evident in Windows. Safari and
Chrome both use their own anti-aliasing.
Not completely true either. Safari 4 on 'doze defaults to use
the Windows settings, but offers the possibility to
See...
http://www.gunlaug.no/contents/wd_chaos_30.html
Thank you Georg!
__
css-discuss [cs...@lists.css-discuss.org]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List
Hi all,
I'm trying to determine why I am having an issue with top/bottom spacing on
an HR element in Internet Exploder 7. The spacing appears as
desired/intended in Firefox 3.x and Safari 4.x on Windows. (Other
browsers/platforms TBD.) Right now, however, I'm trying to determine what to
do to
only be 1em between the elements -- holding aside padding. In
IE7 it looks like it is adding them and putting a 2em space.
Obviously, I can alter the CSS for the HR via a conditional IE style sheet,
but is there a better way?
Rob Emenecker @ Hairy Dog Digital
on the Mac, but
I do know that Arial is NOT forced by the OS when Helvetica is specified and
present on the system.
Rob Emenecker @ Hairy Dog Digital
www.hairydogdigital.com
Please note: Return e-mail messages are only accepted from discussion groups
that this e
the font, actually have it ACTIVE.
Rob Emenecker @ Hairy Dog Digital
www.hairydogdigital.com
Please note: Return e-mail messages are only accepted from discussion groups
that this e-mail address subscribes to. All other messages are automatically
deleted
Brian,
In FF 3.5 they are working just fine. The problem I see is that the size is
so small that it's difficult to discern that they are actually bold.
Rob Emenecker @ Hairy Dog Digital
www.hairydogdigital.com
Please note: Return e-mail messages are only
*
discernable.
Rob Emenecker @ Hairy Dog Digital
www.hairydogdigital.com
Please note: Return e-mail messages are only accepted from discussion groups
that this e-mail address subscribes to. All other messages are automatically
deleted
the relationship from.
...Rob
Rob Emenecker @ Hairy Dog Digital
www.hairydogdigital.com
Please note: Return e-mail messages are only accepted from discussion groups
that this e-mail address subscribes to. All other messages are automatically
deleted
.)
...Rob
Rob Emenecker @ Hairy Dog Digital
www.hairydogdigital.com
Please note: Return e-mail messages are only accepted from discussion groups
that this e-mail address subscribes to. All other messages are automatically
deleted
.)
...Rob
Rob Emenecker @ Hairy Dog Digital
www.hairydogdigital.com
Please note: Return e-mail messages are only accepted from discussion groups
that this e-mail address subscribes to. All other messages are automatically
deleted
large fonts on Windows for testing purposes.
While this thread has been very informative, it seems like it has long lost
it's relevance to CSS. Are all of the moderators on vacation?
Rob Emenecker @ Hairy Dog Digital
www.hairydogdigital.com
Please note: Return e
of the image (not necessarily the file) as an
uncompressed raw image.
...Rob
Rob Emenecker @ Hairy Dog Digital
www.hairydogdigital.com
Please note: Return e-mail messages are only accepted from discussion groups
that this e-mail address subscribes to. All other
can apply.
Rob Emenecker @ Hairy Dog Digital
www.hairydogdigital.com
Please note: Return e-mail messages are only accepted from discussion groups
that this e-mail address subscribes to. All other messages are automatically
deleted
what's the point?see http://www.jquery.com and you won't need
a class anymore ^^/
The point, in the original question, was to get this *basic* display aspect
handled without resorting to scripting tactics.
Rob Emenecker @ Hairy Dog Digital
, then
you need to target both the h1 and the p to ensure neither of their
margins are larger than the desired amount of space.
Rob Emenecker @ Hairy Dog Digital
www.hairydogdigital.com
Please note: Return e-mail messages are only accepted from discussion groups
larger, even I get aggitated when I am
forced to do so by sites such as Facebook, MSN, etc. Just because I have a
big monitor does not mean I want to fill it, and my desktop, with your site!
Rob Emenecker @ Hairy Dog Digital
www.hairydogdigital.com
Please note
at the source XHTML you will see a comment and BR
elements at the end of the masthead graphics. They are there to avoid a
3-pixel gap. Same problem as before.
It is as if IE7 is not collapsing whitespace inside of the DIV. Is that
correct?
...Rob
Rob Emenecker
. This reminds me
of the issue that IE has/had with TD elements and their first-child element.
Rob Emenecker @ Hairy Dog Digital
www.hairydogdigital.com
Please note: Return e-mail messages are only accepted from discussion groups
that this e-mail address
Thanks Tim,
The explanation -- re: descenders -- now makes it clear!
...Rob
Rob Emenecker @ Hairy Dog Digital
www.hairydogdigital.com
Please note: Return e-mail messages are only accepted from discussion groups
that this e-mail address subscribes to. All
wonky. If that is what it takes
fine, but I'm wondering if there is something about the structure and css
that I am overlooking that is causing this issue on IE7.
Best regards,
Rob
Rob Emenecker @ Hairy Dog Digital
410.694.3575 (arf) || 410.694.3550 (fax
to resolve the
issue.
Granted, this is all WITHOUT IE6, which I usually patch back to together via
an MS conditional comment CSS sheet load.
Thanks!
...Rob
Rob Emenecker @ Hairy Dog Digital
www.hairydogdigital.com
Please note: Return e-mail messages are only
of the implementation on one of the popular CSS
sites (can't remember which one now). When I saw Tim's message and then
looked at the specification
(http://www.w3.org/TR/CSS2/selector.html#first-child), I realized my error.
Thanks!
...Rob
Rob Emenecker @ Hairy Dog Digital
regards,
Rob
Rob Emenecker @ Hairy Dog Digital
410.694.3575 (arf) || 410.694.3550 (fax)
www.hairydogdigital.com
__
css-discuss [cs...@lists.css-discuss.org]
http://www.css-discuss.org/mailman
lower into the content.
...Rob
Rob Emenecker @ Hairy Dog Digital
www.hairydogdigital.com
Please note: Return e-mail messages are only accepted from discussion groups
that this e-mail address subscribes to. All other messages are automatically
deleted
*:first-child (margin-top: 0;}
I realize bets are off with IE6, however, with standards-compliant sites, I
basically take a horseshoes and hand grenades approach with IE6. So the
margin-top value in the case of IE6 will be acceptable.
...Rob
Rob Emenecker
.
Thanks!
...Rob
Rob Emenecker @ Hairy Dog Digital
www.hairydogdigital.com
Please note: Return e-mail messages are only accepted from discussion groups
that this e-mail address subscribes to. All other messages are automatically
deleted
: dotted 1px #FFF;
}
Thanks for the info and helping me get my bearings on this. (I'm having a
sense of deja vu, so it's likely that I asked this a while back too. Doh!)
...Rob
Rob Emenecker @ Hairy Dog Digital
www.hairydogdigital.com
Please note
with that understanding.
Rob Emenecker @ Hairy Dog Digital
www.hairydogdigital.com
Please note: Return e-mail messages are only accepted from discussion groups
that this e-mail address subscribes to. All other messages are automatically
deleted
Just for clarification, if anyone else is as confused by this
thread as I am.
I am glad I was able to confuse. It means the coffee is being consumed at
too great an intake level.
Rob Emenecker @ Hairy Dog Digital
www.hairydogdigital.com
Please note
trying to figure out what is collapsing and
causing the bottom border to NOT appear.
Here is the link:
http://www.hairydogdigital.com/HairyDog02/
Any suggestions/thoughts?
Thanks,
Rob
Rob Emenecker @ Hairy Dog Digital
410.694.3575 (arf
one copy of responses to
other new topics by other people. Different, interesting.
The list is set up such that REPLY goes to the person that submitted the
message. REPLY-ALL will go to BOTH the poster and the list.
...Rob
Rob Emenecker @ Hairy Dog Digital
graphic format. (Since the PNG32s are
specified as background-images in the CSS, the usual IE6 filter trick won't
do.)
Here's what it looks like right now...
http://winningsportsclub.com/preview/concept2a.html
Rob Emenecker @ Hairy Dog Digital
Hi all,
Thank you for your insightful comments.
At the moment I'm leaning towards using small background PNG32s in the DIVs
for the transparency effect, with a conditional style sheet for IE6 that
uses alternate background images.
Best,
Rob
Rob Emenecker
Hi Bill (and Al),
Whenever you expose IE7 to a filter you kill
font-smoothing.
This is a great approach, but the font-smoothing will be an issue.
...Rob
Rob Emenecker @ Hairy Dog Digital
www.hairydogdigital.com
Please note: Return e-mail messages
about achieving this effect? (I'm trying to avoid
falling back on overlapping AP divs, if possible.)
...Rob
Rob Emenecker @ Hairy Dog Digital
410.694.3575 (arf) || 410.694.3550 (fax)
www.hairydogdigital.com
-- would seem to require some
amount of nested DIVs.
...Rob
Rob Emenecker @ Hairy Dog Digital
www.hairydogdigital.com
Please note: Return e-mail messages are only accepted from discussion groups
that this e-mail address subscribes to. All other messages
the background color. There may be other ways to achieve
this, but IMO a nested element seems the easiest.
Rob Emenecker @ Hairy Dog Digital
www.hairydogdigital.com
Please note: Return e-mail messages are only accepted from discussion groups
that this e-mail address
run-in heads (though they are
not tagged as h3).
There is one display issue that I did see. While you did fix the centering
with respect to the radio buttons, when printed, the heading is no longer
centered.
...Rob
Rob Emenecker @ Hairy Dog Digital
Why was that not a problem for FF? problem in both IE 6 7.
Different browser's use different methods to try and intuit what the
author/programmer means when it's fed invalid code. In this case Firefox
guessed correctly while IE did not.
Rob Emenecker
Excellent reference. Thanks Ingo!
Rob Emenecker @ Hairy Dog Digital
www.hairydogdigital.com
Please note: Return e-mail messages are only accepted from discussion groups
that this e-mail address subscribes to. All other messages are automatically
deleted
elements not closed.
Before you can worry about the layout, you've got to get your PHP outputting
clean HTML.
...Rob E.
Rob Emenecker @ Hairy Dog Digital
www.hairydogdigital.com
__
css
With UTF-8 a byte-order mark is not necessary. However, Dreamweaver CS3
allows you to include one in your files. Check your PREFERENCES - NEW
DOCUMENT settings and DESELECT the Include Unicode Signature (BOM) option.
It is only required with UTF-16 and UTF-32.
Now, as far as the files you have
.
Rob Emenecker @ Hairy Dog Digital
www.hairydogdigital.com
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies
Nancy,
Duncan, The script works perfectly, but I still don't
understand why it won't work in IE without the script since
the hover is for the a tag.
The CSS is actually targeting the SPAN element inside of the A element, not
the A element itself.
...Rob
Paragraphs still have default margins, so it's a collapsing
margins[1] case.
I still don't understand. And, to be honest, sometimes when I read the
specification, I feel like I need a doctorate degree in technical writing.
Intuitively, I would expect the margin-bottom of that last nested p
.
Rob Emenecker @ Hairy Dog Digital
www.hairydogdigital.com
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http
How can I link and entire td in a table? I can only seem
to get it to
work if I set an explicit height, which in this case, I do not know
ahead of time
As you suggest / fear, I don't think this is possible.
Setting height: 100% to the 'a' will only have an effect if
its containing
1 - 100 of 172 matches
Mail list logo