Re: [css-d] looks good in IE but not netscape/firefox
That worked - thanks scott! ~Mindy [LINK: http://pj-chron.com/] ---Original Message--- From: Scott Swabey Subject: Re: [css-d] looks good in IE but not netscape/firefox Sent: 18 Dec '06 09:21 On 18/12/06, MINDY [LINK: mailto:[EMAIL PROTECTED] [EMAIL PROTECTED] wrote: Hopefully you all can point out the something simple I'm missing. It's the same old song- the site is [LINK: [LINK: http://www.reelief.com/test] http://www.reelief.com/test] [LINK: http://www.reelief.com/test] http://www.reelief.com/test It looks fine in IE but in netscape/firefox ect. the main box is dropped to low on the page. Hi Mindy You have declared clear:both on the #main div. Remove this, or set it to clear:none; and all should be good. Regards Scott __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7 information -- http://css-discuss.incutio.com/?page=IE7 List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
[css-d] Negative background position: pixels work, percent doesn't...?
Ran into a bizarre problem over the weekend. The goal of this page is to combine a nav menu with progress meters for a funding campaign. After much fiddling with stacking things, I realized the simplest way to do it would be to set a background image on each list item, and move it to the left by whatever amount has not been funded. Example: http://stephanieleary.net/progress-test/ For goal #10, I tried background-position: -76% 50%; ...but it doesn't work. If I do the math and specify the pixels, it does: background-position: -152px 50%; (Actually, that doesn't work in Safari either, but I'm willing to deal with Safari later.) Why won't the percentage work? -- Stephanie Leary Web Communications Specialist The Texas AM University System tamus.edu __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7 information -- http://css-discuss.incutio.com/?page=IE7 List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] IE7 problem with my site - www.pain.ro
~davidLaakso wrote:
Devon Miller wrote:
Daniel Petre wrote:
hello, anyone can guide me to a hack regarding viewing my page (
http://www.pain.ro ) the right way in IE7 ?
Best,
~dL
{previous message trimmed]
You may need this with it, too... who knows? :-)
#navcontainer ul li { /*z-index: 1;*/display: inline; }
~d
--
http://chelseacreekstudio.com/
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7 information -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] Problems with scrolling table in IE7
George,
Thanks for the information! As best as I can tell, the problem is
that in IE6 and before, the htmlbody was used to hide the style
declarations from IEand now, IE 7 can see them??
In other words, IE6 and before will see this:
div.tableContainer table {
margin: 0 -16px 0 0;
width: 100%;
}
but it will blow right by this??
htmlbody div.tableContainer table {
margin: 0;
}
which in that example is fine since both have the margin: 0but in
this case.
htmlbody tbody.scrollContent {
height: 426px;
overflow: auto;
width: 100%
}
there is no definition for tbody.scrollContent{}, so is that what is
causing my table to jack up? And if so, what's the proper fix here...do
I need to do a version check in my page --[if IE7]-- and if it is then
define the tbody.scrollContent{} just for IE7? And, what should that now
be...anything different??
I am still learning quite a bit about CSS and appreciate the help.
Adrian
George Ornbo wrote:
On 12/18/06, *Adrian Williams* [EMAIL PROTECTED]
mailto:[EMAIL PROTECTED] wrote:
Y'all,
With the introduction of the fixes in IE 7, the CSS-based
scrolling tables (based on the original CSS written by Terence Ordona)
that I have in my site are now hosed in IE 7...
http://williams.genealogy.fm/results_page.php
I think it has something to do with the way IE7 now handles the
htmlbody declaration but am not sure what I need to do to correct the
problem. Can anyone help me learn/figure out what now needs to be
added
to the CSS to allow IE7 to render the tables correctly???
Many thanks!
Adrian
__
css-discuss [ css-d@lists.css-discuss.org
mailto:css-d@lists.css-discuss.org]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7 information -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org http://evolt.org --
http://www.evolt.org/help_support_evolt/
Hi Adrian
You are right . IE7 doesn't like html body.
http://blogs.msdn.com/ie/archive/2005/10/12/480242.aspx
http://blogs.msdn.com/ie/archive/2005/10/12/480242.aspx
George
Shape Shed | www.shapeshed.com http://www.shapeshed.com
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7 information -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] Problems with scrolling table in IE7
On 12/18/06, George Ornbo [EMAIL PROTECTED] wrote: On 12/18/06, Adrian Williams [EMAIL PROTECTED] wrote: Y'all, With the introduction of the fixes in IE 7, the CSS-based scrolling tables (based on the original CSS written by Terence Ordona) that I have in my site are now hosed in IE 7... http://williams.genealogy.fm/results_page.php I think it has something to do with the way IE7 now handles the htmlbody declaration but am not sure what I need to do to correct the problem. Can anyone help me learn/figure out what now needs to be added to the CSS to allow IE7 to render the tables correctly??? Many thanks! Adrian __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7 information -- http://css-discuss.incutio.com/?page=IE7 List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/ Hi Adrian You are right . IE7 doesn't like html body. http://blogs.msdn.com/ie/archive/2005/10/12/480242.aspx More correctly, IE7 doesn't ignore html body. Try replacing : htmlbody div.tableContainer with html* body div.tableContainer That will make it visible to ie6, but not ie7 dcm __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7 information -- http://css-discuss.incutio.com/?page=IE7 List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
[css-d] Background Image Padding/Margin problem
http://www.bctarizona.com/test/ http://www.bctarizona.com/test/bct.css The easy problem: Margins/Padding on the content DIV. I've tried several different ways but none are giving me equal margins on the content. Ideally, I want 10px padding on the content. I'm sure the problem is one of the margin doubling or collapsing problems but I can't figure it out. The hard problem: I decided to make this layout a little elastic giving the body a min-width of 735px. I assigned the header DIV a background image which will be the left image in the header that is missing while the right image which is present will float around depending on the width of the browswer. Why is this background image not showing up in my header DIV? Thanks, Mike __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7 information -- http://css-discuss.incutio.com/?page=IE7 List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
[css-d] last-child problems....
Y'all,
Here I am again!! Still working thru problems in my style sheet and
the newest is this:
tbody.scrollContent td:last-child {
padding-right: 19px; }
thead.fixedHeader th:last-child {
padding-right: 19px; }
Not really sure what the problem is but the validation tool comes
back with Unknown pseudo-element or pseudo-class :last-child and it
is causing some serious nightmarish activity with my results
table...causing the columns to go haywire on their widthsand I know
that it is the culprit because when I comment out those two lines, the
table is perfect...or as close to perfect as one can expect!
And ideas what I am doing wrong this time?!?!
Adrian
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7 information -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
[css-d] Community view point for CSS on font size
Dear Community, What is the communities view point on CSS font-size property? should it be in pt (point) or px (pixel) measurements? Personally I design in pt - but I would just like to get the view point of other developers and the reason behind why they use it. Regards Abyss __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7 information -- http://css-discuss.incutio.com/?page=IE7 List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] positions of LI in a UL
On 19/12/06, Santiago Restrepo [EMAIL PROTECTED] wrote:
[trimmed]
I have a wide UL (width 200px) with LI that are smallers (150px). Now the
problem is that i want those LI to stick with the right side of the UL.
here's a little example
http://www.utp.edu.co/Nuev/contprueba.php
the column i'm trying to style is the left one. The light gray area
represents the UL and you can see that the items inside of it are attached
to the right border.
If you are trying to replicate your table technique (which doesn't
work too well between IE and Firefox/Opera, btw), try the following:
style type=text/css
ul#menu {
list-style: none;
background-color: #CC;
width: 200px;
margin: 0;
padding: 0;
}
ul#menu li {
background-color: #E7E7E7;
border: 1px solid #B8C4F1;
margin-left: 50px;
padding: 0;
}
/style
html
ul id=menu
lia href=#Item 1/a/li
lia href=#Item 2/a/li
lia href=#Item 3/a/li
/ul
/html
Obviously, you will need to style other items like the anchors. I'd
also recommend including a DOCTYPE in your HTML, so that you get
reliable treatment across various internet browsers.
HTH
--
Cheers,
Sasha
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7 information -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] Community view point for CSS on font size
On 19/12/06, Information - Abyss [EMAIL PROTECTED] wrote: What is the communities view point on CSS font-size property? should it be in pt (point) or px (pixel) measurements? Personally, I always design using 'em' units, wherever (and whenever) possible. I have found that this unit of measurement allows for the most fluid change in layouts, based on the user's type size preference (in their internet browser of choice). Failing that, I guess that I'd use pixels for screen/projection/handheld and points for print. Personally I design in pt - but I would just like to get the view point of other developers and the reason behind why they use it. PostScript points are a unit of measurement for print, not for screen usage. I've always avoided using print units - even after browsers started handling them better (circa 2002/3). -- Cheers, Sasha __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7 information -- http://css-discuss.incutio.com/?page=IE7 List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
[css-d] Positioning an image class ?
I am trying to get the advert block (.ads) to display about 30px down the
maincontent div but have the text run alongside the advert contained with the
ads class.
At the moment however the .ads advert displays after the text in maincontent
Any ideas?
#wrapper
{
margin: 0 auto;
padding: 0;
border: 2px black;
width: 951px;
background: #ff;
}
#maincontent
{
background: #ff;
color: #00;
width: 440px;
margin-left: 225px;
line-height: 130%;
margin-top: 40px;
border-top: 2px black;
margin-right: 200px;
}
.ads
{
float: right;
display: block;
width: 250px ;
height: 280px ;
vertical-align: middle ;
text-align: center ;
background: #fff url(adlink.gif) no-repeat 50% 2% }
div id=wrapper
div id=maincontent
pante ipsum primis in faucibus orci luctus et ultrices posuere cubilia
Curae; Praesent hendrerit iaculis arcu/p
pante ipsum primis in faucibus orci luctus et ultrices posuere cubilia
Curae; Praesent hendrerit iaculis arcu/p
pante ipsum primis in faucibus orci luctus et ultrices posuere cubilia
Curae; Praesent hendrerit iaculis arcu/p
pante ipsum primis in faucibus orci luctus et ultrices posuere cubilia
Curae; Praesent hendrerit iaculis arcu/p
pante ipsum primis in faucibus orci luctus et ultrices posuere cubilia
Curae; Praesent hendrerit iaculis arcu/p
div class=ads
/br
img src=advert.gif alt=Advert/
/div
/div
/div
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7 information -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] Community view point for CSS on font size
Information - Abyss wrote: What is the communities view point on CSS font-size property? I'd go with ems. Please see Sizing Text (and all kinds of other CSS tips) on the list Wiki: http://css-discuss.incutio.com/ Regards, Lori __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7 information -- http://css-discuss.incutio.com/?page=IE7 List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] Negative background position: pixels work, percent doesn't...?
On 19/12/06, Stephanie Leary [EMAIL PROTECTED] wrote: Example: http://stephanieleary.net/progress-test/ For goal #10, I tried background-position: -76% 50%; ...but it doesn't work. If I do the math and specify the pixels, it does: background-position: -152px 50%; (Actually, that doesn't work in Safari either, but I'm willing to deal with Safari later.) Why won't the percentage work? Given that the 'Sliding Doors' (and many others of a similar nature) technique is based on images with positioned graphics, it makes sense to use an absolute measurement based on the original image. Percentage usage on a cross-browser basis gives *very* varied mileage, as well. You could use a script action to do the calculation of the exact positioning value of the background-image, given the intended result. IMO, of course. :) -- Cheers, Sasha __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7 information -- http://css-discuss.incutio.com/?page=IE7 List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] Positioning an image class ?
On 19/12/06, [EMAIL PROTECTED] [EMAIL PROTECTED] wrote: I am trying to get the advert block (.ads) to display about 30px down the maincontent div but have the text run alongside the advert contained with the ads class. At the moment however the .ads advert displays after the text in maincontent If you put the div.ads above the the text content, it will display correctly. Here is how the html content could flow: #wrapper #maincontent .ads text content HTH -- Cheers, Sasha __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7 information -- http://css-discuss.incutio.com/?page=IE7 List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] Positioning an image class ?
On 19/12/06, [EMAIL PROTECTED] [EMAIL PROTECTED] wrote: However at present I have image1.gif but what I would like is for the text to wrap around the advert like in image2.gif. You would need to have the div.ads container appear in the html flow after those two paragraph containers. -- Cheers, Sasha __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7 information -- http://css-discuss.incutio.com/?page=IE7 List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] weird image things going on
On 19/12/06, Ivan Porto Carrero [EMAIL PROTECTED] wrote: I have a page that has moving parts (in an accordion type of widget) Inside this page I have a button that popups up a calendar widget. Now when I don't put an accordion around it (or i don't collapse a div via javascript or anything) the page looks fine However when I start hiding and showing things the images get all screwed up they don't know where they have to be etc. This only happens on IE btw Is this some well-known bug that i might have missed ? Have you got an online example of this issue? -- Cheers, Sasha __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7 information -- http://css-discuss.incutio.com/?page=IE7 List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
[css-d] The clip property - what's the logic behind it?
Hi all, I've been playing with clip recently and it seems to me the spec is a bit counter-intuitive. It is particularly irritating if you are clipping non-fixed width elements because if you don't want it to be clipped on the right, you have to specify its width for that value. Surely it would be more logical for each value to represent how much is clipped from that edge of the rectangle? For example: clip:rect(10px 100px 80px 20px); If the element to be clipped is 100px x 80px, this will cause it to be clipped to an area 70px x 80px, where it is clipped 10px at the top and 20px on the left. This is fine, but why should it be necessary to specify 100px for the right and 80px for the bottom? It seems to me it would be more sensible for these values to be 0 to achieve this effect. It's easier to get your head around. Also, why is it that it applies only to absolutely positioned elements? Why not relatively positioned ones? Cheers, Rafael __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7 information -- http://css-discuss.incutio.com/?page=IE7 List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] last-child problems....
Sasha, Yes, I agree...I have gone thru and cleaned up the html and passed the XHTML 1.0 validation. I have also re-enabled the last-child declares so that you can see what they are doing in the code... http://www.familydna.net/williams/results_page.php And here is the same page and same code but with the last-child declares remarked out http://www.familydna.net/williams/NEWresults_page.php My primary browser is FF but I also need to get this working correctly in both IE6 and IE7. Thanks in advance for the help!! Adrian Sasha Gerrand wrote: On 19/12/06, Adrian Williams [EMAIL PROTECTED] wrote: Not really sure what the problem is but the validation tool comes back with Unknown pseudo-element or pseudo-class :last-child and it is causing some serious nightmarish activity with my results table...causing the columns to go haywire on their widthsand I know that it is the culprit because when I comment out those two lines, the table is perfect...or as close to perfect as one can expect! FWIW: I would seriously recommend using valid HTML markup before correcting errors in your CSS declarations. I'm assuming that those errors reported by the CSS validation tool you are using are occuring because you are validating against CSS 2.1 or below. The pseudo-element 'last-child' does not exist until CSS 3[1]. HTH [1] http://www.w3.org/TR/css3-selectors/ __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7 information -- http://css-discuss.incutio.com/?page=IE7 List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] [ADMIN] Community view point for CSS on font size
Information - Abyss wrote: Dear Community, What is the communities view point on CSS font-size property? should it be in pt (point) or px (pixel) measurements? Lori Robinson suggested reviewing the material in our list WIKI (address at the bottom of every posting). There is sufficient material in the WIKI, and in the list archives, that we need not rehash the discussion here yet again. This thread stops now. -- Bob Easton Accessibility Matters: http://access-matters.com __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7 information -- http://css-discuss.incutio.com/?page=IE7 List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] last-child problems....
On 19/12/06, Adrian Williams [EMAIL PROTECTED] wrote: Yes, I agree...I have gone thru and cleaned up the html and passed the XHTML 1.0 validation. I have also re-enabled the last-child declares so that you can see what they are doing in the code... http://www.familydna.net/williams/results_page.php And here is the same page and same code but with the last-child declares remarked out http://www.familydna.net/williams/NEWresults_page.php My primary browser is FF but I also need to get this working correctly in both IE6 and IE7. Thanks in advance for the help!! I don't actually see the problem that you describe in IE6 and don't have a copy of IE7 handy. Given that the results tables are being generated out of PHP, why not have the last table header/cell generated with a 'last' class (or something similar)? -- Cheers, Sasha __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7 information -- http://css-discuss.incutio.com/?page=IE7 List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] weird image things going on
On 19/12/06, Ivan Porto Carrero [EMAIL PROTECTED] wrote: The pages are generated with a ruby like technology so i copied the html into 2 files and made those available. I can't give a simplified example because then it works as expected. The forms are done using the pretty accessible forms template #form #fieldset #ol #li Label + input You should be able to see something at http://office.flanders.co.nz/testlist.htm and http://office.flanders.co.nz/test.htm The testlist page shows the behaviour when you expand the schedule panel of the accordion If you then click on the close link (which should get a different text) you'll see that the calendar icon is put out of place. If you expand and collapse the schedule panel you will see the behaviour occurring again This happens also when put things inside a div inside the li. The test.htm has a button that has exactly the same behaviour in the schedule panel. The surest way to experience the full bug is to use IE6 :) Sorry - I'm getting a broken TCP/IP connection to your nominated server! I'll see if I can get into a New Zealand-based SSH host and see the page from there. -- Cheers, Sasha __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7 information -- http://css-discuss.incutio.com/?page=IE7 List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] weird image things going on
On 19/12/06, Ivan Porto Carrero [EMAIL PROTECTED] wrote: I have a page that has moving parts (in an accordion type of widget) Inside this page I have a button that popups up a calendar widget. Now when I don't put an accordion around it (or i don't collapse a div via javascript or anything) the page looks fine The page takes a very long time to load. It is not xhtml. See: http://www.chelseacreekstudio.com/ca/cssd/stuff.xhtml. Validate. Best, ~dL -- http://chelseacreekstudio.com/ __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7 information -- http://css-discuss.incutio.com/?page=IE7 List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
[css-d] Strange IE Printing Result
Hi, I have an HTML page, with 2 CSS, one for screen media and the other for print. The page contains a list of divs, each one has a dashed border-bottom. When I print the HTML, just borders of the first page are dashed, and on other pages the border changes to solid. Is it a known bug in IE? Best. __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7 information -- http://css-discuss.incutio.com/?page=IE7 List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] Strange IE Printing Result
On 19/12/06, Mohsen Saboorian [EMAIL PROTECTED] wrote: Hi, I have an HTML page, with 2 CSS, one for screen media and the other for print. The page contains a list of divs, each one has a dashed border-bottom. When I print the HTML, just borders of the first page are dashed, and on other pages the border changes to solid. Is it a known bug in IE? Do you have an online example of the HTML and CSS files referenced? -- Cheers, Sasha __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7 information -- http://css-discuss.incutio.com/?page=IE7 List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] Strange IE Printing Result
Hi Sasha, Here is an example: http://siahe.com/zekr/dev/ie-print-problem/sura-maryam.html Here is a sample printed PDF: http://siahe.com/zekr/dev/ie-print-problem/sura-maryam.pdf Thanks. On 12/19/06, Sasha Gerrand [EMAIL PROTECTED] wrote: On 19/12/06, Mohsen Saboorian [EMAIL PROTECTED] wrote: Hi, I have an HTML page, with 2 CSS, one for screen media and the other for print. The page contains a list of divs, each one has a dashed border-bottom. When I print the HTML, just borders of the first page are dashed, and on other pages the border changes to solid. Is it a known bug in IE? Do you have an online example of the HTML and CSS files referenced? -- Cheers, Sasha __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7 information -- http://css-discuss.incutio.com/?page=IE7 List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
[css-d] Absolute Positioning and Fixed Footer Woes in IE
It's been a while...
I have a slightly unusual design request from a client that's giving me
some grief in IE. In the nutshell, effectively what is required is a
fixed footer of fixed height that sits at the bottom of the viewport.
The content will be centered in another fixed width box and will scroll
when it is longer than the height of the box, and the bottom of this box
will sit directly above said footer. Initially I had achieved this to
good effect using position: fixed and the respective IE hacks (no
hardships there), but now I've been asked if they can have the scrollbar
for the main content sitting right next to that box inside the window.
This has given me a slight headache since I can get it working in
Firefox/Netscape/Opera but NOT in IE6. Something like...
html, body {
margin: 0;
padding: 0;
height: 100%;
border: 0;
}
#content {
width: 730px;
position: absolute;
bottom: 260px;
top: 10px;
left: 50%;
margin: 0 auto auto -365px;
text-align: center;
overflow: hidden;
}
/* hide from ie mac \*/
#content {
overflow: auto;
}/*end hide*/
...does the trick for most browsers, but of course IE6 doesn't like the
use of both position top and bottom without a height in this situation,
and using a height wont work (well, I can't make it work).
So, to reiterate, does anyone know of a way to have a fixed width box
horizontally centered but always a fixed distance from the bottom of the
viewport, whilst allowing the content to scroll using overflow. I hope
that all made sense. Any ideas?
TIA
Mark
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7 information -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
