ed on top of it.
You can't position the flash to be on top? position: relative; z-index:
10 (or higher that the highest z-index you have) would probably do the
trick but it's hard to tell w/o seeing the site :-)
AC--
Audra Coldiron
Rock-n-Roll Design & Hosting
http://rock-n-roll
a
z-index higher than what's on the banner in order to see it.
Depending on what you do with background and the heights of things, you
might need a top margin on your div#content.
AC
--
Audra Coldiron
Rock-n-Roll Design & Hosting
http://rock-n-roll-design.com
KarmaCMS ( http://karmawizard
/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/
--
Audra Coldiron
Rock-n-Roll Design & Hosting
http://rock-n-roll-design.com
KarmaCMS ( http:
javascript or something else that's outside of the
scope of this list (and my expertise) to have it done elegantly.
AC--
Audra Coldiron
Rock-n-Roll Design & Hosting
http://rock-n-roll-design.com
KarmaCMS ( http://karmawizard.com ) - the ultimate C
there to be a
> 6px strip of the darker blue background color showing through from the
> background. It is on all the pages except home (which used the swf file).
>
> Any ideas on how to fix this?
Though I didn't see the problem, it sounds like IE6 is auto-expanding
the container.
ars in the centre column, but just beneath where the left menu ends.
>
> This problem affects every browser.
Float your centre column too and you'll be able to use floats with
clears inside that column with no problem.
AC
--
Audra Coldiron
Rock-n-Roll Design & Hosting
http://
mage: url(../images/bg.gif);
Also, you might want to consider changing that BG image to a jpg's so
you can compress it to a reasonable size w/o sacrificing too much
quality. Right now it's 382kB and takes nearly a minute for dial-up
users to download the first time. You could easily
background-color: black;
}
hr {
height: 5px;
background-color: red;
color: red; /*for IE*/
border-bottom: solid 1px gray;
}
--
Audra Coldiron
Rock-n-Roll Design & Hosting
http://rock-n-roll-design.com
KarmaCMS ( http://karmawizard.com ) - the ultimate CSS styled CMS.
Pre-made des
ou by any chance using a .png as a repeating background? If so
that is the problem. IE6 does not render colors of .png's correctly.
AC
--
Audra Coldiron
Rock-n-Roll Design & Hosting
http://rock-n-roll-design.com
KarmaCMS ( http://karmawizard.com ) - the ultimate CSS styled CMS.
Pre-
uggest not using px since IE users won't be able to resize it.
AC
--
Audra Coldiron
Rock-n-Roll Design & Hosting
http://rock-n-roll-design.com
KarmaCMS ( http://karmawizard.com ) - the ultimate CSS styled CMS.
Pre-made designs, designer tools, and reseller program available!
e...
#whole { min-height: 100%; }
then for IE6...
#whole { height: 100%; }
You described it correctly at first so did you mis-type perhaps?
AC
--
Audra Coldiron
Rock-n-Roll Design & Hosting
http://rock-n-roll-design.com
KarmaCMS ( http://karmawizard.com ) - the ultimate CSS styled CMS.
Pr
oning with negative numbers to taste.
drawbacks: mixing style and content: an extra div and two images in
your HTML whose only purpose is visual. Also since the top and bottom
images overlap the borders on the backgrounds it sort of destroys the
illusion but that could just be me :-)
A
ture if you are interested.
AC
--
Audra Coldiron
Rock-n-Roll Design & Hosting
http://rock-n-roll-design.com
KarmaCMS ( http://karmawizard.com ) - the ultimate CSS styled CMS.
Pre-made designs, designer tools, and reseller program available!
__
margin: 0;
list-style: none;
background-color:#00;
word-spacing:normal;
letter-spacing:normal;
}
If you delete the width here your menu will go all the way to the right
side in FF2 & IE6 if that's what you want...
Your class and id are bein
http://www.kcsm.tv/styles/global.css
> http://www.kcsm.tv/styles/jazz91.css
Hi Juanita. To fix your immediate problem simply add this:
h4.announcer {
margin: 0 0 10px 0;
}
However... check out your site in IE6, validate your code, then come
back for help if you need it :-)
--
Audra C
earing, but it isn't.
I could be wrong (wouldn't be the first time) but it looks to me like
it's all done with iframes and javascript. I'm not sure what the
advantage of doing things this way would be as opposed to simply using
floats but it was interesting none the less :-)
A
unit of measure here otherwise it won't work reliably. Try
body { margin-top: 30px; }. I've always had better luck with body {
padding-top: 30px; } for cross browser stability.
AC
--
Audra Coldiron
Rock-n-Roll Design & Hosting
http://rock-n-roll-design.com
KarmaCMS ( http:/
comment inside the div. Try that and see:
AC
--
Audra Coldiron
Rock-n-Roll Design & Hosting
http://rock-n-roll-design.com
KarmaCMS ( http://karmawizard.com ) - the ultimate CSS styled CMS.
Pre-made designs, designer tools, and reseller program available!
_
Is that the problem? Or is there a hack I need
> to employ for IE to render the same as Firefox, etc? Thanks greatly!
Hi Travis. Try adding display: block to your "About Tusculum College"
image.
AC
--
Audra Coldiron
Rock-n-Roll Design & Hosting
http://rock-n-roll-design.c
x;
/*margin:1px 1px 1px 1px solid #00;*/
margin: 1px;
}
#image img { display: block; }
--
Audra Coldiron
Rock-n-Roll Design & Hosting
http://rock-n-roll-design.com
KarmaCMS ( http://karmawizard.com ) - the ultimate CSS styled CMS.
Pre-made designs
ger it gets, the
bigger the horizontal scrollbar for people with 15" monitors. There are
still quite a few out there, believe it or not. They will be forced to
scroll vertically AND horizontally to read your site making it less
accessible (usable) where I think the goal here was to make i
.css
>
> What is likely causing this display problem?
...An obsolete broken browser. I wouldn't worry about supporting it.
By my stats Netscape 7 has almost 0% market share with all Netscape
versions together equaling less than a half a percent. :-)
--
Audra Coldiron
Rock-n-Rol
nothing shows except for a big area of
> background colour.
>
> What's going on?
Hi Sandy. Something in this line is causing the problem:
AC
--
Audra Coldiron
Rock-n-Roll Design & Hosting
http://rock-n-roll-design.com
KarmaCMS ( http://karmawizard.com ) - the ultimat
ng it all locally if that makes a difference.
Try refreshing the page again and if it still doesn't show up in IE6
view source to make sure the deleted line is actually gone.
AC
--
Audra Coldiron
Rock-n-Roll Design & Hosting
http://rock-n-roll-design.com
KarmaCMS ( http://karmawizard.com
However, IE6 treats height like min-height so all you have
to do is feed height only to IE6. You can feed height to IE6 with your
method of choice, whether it be a conditional comment or * html "hack".
div { min-height: 400px; }
* html div { height: 400px; }
AC
--
Audra Coldiron
Hi Ian. It looks the same to me here on IE6 and FF2. Did you already
fix this?
AC
--
Audra Coldiron
Rock-n-Roll Design & Hosting
http://rock-n-roll-design.com
KarmaCMS ( http://karmawizard.com ) - the ultimate CSS styled CMS.
Pre-made designs, designer tools,
aw it looked fine in IE and verified
that IE6 was misbehaving. From there I commented things out and checked
in IE6 until I narrowed it down to that line. It only took a couple
minutes.
I'm trying to sharpen my own debugging skills that I'm slowly learning
from my partner, the debugging
ack. Without actually seeing the site, I'd say try either removing
the padding on the form or if you've already done that try adding
overflow: hidden to your containing div. IE6 will incorrectly
auto-expand a box if the content goes past the specified height whereas
the other
Audra Coldiron wrote:
> Sandy wrote:
>> hey Audra
>>
>>> Something in this line is causing the problem:
>>>
>>>
>> how did you figure out it was that line? Did you use a utility of some
>> kind, or just read the code and see it looked wrong?
inside a table cell, and it still
> pushes the bottom of the container down.
Can you point us to a URL? Without a URL is kind of like a doctor
trying to diagnose an illness over the phone :-)
AC
--
Audra Coldiron
Rock-n-Roll Design & Hosting
http://rock-n-roll-design.com
KarmaC
correct behavior for inline elements
which an image is by default. Good ol' IE6 gets it wrong.
AC
--
Audra Coldiron
Rock-n-Roll Design & Hosting
http://rock-n-roll-design.com
KarmaCMS ( http://karmawizard.com ) - the ultimate CSS styled CMS.
Pre-made de
f you've shown them this site in an
earlier phase their cache didn't clear completely when viewing the
latest version. Tell them to hold down the shift key while clicking
refresh (for IE browsers) and see if the problem persists.
AC
--
Audra Coldiron
Rock-n-Roll Design & Hosti
left;
display: inline; /* fix ie double margin */
padding-bottom: 12px; /*<--add this*/}
.box-wide #homebuttons {
padding-left: 70px;
margin: 12px 0; /*<--- delete this line*/ }
AC
--
Audra Coldiron
Rock-n-Roll Design & Hosting
http://rock-n-roll-design.com
's there on the pages of the other subjects of the site, but
> for the life of me I can't see what I did to lose it.
Hi John. It was a simple typo here:
#leftbar a:active {
background: #98b8ac;
padding: 0 0 0 10px;
margin: 0;
}
replace "a
and
asprin ;-)
Can someone
> tell me, since this is the first time I've ever used a conditional
> comment, just exactly where one should go? Does it go with the CSS,
> or in the body, or between the two?
It goes in the header and looks like this:
AC
--
Audra Coldiro
d min and max width.
That will made your middle image reappear. For the right side image add
position: relative here:
#navdetails li.first{
margin-left: -20px;
margin-top:-105px;
position: relative; /*<--add this*/
}
AC
--
Audra Coldiron
Rock-n-Roll Design & Hosting
http://r
eft or
right. With inline elements you can only use padding but you can center
the element within it's container.
Be sure to include a doctype so you don't trigger IE's quirks mode. In
my opinion CSS is much easier to get a handle on if IE is
ll.
Also, since all your columns are floated including #left which you've
place a margin, you'll need to declare display: inline on that div to
counter-act IE6's double margin bug on floats.
AC
--
Audra Coldiron
Rock-n-Roll Design & Hosting
http://rock-n-roll-design.com
lare
margin: auto and it will center :-)
AC
--
Audra Coldiron
Rock-n-Roll Design & Hosting
http://rock-n-roll-design.com
KarmaCMS ( http://karmawizard.com ) - the ultimate CSS styled CMS.
Pre-made designs, designer tools, and reseller p
maybe that's your point? Or are you suggesting he reverts
> to a SPAN to replace his original FONT element?
You don't necessarily have to replace the FONT tag, you could simply
wrap what you want bordered with a span tag and /not/ float it. :-)
AC
--
Audra Coldiron
Rock-n-Ro
he images used in the site design
> are 760px wide. I am just at a loss here.
Hi Suzanne. It's not a CSS problem - it's your images. They are both
760px wide, yes, but if you put one on top of each other in Photoshop
you'll see the lines on the right side don't line up. :-
If that gets the results you're looking for then go with that.
AC
--
Audra Coldiron
Rock-n-Roll Design & Hosting
http://rock-n-roll-design.com
KarmaCMS ( http://karmawizard.com ) - the ultimate CSS styled CMS.
Pre-made designs, designer too
for the
same result, less HTML "clutter". For instance, you can declare a
padding-bottom on the body to replace that very last one.
AC--
Audra Coldiron
Rock-n-Roll Design & Hosting
http://rock-n-roll-design.com
KarmaCMS ( http://karmawizard.com ) - t
: 107px;
left: 108px;*/
padding-right: 0px;
padding-bottom: 25px;
padding-left: 25px;
margin: 0 auto; /*added*/
}
AC
--
Audra Coldiron
Rock-n-Roll Design & Hosting
http://rock-n-roll-design.com
KarmaCMS ( http://karmawizard.com ) - the ultimate CSS
: 48%; float: left; clear: left }
div.odd { width: 48%; float: right; clear: right; }
4. ...or a table. I don't think you can stretch your imagination to
justify a table though. I could be wrong ;-)
AC
--
Audra Coldiron
Rock-n-Roll Design & Hosting
http://rock-n-roll-design.com
Kar
m/about/about.php and was stunned. The layout they
> achieved with CSS is pretty much what I had in mind. Do you think their CSS
> could serve as a good basis for me? I'm not a real a CSS pro...
Hi Marcel. Sure - go ahead and try it. I always recommend going
frame-less. If you run i
n which I can't alter the HTML,
only the CSS. If anyone can kindly show me the error of my ways I'd be
grateful :-)
Thanks,
AC
--
Audra Coldiron
Rock-n-Roll Design & Hosting
http://rock-n-roll-design.com
Affordable, attractive websites for musicians that are a breeze to updat
ound
that putting a height on the clearing div fixed it for me. I used
height 100% and found that any % height worked. I didn't try px or em's
though since the div needed to expand with unknown content.
AC
--
Audra Coldiron
Rock-n-Roll Design & Hosting
http://rock-n-roll-
Safari so obviously that wasn't the solution. BTW, I'm only
concerned with IE6+, Gecko, and Safari.
Any help would be very appreciated!!
Thanks,
AC
--
Audra Coldiron
Rock-n-Roll Design & Hosting
http://rock-n-roll-design.com
Sorry... here's the correct URL for anyone who's interested...
http://audra.a0.aicdesign.net/news/?skin=193
--
Audra Coldiron
Rock-n-Roll Design & Hosting
http://rock-n-roll-design.com
Affordable, attractive websites for musicians that are a breeze to update.
Designers - wanna
round then too (thank God!!!). We haven't had a
complaint since but don't have a problem telling our clients "dude,
you/they need to upgrade". ;-)
AC
--
Audra Coldiron
Rock-n-Roll Design & Hosting
http://rock-n-roll-design.com
_
e thing about
our system... that is, until they use it and see the utility of it ;-)
If anyone's curious you can check it out here: http://designerkarma.com
--
Audra Coldiron
Rock-n-Roll Design & Hosting
http://rock-n-roll-design.com
;t be too difficult to achieve.
If you tried to validate it failed due to my own poor mark-up in the
content, not the skeleton. That's what I get for trying to do too many
things at once. All's fixed now though, thanks for pointing it out :-)
--
Audra Coldiron
Rock-n-Roll D
e hooks, then by all means avoid them. The simpler you keep your
code, the easier maintenance is going to be.
AC
--
Audra Coldiron
KarmaSites.com
A fresh approach: affordable, attractive websites that you control -
content and design! No skills needed: http://karmasites.com/
__
n
wizard: http://karmawizard.com
--
Audra Coldiron
Rock-n-Roll Design & Hosting
http://rock-n-roll-design.com
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7 information -- http://css-discuss.incutio
st but it's been
great for other people who want to design sites around our system who
aren't CSS experts.
It you want to check it out you can here: http://karmawizard.com
--
Audra Coldiron
Rock-n-Roll Design & Hosting
http://rock-n-roll-design.com
A fresh approach: affordabl
one who has replied so far!
Hey Martin. We have all our designs based around the same XHTML file
which is based around our CMS. We also have a design wizard and
reseller option so the system is open for anyone who's interested.
http://rock-n-roll-design.com or http://karmasites.com
AC
57 matches
Mail list logo