Re: [css-d] Centering content - new user
On 8/7/08 10:16 PM, David Laakso [EMAIL PROTECTED] wrote: Brian Gilbert wrote: Thank you for your very welcomed input. You don¹t by any chance have a good method for creating a drop shadow for the main content div26 do you? Regards, Brian I'm creating a website at the moment and have put the rough pages up on http://www.nctd.com.au/ Brian Gilbert Name stuff whatever you like, but isn't calling the very 1st division to open and the last division close /div26/ a little confusing? Fwiw, on the example I put up it's called #page: http://www.chelseacreekstudio.com/ca/cssd/n.htm You could make a small shadow image with photoshop. Position it in the css as a background-image [1] at the bottom and repeating on the y-axis of div26. [1] http://www.w3.org/TR/REC-CSS2/colors.html You could instead create a drop shadow on the division using css (no image needed). This is an example [2] of same by Stu Nicholls [2] http://www.cssplay.co.uk/menu/shadow.html PS For a lot of reasons please reply to the list, as well as me. Writing your reply /below/ the person to whom you reply is appreciated. Dear David, Thank you for taking the time to create the example. I have been playing around with it, trying to resize various components and change their content without much success. I find that once I start changing either of those things the layout goes all over the place and the auto centering no longer functions. If its not to much trouble could you describe that basic steps that are required to build a auto centering page from scratch and how best to name the various divs so that I can understand how the structure works and how it can be modifies and built upon? Thanks, Brian __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] Centering content - new user
Brian Gilbert wrote: I'm creating a website at the moment and have put the rough pages up on http://www.nctd.com.au/ Brian Gilbert If its not to much trouble could you describe that basic steps that are required to build a auto centering page from scratch and how best to name the various divs so that I can understand how the structure works and how it can be modifies and built upon? Brian 1/ Horizontally centering the page on the screen. http://bluerobot.com/web/css/center1.html 2/ A simple naming convention for a two-column layout with horizontal navigation under the header /might be:/ #header (contains h1-- the document-title, and the logo). #hnav (contains the horizontal navigation). #content (contains the primary content of the page). #sidebar (contains the secondary content of the page and vertical navigation if any). #footer (contains tertiary and incidental information.) Float (rather than absolute positioned) structured layouts will work better for you. Layouts that employ floats in combination with negative margins tend to be very stable, and robust cross-browser (in addition to allowing the preference some authors have for putting the primary content first in the document source order). This a set of various 2 3 column float layouts using these principles: http://blog.html.it/layoutgala/. (n.38 at the bottom of the set is probably closest to what I assume you are after). -- http://chelseacreekstudio.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://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
[css-d] Hyperlink problem using CSS
Hi All,
I am facing linking problem using CSS Style Sheet. Here is my XML. I
know its easy in XSL. But I need to using CSS. Anyone suggest me how i
will do this.
My XML
paraulink
url=http://www.zebrapress.co.za;www.zebrapress.co.za/ulink/para
tocfront num=ch1Introduction/tocfront
para...Some Text /para
chapter id=ch1titleIntroduction/title
para.
My CSS
ulink {
color:#ff;
text-decoration:underline;
}
ulink a:link, ulink a:visited {
content: attr(url) ;
}
tocfront num {
color:#ff;
text-decoration:underline;
}
tocfront num a:link, tocfront num a:visited {
content: attr(url) ;
}
I have tried this but its not appearing any link or call
Please anyone suggest me how i ll appear hyperlink using CSS. I am using IE8.
Thanks
Byomokesh Sahoo
Om Trayambakam Yajaamahe Sugandhim Pushtivardhanam
Urvaarukamiva Bandhanan Mrytor Muksheeya Mamritaat
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] h1 tags issue with Word Press
Well - the div id differs on these two pages. The h1 tag that looks like you want it lives in a div with id=site_content. The one that doesn't look right lives in a div with id=content. Otherwise, both are simple h1 tags. The styling on those two div id's must be the difference. Chris A. On Mon, Jul 14, 2008 at 7:42 AM, Jo [EMAIL PROTECTED] wrote: I have a website at www.radarresults.com.au where the h1 tags all look fine across all browsers. I just added a Word Press newsletter section to the site - www.radarresults.com.au/newsletters and the h1 appears fine in IE, but in Firefox and Safari, it's over too far to the left and the background image isn't in correct position either. I'm sure I'm missing something stupid, but I've tried everything I can think of and can't seem to fix it. Anyone smarter than me? (I'm sure there's a long list!!) Joanne __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html 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/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] Opera sees content and draws a scrollbar, others ok
Rick Lecoat wrote:
On 10 Jul 2008, at 22:42, Ingo Chao wrote:
http://novatest.sharkattack.co.uk/development.php
Did you mean this is typeStyle.css ?
a .extraLinktext {
position: absolute;
left: -999em;
}
a:focus .extraLinktext {
position: relative;
left: 0;
}
Yes,...
ok, did you try
a .extraLinktext {
position: absolute;
left: -999em;
top:-999em;
}
a:focus .extraLinktext {
position: relative;
left: 0;
top:auto;
}
That seems to quit the scrollbar in Opera. Can't test the focus thing
locally, though.
Ingo
--
http://www.satzansatz.de/css.html
http://www.dolphinsback.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://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
[css-d] P won't center
http://thewei.com/sandbox/grfxjobs/bizcards/ My centered p won't center. Help, please . . . -- This email sent by Kimi Wei http://thewei.com 201-475-1854 __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] P won't center
this is trumping your global p centering:
#ctrtext p {grfxjobs.css (line 177)
text-align:left;
vertical-align:middle;
}
On Mon, Jul 14, 2008 at 9:46 AM, Kim Brooks Wei [EMAIL PROTECTED]
wrote:
http://thewei.com/sandbox/grfxjobs/bizcards/
My centered p won't center. Help, please . . .
--
This email sent by
Kimi Wei
http://thewei.com
201-475-1854
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
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/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] P won't center
Kim Brooks Wei wrote:
http://thewei.com/sandbox/grfxjobs/bizcards/
My centered p won't center. Help, please . . .
Kim-
This oughta do it:
#ctrtext p.center {
text-align: center;
}
Hope it helps.
--Bill
--
/**
* Bill Brown
* TheHolierGrail.com MacNimble.com
* From dot concept...to dot com...since 1999.
***/
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] P won't center
My centered p won't center. Help, please . . . Line 177 of grfxjobs.css has higher specificity and sets it left #ctrtext p Try using Firebug in Firefox to see what is happening with your styles and what is taking precedence __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
[css-d] (no subject)
Sent with Wireless Sync from Verizon Wireless __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] Why do fonts show like this?
Thansk all - okay, here we go..
Validate the markup on all pages. Do you and/or the client have IE/
6 and IE/7 set at anything other than Text Size : medium (default)?
I validated - right now, the only thing that makes it *invalid* is the
flash. But when I take out the flash, the page is 100% valid (index
anyway), and the font doesn't change. I'm in the middle of getting
feedback from the client, so I had to put the flash back in (they'll
freak out if they go to check it this morning and the flash is gone
LOL) but it's green across the board when I take the flash out - yet
no change in the font display.
How about posting a screenshot or two if the font you're getting
that doesn't look right, and I can compare it with what I'm seeing?
http://brassblogs.com/testbed/temp/Safari.jpg
http://brassblogs.com/testbed/temp/Camino.jpg
http://brassblogs.com/testbed/temp/FF3.jpg
All 3 on Mac running OSX. Don't have access to my PC right now - my 4-
year-old is playing games on it :D
You are using OS X 10.5.x
You're right: 10.5.3
For OS X, you can use the following:
{font-family: 'Helvetica Neue'; font-weight: 200;}
I *did* try that, and it didn't make much of a difference. A little
bit, but not much.
The thing is, the client is on a PC - I *believe* running IE7, but I'm
not positive. After some Googling, I've found some other things said
about the browser settings (font smoothing as you've mentioned) and
other browser bugs that make it display like this. And for the
record, I've also tried Arial, Helvetica, and some other fonts as well
that might be a good tradeoff - but it still renders them as if it's
bold text.
Thank GOD these guys understand that they cannot control other
people's browsers, and that sometimes things like this will happen.
So I'm going to let them know that this is just a bug, and not
everyone will see it. They'll probably play along with that and be
fine with it. I know they won't want to add in any extra hacking or
whatever to make it look right for them - so as long as they know some
people are getting the right view then they'll be fine.
But thanks for that - I appreciate it :)
~Shelly
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] Why do fonts show like this?
Michelle Cole wrote: When you have the PC back, check the setting in both IE/6 and IE/7 to make sure they are set to text-size medium. IE6 - yes, set to Medium, and looks fine. IE7 - yep - it's the same. It doesn't look *quite* as bold in IE7 as it does on my Mac, but it's definitely bolder than my comp was. Probably - as someone said - due to the font-smoothing. The bold text here is *slightly* bolder, but not much I think if I didn't know it was there, I wouldn't even notice it. Thanks for peeking for me, though :) ~Shelly O.K. ClearType is on by default in Windows Vista. If you, and your client, are on XP, try enabling the ClearFont Tuner [1] and see if it makes a difference. http://www.microsoft.com/typography/cleartype/tuner/step1.aspx -- http://chelseacreekstudio.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://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
[css-d] Css issue in IE7.
Hi i'm having some issues on ie7 with a certain page. Could somebody please point me in the right direction to what it could be, the page displays fine in Firefox. *Warning. This page displays minor adult content. http:// www.dominr.com/profile/preview/18 Lyn Williams - Web Designer/Developer | Sole Owner Email: [EMAIL PROTECTED] | Telephone: 01685 849314 | Skype: lyntaff __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
[css-d] Padding in Firefox and IE
I am working on a new web page at
http://www.choroideremia.org/new/crf_header.php. Below is my total CSS
(http://www.choroideremia.org/css/layout.css). Why is IE 7 displaying a bunch
of padding at the top and bottom of my curve graphic; will Firefox 3.0 is not?
Also, Ie7 seems to be displaying everything about two zoom times then Firefox
3.0? I have both set with the same default fonts and font sizes. thirdly, why
do I have to go to Firefox's View-Page Style-Increase font size before I get my
switch { rule?
CSS from http://www.choroideremia.org/css/layout.css
html, body, * {
margin: 0em 0em;
padding: 0em;
}
#header {
width: 100%;
left: 0em;
position: absolute;
margin-top: 0em;
margin-bottom: 0em;
padding: 0em;
}
#header h1 {
color: #EE;
background-color: #8B2500;
width: 100%;
overflow: hidden;
padding: 0em;
font-size: 2em;
text-align: right;
white-space:nowrap;
background-image: url('http://www.choroideremia.org/images/curve.gif');
background-repeat: no-repeat;
background-position: 8em;
height: 5em;
margin-top; 0em;
margin-bottom: 0em;
}
#logo {
background-color: #191970;
left: 1.2em;
position: absolute;
top: 1.2em;
}
#logo2 {
left: 16em;
position: absolute;
top: 5.9em;
border:none;
background-image: url('http://www.guidestar.org/images/linklogos/gslogo.gif');
background-color: transparent;
background-repeat: no-repeat;
background-position: top right;
height:4em;
display: block;
width: 2190px;
margin: 0 0 0 -2000px;
padding: 0em;
}
.switch {
color: #00;
background-color: #708090;
left: 200px;
position: absolute;
top: 90px;
font-size: 3em;
text-align: center;
margin-left: 200px;
}
#phptime {
float: left;
width: auto;
border: thin solid red;
margin: 1em 0em 0em 3em;
padding: .2em 1em .3em 1em;
font-family: Verdana, Arial,Helvetica sans-serif;
font-size: 1.5em;
font-weight: bold;
letter-spacing: .2em;
white-space: nowrap;
color: #EE;
background-color: #191970;
}
Angus MacKinnon
Infoforce Services
http://www.infoforce-services.com
Faith is the strength by which a shattered world shall emerge into
the light. - Helen Keller
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] Padding in Firefox and IE
Hayden's Harness Attachment wrote:
I am working on a new web page at
http://www.choroideremia.org/new/crf_header.php. Below is my total CSS
(http://www.choroideremia.org/css/layout.css). Why is IE 7 displaying a bunch
of padding at the top and bottom of my curve graphic; will Firefox 3.0 is
not? Also, Ie7 seems to be displaying everything about two zoom times then
Firefox 3.0? I have both set with the same default fonts and font sizes.
thirdly, why do I have to go to Firefox's View-Page Style-Increase font size
before I get my switch { rule?
Your header is identical in XP in Firefox, IE/6 and IE/7 /when landing
on the page/. See if you have both IEs set at anything other than Text
Size medium. Text-size largest destroys (breaks) your header in
both IE/6 and IE/7. The reason it breaks in IE (and does not scale well
in compliant browsers) is because of all the absolute positioning you've
used.
I don't know why your switcher is not working. I did not look at it.
More important, I do not know why you have a font-size switcher in the
first place. /All/ browsers come with the means for users to increase
or decrease font-size. Set font-size 100% on the body and allow the
primary p to inherit default (100%); and, all users all over the
universe, if not beyond, will be able to increase or decrease the font
size of your page as /they/ see fit.
The above issues where more or less addressed and resolved in this
example [1] in reply to you and the list several days ago in response to
your post from last week. It uses floats-- no absolute positioning needed.
[1]
http://www.chelseacreekstudio.com/ca/cssd/angus.htm
As ever,
Helen
--
http://chelseacreekstudio.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://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
[css-d] IE margin, padding, and .png issues
URL: http://www.objectivedesigns.com/amittius/white/index.htm CSS: http://www.objectivedesigns.com/amittius/white/index.css On Windows XP Pro... FF3, Opera 9.51, and Safari 3.1.2 display the site correctly. IE7 and IE6 don't. IE7 shows everything right except the padding on the links in the footer (it doesn't put padding on the bottom of the links, only the sides and the top). IE6 has this same problem, but it also doesn't correctly execute the margins of the light blue boxes that are within the body text. It pushes them too far away from the sides of the container. IE6 also seems to be unable to correctly display PNG images with semi-transparent pixels (the background images that appear around the header, container, and footer). Daniel Hammond 2227 Dunseath Avenue Atlanta, GA 30318 770-842-8817 www.objectivedesigns.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://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] IE margin, padding, and .png issues
-Original Message- From: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] On Behalf Of Daniel Hammond Sent: Monday, July 14, 2008 12:44 PM To: css-d@lists.css-discuss.org Subject: [css-d] IE margin, padding, and .png issues URL: http://www.objectivedesigns.com/amittius/white/index.htm CSS: http://www.objectivedesigns.com/amittius/white/index.css On Windows XP Pro... FF3, Opera 9.51, and Safari 3.1.2 display the site correctly. IE7 and IE6 don't. IE7 shows everything right except the padding on the links in the footer (it doesn't put padding on the bottom of the links, only the sides and the top). IE6 has this same problem, but it also doesn't correctly execute the margins of the light blue boxes that are within the body text. It pushes them too far away from the sides of the container. IE6 also seems to be unable to correctly display PNG images with semi-transparent pixels (the background images that appear around the header, container, and footer). Try validate your CSS? http://jigsaw.w3.org/css-validator/validator?profile=css21warning=0uri =http%3A%2F%2Fwww.objectivedesigns.com%2Famittius%2Fwhite%2Findex.htm IE6 doesn't support PNG's 256-levels of transparency. Other folk on the list know what to do about that ... David Jones, Content Coordinator, Information and Technology Management, Customer Relations - KL PS, (808) 948-5830 MMS hmsa.com made the following annotations. -- This electronic message is not an offer to contract, the acceptance of an offer to contract, or in any other way intended to contractually obligate HMSA; neither is it intended to change the terms of any existing contract unless specifically so stated. The information contained in this electronic message (or attached hereto) is intended only for the individual or entity to which it is addressed and may contain information that is confidential and protected by law. If you are not the intended recipient of this e-mail, you are cautioned that use of its contents in any way is prohibited and may be unlawful. If you have received this communication in error, please notify the sender immediately by e-mail or telephone and return the original message by e-mail to the sender or to [EMAIL PROTECTED] We will reimburse you for any cost you incur in notifying us of the errant e-mail. Thank you. · == __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
[css-d] customized browse/file-input button
Is there a way to apply styles to to the browse/file-input button? __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] IE margin, padding, and .png issues
| URL: http://www.objectivedesigns.com/amittius/white/index.htm | CSS: http://www.objectivedesigns.com/amittius/white/index.css | | On Windows XP Pro... FF3, Opera 9.51, and Safari 3.1.2 | display the site correctly. IE7 and IE6 don't. IE7 shows | everything right except the padding on the links in the | footer (it doesn't put padding on the bottom of the links, | only the sides and the top). IE6 has this same problem, but | it also doesn't correctly execute the margins of the light | blue boxes that are within the body text. It pushes them too | far away from the sides of the container. IE6 also seems to | be unable to correctly display PNG images with | semi-transparent pixels (the background images that appear | around the header, container, and footer). | | Try validate your CSS? | | IE6 doesn't support PNG's 256-levels of transparency. Other | folk on the list know what to do about that ... | | David Jones Alright, my CSS is valid. http://jigsaw.w3.org/css-validator/validator?profile=css21warning=0uri=htt p%3A%2F%2Fwww.objectivedesigns.com%2Famittius%2Fwhite%2Findex.htm I understand that IE6 just isn't going to show the transparent PNG's correctly. I'll either live with it or deal with it later. But what about the bottom padding of the links in the footer? Neither IE6 nor IE7 show that correctly. Daniel __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] IE margin, padding, and .png issues
| URL: http://www.objectivedesigns.com/amittius/white/index.htm | CSS: http://www.objectivedesigns.com/amittius/white/index.css | | On Windows XP Pro... FF3, Opera 9.51, and Safari 3.1.2 | display the site correctly. IE7 and IE6 don't. IE7 shows | everything right except the padding on the links in the | footer (it doesn't put padding on the bottom of the links, | only the sides and the top). IE6 has this same problem, but | it also doesn't correctly execute the margins of the light | blue boxes that are within the body text. It pushes them too | far away from the sides of the container. IE6 also seems to | be unable to correctly display PNG images with | semi-transparent pixels (the background images that appear | around the header, container, and footer). | | Try validate your CSS? | | IE6 doesn't support PNG's 256-levels of transparency. Other | folk on the list know what to do about that ... | | David Jones Alright, my CSS is valid. http://jigsaw.w3.org/css-validator/validator?profile=css21warning=0uri=htt p%3A%2F%2Fwww.objectivedesigns.com%2Famittius%2Fwhite%2Findex.htm I understand that IE6 just isn't going to show the transparent PNG's correctly. I'll either live with it or deal with it later. But what about the bottom padding of the links in the footer? Neither IE6 nor IE7 show that correctly. Daniel __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
[css-d] IE 7 Problem
Apologies to everyone if this is an easy fix, but my eyes are bleary at this point, and I'm stuck. Have a WordPress site that looks just fine in FireFox, Safari and IE 6, but freaks out in IE 7. I think it's the float layout, but can't find the exact fix. The site is at http://www.businessinsightgroup.net/ The css is at http://snipurl.com/ie7ache I think the problem is in the layout section of the css file, marked with a comment as:/* !layout (sandbox 2col left) */ I've been reading every IE7 bug article, but I'm just not seeing the issue. If anyone has any suggestions at all, I would really appreciate any advice you might be willing to share. Thanks very much. -- Jeff __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] IE margin, padding, and .png issues
From: Daniel Hammond [EMAIL PROTECTED]
| URL: http://www.objectivedesigns.com/amittius/white/index.htm
| CSS: http://www.objectivedesigns.com/amittius/white/index.css
|
| On Windows XP Pro... FF3, Opera 9.51, and Safari 3.1.2
| display the site correctly. IE7 and IE6 don't. IE7 shows
| everything right except the padding on the links in the
| footer (it doesn't put padding on the bottom of the links,
| only the sides and the top). IE6 has this same problem, but
| it also doesn't correctly execute the margins of the light
| blue boxes that are within the body text. It pushes them too
| far away from the sides of the container.
Add - display: inline - to both .l_box and .r_box to take care if IEs double
float margin bug [1], and add the following selector -
#footer a {zoom: 1;}
to see if that takes care of the IE issues in your footer [2]
~holly
[1] http://positioniseverything.net/explorer/doubled-margin.html
[2] 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/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] IE 7 Problem
Jeff Chasin wrote:
Apologies to everyone if this is an easy fix, but my eyes are bleary
at this point, and I'm stuck.
Have a WordPress site that looks just fine in FireFox, Safari and IE
6, but freaks out in IE 7. I think it's the float layout, but can't
find the exact fix.
The site is at http://www.businessinsightgroup.net/
The css is at http://snipurl.com/ie7ache
I think the problem is in the layout section of the css file, marked
with a comment as:/* !layout (sandbox 2col left) */
I've been reading every IE7 bug article, but I'm just not seeing the
issue. If anyone has any suggestions at all, I would really
appreciate any advice you might be willing to share.
Thanks very much.
--
Jeff
The overlap in IE7 is caused by *height: 10px;. IE7 is using this height
for the header.
div#header {
background: url('img/big-header3.png') left top no-repeat;
margin: 0;
border: 0;
padding: 0;
*height: 10px;
}
Once you remove *height: 10px;, IE7 render the same as the other
browsers. Apart from the universal selector '*' causing parsing errors
in your style sheet, thus making it invalid. The universal selector used
in this fashion is a way to hack IE7 with invalid CSS (non IE browsers
will drop the declarations). This hack is repeated may times through out
your style sheet like.
*font:x-small;
I would suggest that you remove all of them and thus create a valid
style sheet. The CSS validator will help.
http://jigsaw.w3.org/css-validator/
--
Alan http://css-class.com/
Nearly all men can stand adversity, but if you want to test a man's
character, give him power - Abraham Lincoln
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
