[css-d] Why is it jogging on the Mac?
http://mdh-test.com/perry_roofing http://mdh-test.com/perry_roof.css The contact page on FF and Safari on the Mac is jogging to the right. On Netscape 7.2 the testimonials page and the contact page jog. These are not complicated pages! What is going on? Please help! Thank you in advance! -- Theresa Mesa Mesa Design House http://mesadesignhouse.com 909-335-9710 Fax 909-335-9717 __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7b2 testing hub -- 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] help with drop shadow technique and fluid layout
ben scott wrote me offlist: passes validation now, it makes no difference, it is working when these drop shadows arent in nested divs, also the technique deals with PNG transparency in ie by using technique in alistapart http://www.alistapart.com/articles/cssdrop2/. Hi Ben, I think the ALA-method shouldn't invoke nesting problems (in your case anyway): according to the css-rules nesting cannot have influence on the dimensions. Now your testpage on the web still has the validation-problems, so I can't see what is (not) happening in your validated version. I made a html-validated version too, and the strange thing: it does not have problems with the dropshadows if resizing in FF or Opera or even IE. :-) This is the testpage http://home.tiscali.nl/developerscorner/css-discuss/test-home3colours-nw.html. - For proper displaying in IE still some other things have to be arranged... (as usual). Greetings, francky __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7b2 testing hub -- 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] Print stylesheet/alt text
I've seen a lot of requests (in my searches for this answer) for people
who want to display background images with CSS. It seems I want
something different, and I can't seem to find the answer to this. I'm
hoping you all can help :)
What I want to do is display the alt text for my images, instead of the
images themselves, in the printed page. I don't want any images to
print out at all - just the text. However, if I put img
{display:none;} in my print stylesheet, the images disappear - but so
does the alt text.
Is there a way to tell the print stylesheet img {display:none - but
show the alt text;}? Or will I just need to find a script or something
that'll do this for me? (I'd much rather just use CSS if I can!)
Thanks :)
~Shelly
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7b2 testing hub -- 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] Background flashes
I am also using IE6 on WinXP . . . Dave Goodchild wrote: Looks fine to me in IE6 on Win XP. -- http://www.web-buddha.co.uk http://www.projectkarma.co.uk __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7b2 testing hub -- 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] Background flashes
- Riva wrote I designed a website that has a big picture on the background (per the _client's_ request) and I find that the background flashes in IE - not just once, but every time I go to the page. I tried all the usual fixes I could find and even cleared the cache, but it is still happening. Any advice would be much appreciated. The site is here: http://www.starqualitydesigns.com/Moodus/ Hi Riva Try adding meta http-equiv=Page-Enter content=blendTrans(Duration=0.1) into the head/head section of each page. This slows deleting of the old page. IE has a fade-out/fade-in option when changing webpages. Setting the fade time 0 .1 sec is harmless for the visitor, and long enough to prevent flickering: Hope this works. Ian __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7b2 testing hub -- 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-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7b2 testing hub -- 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] Liquid columns Printing Issue - update
Tom,
Well thanks for your efforts! Your suggestion didn't work. Could this be
a bug? I will start searching the Firefox forums and see what I can
find...
Chris
-Original Message-
From: Tom Livingston [mailto:[EMAIL PROTECTED]
Sent: Thursday, June 29, 2006 11:48 AM
To: Chris C
Cc: CSS List
Subject: Re: RE: [css-d] Liquid columns Printing Issue - update
[..header data..]
table
[1-20 page(s) later]
/table
[..footer data..]
Page 2 always seems to hold the footer though which makes the issue
really bizarre.
The URL once again is: http://hitech.lead2gold.org/view_teams.php
The 3 style-sheets I'm using are:
(page layout only): http://hitech.lead2gold.org/css/navmain.css
(page colors and some table layouts):
http://hitech.lead2gold.org/css/green.css
(print css) http://hitech.lead2gold.org/css/print.css
Thanks again for resolving one of my problems though!
Chris
I do in fact have a print.css file that chops the right and left
menu
bars before the print.
I can't figure out why it truncates past the first page.
Are the containers of the content being printed floating? (Sorry,
can't look right now).
In your print sheet, try getting rid of the floats.
i.e. #div{float:none;}
HTH
Hmm. The only other print issues I have had (so far) I managed to
resolve by having to put width:auto!important; and
height:auto!important; in my print sheet. Without the !important
added, the print styles didn't over-ride the screen.
HTH
--
Tom Livingston | Senior Multimedia Artist | Media Logic |
ph: 518.456.3015x231 | fx: 518.456.4279 | mlinc.com
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7b2 testing hub -- 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] Background flashes
Hi Kieron, Thanks for the reply. The transition: meta http-equiv=Page-Enter content=blendTrans(Duration=0.1) is what solved the problem. :-) Riva Kieron McIntyre wrote: Hi Riva, I have tested the site in IE5, 5.5, 6 and 7 and I can't replicate the issue you describe. You do have a transition set on each page: meta http-equiv=Page-Enter content=blendTrans(Duration=0.1) This may be causing what you see. Alternatively, try setting no-repeat on the background image since the image is static. Kieron McIntyre www.digbyswift.com www.cssfilters.net __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7b2 testing hub -- 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] Fluid 3 column layout with images
Christine Reed wrote:
I have just built my first successful 3-column layout - 'proper' contents
still need adding.
It works well at 1024 res and above but when the viewport gets reduced (eg at
800 res) or if Favourites is open on the side, the whole thing degrades
badly - ie page elements move out of place starting with the image placed in
the middle column.
I suspect it is because the text can resize because I have used
{margin:auto;} as well as percentages for the body and the divs but the
image has a fixed width and shifts instead of resizing...
Is there a way I can get the image to behave like the rest and resize?
Many thanks to anyone willing to help me!
To test what I mean:
http://www.clairerich.co.uk
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7b2 testing hub -- 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/
I only looked at this page
http://www.clairerich.co.uk/introductionwhite.html
Part of the problem, Claire, is the software can't find the doctype,
because dl/dl is preceding it. Delete those.
Changing this selector to read:
#content img{ padding:10px 0;
text-align:center;
/*margin-left:130px; delete this*/
display: block; add this
margin: 0 auto; add this
}
should center the image in its container.
Add an empty comment here, like so (I do not know why, but it helps--
makes it not empty, I guess?):
div class=cleardiv!-- --/div
You have 3 images specified in the markup. /Each/ of them needs an alt
(whatever it's called) thing, like:
img src=http://www.clairerich.co.uk/Pictures3/arrow1w27x20.gif; alt=
Then valididate the markup here: http://validator.w3.org/ .
Then validate the CSS (correct errors-- ignore warnings for the time
being) here:
http://jigsaw.w3.org/css-validator/
Not tested.
HTH.
Regards,
~dl
--
http://chelseacreekstudio.com/ca/ccs/pow/pow.html
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7b2 testing hub -- 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] Liquid columns Printing Issue - update
Chris C wrote:
The only problem I'm having left is FireFox still refuses to print
beyond the first page where as it looks great in every other browser
(IE6, IE7, and Opera).
The URL once again is: http://hitech.lead2gold.org/view_teams.php
Try adding...
table,td {height: 100%;}
...in the print-style sheet.
That forces Firefox to print the entire table, at my end.
regards
Georg
--
http://www.gunlaug.no
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7b2 testing hub -- 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] Drop-down menu IE6 problem
Marc Wolfgram wrote:
I have used a css drop down menu list structure on several sites very
successfully. I'm using it again on a site under development. The
menu works fine on all browsers EXCEPT IE6 Win (works under IE7 beta
too!) Homeowner's Guide should display five submenu items on
mouseover.
I've crawled through the css and the html. The IE helper javascript
is the same file used on my other sites... I'm looking for a clue.
html- http://www.homelitecustomwindows.com/index.html
css-- http://www.homelitecustomwindows.com/master.css
js--- http://www.homelitecustomwindows.com/ddmenu.js
Note that the 'UL' reference in the js code matches 'ul' -- tried
that, no joy -- the code is called, when I move it a level higher it
hid and unhid the main nav bar ul.
When I set visibility:visible manually, the submenu shows up. So the js
does not apply correctly. But when I remove the comment inside the menu,
it is fixed in IE6. Does that mean the html comment conflicts with the js?
ul id=menu
li
a href=#Homeowner's Guide/a
ul
lia href=#Warranties/a/li
/ul
/li!-- --
/ul
I am not a js expert, so others should correct me in my wild guessing.
startMenu = function() {
if (document.all document.getElementById) {
var topmenu = document.getElementById(menu);
if (topmenu) {
var submenus = topmenu.getElementsByTagName('UL');
for (var i=0; i submenus.length; i++) {
var pn = submenus[i].parentNode;
pn.onmouseover = function() {
this.lastChild.style.visibility = 'visible'; }
pn.onmouseout = function() {
this.lastChild.style.visibility = 'hidden'; }
}
}
}
}
if (window.attachEvent) window.attachEvent(onload, startMenu)
else window.onload=startMenu;
Looks to me as if IE6 thinks with this line in your js
this.lastChild.style.visibility = 'visible';
the comment is meant. Don't know if this is a correct behavior in js.
PS.
your html does not validate.
Ingo
--
http://www.satzansatz.de/css.html
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7b2 testing hub -- 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] PNG Background in IE6
Marcelo Wolfgang wrote: Hi list, Is it possible to have a png with transparency in IE ? I only found out about techniques to do that with images on the code, If someone can help me I appreciate. TIA Grillo Perhaps this link will help answer the question: http://homepage.ntlworld.com/bobosola/ Regards, ~dL -- http://chelseacreekstudio.com/ca/ccs/pow/pow.html __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7b2 testing hub -- 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] Print stylesheet/alt text
On Fri, 30 Jun 2006 10:38:42 +0800, Design Groups
[EMAIL PROTECTED] wrote:
What I want to do is display the alt text for my images, instead of the
images themselves, in the printed page.
The CSS way of doing that is to add something like the following to your
print styles:
img {
content: attr(alt);
/* optional, but may help alt text from being chopped off: */
width: auto !important;
height: auto !important;
}
However, AFAIK only Opera supports that. For everything else, you'll need
scripting of some sort.
HTH,
--
Andrew Gregory, URL: mailto:[EMAIL PROTECTED]
URL: http://www.scss.com.au/family/andrew/
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7b2 testing hub -- 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] help with drop shadow technique and fluid layout
francky wrote: Hi Ben, [...] This is the testpage http://home.tiscali.nl/developerscorner/css-discuss/test-home3colours-nw.html. - For proper displaying in IE still some other things have to be arranged... (as usual). And to avoid IE-hacks for the png's: made a quick alternative with only gif's: alternative testpage http://home.tiscali.nl/developerscorner/css-discuss/test-home3colours-alt.html. Greetings, francky __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7b2 testing hub -- 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] Rounded corners
Hi, I'm trying to get rounded corners working through CSS, I've read lots on the net about how it's possible and have in the past implemented some systems of my own that worked out really well. However, I think what I'm attempting now isn't possible with CSS, or at least not practical if it's to be used many times throughout a site (as in the code would be unwieldy). Basically I'm trying to have an outline border that runs right around a DIV, as well as a curved gradient section at the top. Basically like the boxes on this page: http://plone.org/documentation/tutorial/rounded-corners-in-css/tutorial-all- pages But instead of a solid colour at the top, I want a gradient. Is this possible or practical? Thanks! __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7b2 testing hub -- 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] Why is it jogging on the Mac?
http://mdh-test.com/perry_roofing
http://mdh-test.com/perry_roof.css
The contact page on FF and Safari on the Mac is jogging to the right. On
Netscape 7.2 the testimonials page and the contact page jog.
If you by jogging mean that all of the contents jump ca 10 px, that would be
because the scrollbar appears/disappears depending on the length of the
page.
You can force the scrollbar to always appear by changing to html, body
{height: 100.1%;}
Works in Firefox1.5.0.4
Eystein
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7b2 testing hub -- 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] Rounded corners
Eoin Maguire wrote: Hi, I'm trying to get rounded corners working through CSS, I've read lots on the net about how it's possible and have in the past implemented some systems of my own that worked out really well. However, I think what I'm attempting now isn't possible with CSS, or at least not practical if it's to be used many times throughout a site (as in the code would be unwieldy). Basically I'm trying to have an outline border that runs right around a DIV, as well as a curved gradient section at the top. Basically like the boxes on this page: http://plone.org/documentation/tutorial/rounded-corners-in-css/tutorial-all- pages But instead of a solid colour at the top, I want a gradient. Is this possible or practical? Thanks! Hi Eoin, I think it is good possible, like allmost everything is possible with css. :-) [1] It is less easy, if the gradient has to scroll over a not unicolor background, but it stays possible (with IE-hacks)! The other question: is it practical? ... Depends on your definition of 'practical' ;-) As far as I know, there are 2 basic methods: 1. put some extra div's in the html 2. let a javascript do that automatically. [2] The first one is not practical, if you don't like to copy/paste a lot (and/or if you want the html to be as clean as possible). [3] The second one is not practical, if you like that visitors with javascript turned off can see the rounded corners as well. Greetings, francky Oh, just saw the spanky-corners, no extra div's and no js; but not giving totally freedom to style the elements inside the box. [1] My corners corner http://home.tiscali.nl/developerscorner/liquidcorners/liquidcorners.htm. [2] Somewhere on the Wiki-corner page http://css-discuss.incutio.com/?page=RoundedCorners. [3] If you have only fixed width boxes, it will be less extra. __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7b2 testing hub -- 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] Liquid columns Printing Issue - update
Thank you Georg! That worked!
And thank you Tom for your earlier help!!
When I went over to Firefox I found this issue:
https://bugzilla.mozilla.org/show_bug.cgi?id=154892
(not sure if you have to be logged in or not for the above link to work)
but it explains that this is a problem in Firefox since v1.0 and they
are not going to attempt to resolve it until 1.9 as apparently it is a
very major one to fix (in the sense of a lot of major code-reworking).
They want to keep there current version as stable as possible
(understandable).
Anyhow, thanks again!
Chris
-Original Message-
From: [EMAIL PROTECTED]
[mailto:[EMAIL PROTECTED] On Behalf Of Gunlaug Sørtun
Sent: Friday, June 30, 2006 3:14 AM
To: Chris C
Cc: 'CSS List'
Subject: Re: [css-d] Liquid columns Printing Issue - update
Chris C wrote:
The only problem I'm having left is FireFox still refuses to print
beyond the first page where as it looks great in every other browser
(IE6, IE7, and Opera).
The URL once again is: http://hitech.lead2gold.org/view_teams.php
Try adding...
table,td {height: 100%;}
...in the print-style sheet.
That forces Firefox to print the entire table, at my end.
regards
Georg
--
http://www.gunlaug.no
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7b2 testing hub -- 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-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7b2 testing hub -- 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] Why is it jogging on the Mac?
I already have html, body set to 100%. Why does adding the extra .1% fix it,
which it does?
Theresa
On 6/30/06 3:40 AM, Eystein Alnaes [EMAIL PROTECTED] wrote:
If you by jogging mean that all of the contents jump ca 10 px, that would be
because the scrollbar appears/disappears depending on the length of the
page.
You can force the scrollbar to always appear by changing to html, body
{height: 100.1%;}
Works in Firefox1.5.0.4
Eystein
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7b2 testing hub -- 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] PNG Background in IE6
Hi David,
I read the enteire website, and this fix don't work for png images
used as background in the css like :
.bckgrnd{
background: url('image;png');
}
but, thanks for the page, I like the solution he offers there for
regular images.
Still hopping to find a solution for the background png problem
TIA
On 6/30/06, David Laakso [EMAIL PROTECTED] wrote:
Marcelo Wolfgang wrote:
Hi list,
Is it possible to have a png with transparency in IE ? I only found
out about techniques to do that with images on the code,
If someone can help me I appreciate.
TIA
Grillo
Perhaps this link will help answer the question:
http://homepage.ntlworld.com/bobosola/
Regards,
~dL
--
http://chelseacreekstudio.com/ca/ccs/pow/pow.html
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7b2 testing hub -- 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] Why is it jogging on the Mac?
I already have html, body set to 100%. Why does adding the extra .1% fix it, which it does? Theresa It spans the page larger then the actual viewport of the browser, no matter how much you resize the browserwindow, - thus forcing the scrollbar to always appear. By the way, I haven't checked this in other browsers, so you might want to doublecheck that it doesn't cause others (IEwin) to blow up... Eystein __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7b2 testing hub -- 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] Why is it jogging on the Mac?
Theresa Mesa wrote:
I already have html, body set to 100%. Why does adding the extra .1% fix it,
which it does?
Theresa
On 6/30/06 3:40 AM, Eystein Alnaes [EMAIL PROTECTED] wrote:
If you by jogging mean that all of the contents jump ca 10 px, that would be
because the scrollbar appears/disappears depending on the length of the
page.
You can force the scrollbar to always appear by changing to html, body
{height: 100.1%;}
Works in Firefox1.5.0.4
Eystein
One fix, if this is the problem, is:
html { min-height: 100%; margin-bottom: 1px; }
There is an explanation here:
http://www.communitymx.com/content/article.cfm?cid=528A0
~dL
--
http://chelseacreekstudio.com/ca/ccs/pow/pow.html
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7b2 testing hub -- 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] site check please
Thanks to advice that has come through this group since the beginning of the year, this site just went live. Tips that have been particularly useful have included centering words and groups images, also some general tips on opacity and background images, alt-text. I checked on windows XP, IE and Firefox, also Redhat Linux Konqueror (just to see) and Firefox, and then did the Safari image capture thing at http://www.snugtech.com/safaritest/. The header is a little taller than necessary now because there is space for a future menu item, showroom, however the business owners don't have images yet. Also - for IE it would be better if I could make hover work for the entire width of the menu, rather than simply text width. For a couple of the really short items I'm cheating using blank space. http://www.coalcreekcollision.com Feedback appreciated -Bob __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7b2 testing hub -- 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] Why is it jogging on the Mac?
Nope, no IE/Win bowing up. Will check it in other browsers later. Thanks! On 6/30/06 6:29 AM, Eystein Alnaes [EMAIL PROTECTED] wrote: It spans the page larger then the actual viewport of the browser, no matter how much you resize the browserwindow, - thus forcing the scrollbar to always appear. By the way, I haven't checked this in other browsers, so you might want to doublecheck that it doesn't cause others (IEwin) to blow up... Eystein __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7b2 testing hub -- 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-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7b2 testing hub -- 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] Why is it jogging on the Mac?
Theresa Mesa wrote: http://mdh-test.com/perry_roofing http://mdh-test.com/perry_roof.css The contact page on FF and Safari on the Mac is jogging to the right. On Netscape 7.2 the testimonials page and the contact page jog. Firefox and Safari both look fine, as long as I have the window short enough to show a scroll bar on all pages. If I have it tall enough to not show a scrollbar on any of the pages, again it's fine (although it needs a 21 monitor). If I have it at a size where some pages have a scrollbar and some don't, I see what you seem to be describing. So it's just a question of resizing your window until it works the way you expect - or accepting that out in the real world, people with all different sizes of windows, differing numbers of toolbars, and so forth will look at the site, and the quest to make it look identical-to-the-pixel for all of them is a complete waste of time, as it's unachievable. However, on Internet Explorer 6 (Windows) the main content is slightly closer to the navigation on the home page than it is on all the other pages (with the window sized so that the scrollbar is always present). It looks like you've got a 3-pixel text jog fix on the home page, but not on the other pages. HTH, Nick. -- Nick Fitzsimons http://www.nickfitz.co.uk/ __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7b2 testing hub -- 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] Why is it jogging on the Mac?
Hmmm, I didn't see that on my PC. Interesting. Will look into that. Thanks! On 6/30/06 7:17 AM, Nick Fitzsimons [EMAIL PROTECTED] wrote: However, on Internet Explorer 6 (Windows) the main content is slightly closer to the navigation on the home page than it is on all the other pages (with the window sized so that the scrollbar is always present). It looks like you've got a 3-pixel text jog fix on the home page, but not on the other pages. HTH, Nick. __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7b2 testing hub -- 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] Browser Load order
Does anyone know what the load order for a browser is? 1 HTML 2 CSS 3 IMAGES 4 JS 5 ??? Thanks, Nick --- Nick Morgan | Web Developer | New City Media P: 540.552.1320 x204 F: 540.552.5493 C: 540.921.7835 __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7b2 testing hub -- 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] Browser Load order
Nicholas Morgan wrote:
Does anyone know what the load order for a browser is?
1 HTML
2 CSS
3 IMAGES
4 JS
5 ???
1 first of all
2,3,4 when they occours in the HTML code.
The response from the server may be non consequential so the load
order is not (well) defined.
You can make a test adding an onload=alert('hello world, I am
'+this.id) on all images and in the body
Probably the browser don't execute any javascript code until all
javascript are loaded, but I'm not sure... :-[
bye
Chiacchiera con i tuoi amici in tempo reale!
http://it.yahoo.com/mail_it/foot/*http://it.messenger.yahoo.com
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7b2 testing hub -- 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] PNG Background in IE6
Hi David,
I read the enteire website, and this fix don't work for png images
used as background in the css like :
.bckgrnd{
background: url('image;png');
}
but, thanks for the page, I like the solution he offers there for
regular images.
Still hopping to find a solution for the background png problem
TIA
You can use the following filter in your css - feed it to IE with a
conditional comment:
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader
(src=your_file_name.png,sizingMethod=scale);
You can find more info with a google search
http://www.google.com/search?q=alphaimageloader+filter+png+backgrounds
I just had a messy, time consuming experience with this though where
links over the png background weren't clickable in IE.
Ingo Chao offered a helpful page:
http://www.satzansatz.de/cssd/tmp/alphatransparency.html
-Chirsty
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7b2 testing hub -- 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] site check please
Also - for IE it would be better if I could make hover work for the entire width of the menu try adding display:block; to your a's and for IE add zoom:1; for the same a's. width:100%; on the a's might be needed as well. HTH -- Tom Livingston | Senior Multimedia Artist | Media Logic | ph: 518.456.3015x231 | fx: 518.456.4279 | mlinc.com __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7b2 testing hub -- 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] Background flashes
hah.. yeah, that could do it. and would explain why I didn't see it. transitions drive me batty, so I disabled them in the browser. = = = Original message = = = Hi Kieron, Thanks for the reply. The transition: meta http-equiv=Page-Enter content=blendTrans(Duration=0.1) is what solved the problem. :-) Riva Kieron McIntyre wrote: Hi Riva, I have tested the site in IE5, 5.5, 6 and 7 and I can't replicate the issue you describe. You do have a transition set on each page: meta http-equiv=Page-Enter content=blendTrans(Duration=0.1) This may be causing what you see. Alternatively, try setting no-repeat on the background image since the image is static. Kieron McIntyre www.digbyswift.com www.cssfilters.net __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7b2 testing hub -- 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/ ___ Sent by ePrompter, the premier email notification software. Free download at http://www.ePrompter.com. __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7b2 testing hub -- 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] Background flashes
Ah, that explains it. :-) [EMAIL PROTECTED] wrote: hah.. yeah, that could do it. and would explain why I didn't see it. transitions drive me batty, so I disabled them in the browser. __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7b2 testing hub -- 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] Browser Load order
Nicholas Morgan wrote: Does anyone know what the load order for a browser is? 1 HTML 2 CSS 3 IMAGES 4 JS 5 ??? When you first request a page, your browser sends a GET request to the server, which returns the HTML to the browser. The browser then starts parsing the page (possibly before all of it has been returned). When it finds a reference to an external entity such as a CSS file, an image file, a script file, a Flash file, or anything else external to the page (either on the same server/domain or not), it prepares to make a further GET request for that resource. However the HTTP standard specifies that the browser should not make more than two concurrent requests to the same domain. So it puts each request to a particular domain in a queue, and as each entity is returned it starts the next one in the queue for that domain. The time it takes for an entity to be returned depends on its size, the load the server is currently experiencing, and the activity of every single machine between the machine running the browser and the server. The list of these machines can in principle be different for every request, to the extent that one image might travel from the USA to me in the UK over the Atlantic, while another from the same server comes out via the Pacific, Asia and Europe, which takes longer. So you might get a sequence like the following, where a page has (in this order) references to three script files, and five image files, all of differing sizes: 1. GET script1 and script2; queue request for script3 and images1-5. 2. script2 arrives (it's smaller than script1): GET script3, queue images1-5. 3. script1 arrives; GET image1, queue images2-5. 4. image1 arrives, GET image2, queue images3-5. 5. script3 fails to arrive due to a network problem - GET script3 again (automatic retry). 6. image2 arrives, script3 still not here; GET image3, queue images4-5. 7. image 3 arrives; GET image4, queue image5, script3 still on the way. 8. image4 arrives, GET image5; 9. image5 arrives. 10. script3 arrives. In short: any old order, depending on what the server is doing, what the rest of the Internet is doing, and whether or not anything has errors and has to be re-fetched. This may seem like a weird way of doing things, but it would quite literally be impossible for the Internet (not just the WWW) to work with any degree of reliability if it wasn't done this way. Also, the browser's internal queue might not fetch entities in the order they appear in the page - it's not required to by any standard. (Oh, and don't forget caching, both in the browser and in caching proxies used by ISPs to ease the load on the network.) Probably OT for css-d... ah well :-) HTH, Nick. -- Nick Fitzsimons http://www.nickfitz.co.uk/ __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7b2 testing hub -- 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] liquify current layout
Hello: Site: I'm looking to liquify the current layout. Ideally I'd like to mirror the general layout of this layout: http://blog.html.it/layoutgala/LayoutGala23.html One modification I'd like to implement is the ability to have text either span the entire width of the wrapper, or float the the left or the right of a fixed box. Above template has both-fixed width boxes floating on the same side, and doesn't have a div for a line of straight-across text. Just looking for some points in the right direction, especially if the solution to my woe deals with negative margins. Thanks muchly. -- James Fishwick __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7b2 testing hub -- 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] [ADMIN - OFF TOPIC] Re: Browser Load order
Probably OT for css-d... ah well :-) Not probably. Definitely. So let us have no more on this subject. Alex css-d moderator __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7b2 testing hub -- 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] Need help with the flyout type of menu:
Here is the page I'm working on: http://www.ggshows.com/2006A/DisplayPageCMX.html The blue background items should not be in the visible menu. They should fly-out when the item just above the two blue background items is hovered over. The blue background items are the Exhibitor Info and Attendee Info buttons on the left side menu. thanks Vic __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7b2 testing hub -- 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] Extra space in IE is not wanted, FF displays correctly.
The page at: http://www.ggshows.com/2006A/DisplayPageCMX.html should not have the brown strip down the right side of the left side menu (in IE). FF displays it correctly, or at least how I want it to look. How do I fix IE to display this correctly? Thanks, Vic __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7b2 testing hub -- 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] Extra space in IE is not wanted, FF displays correctly.
On 30/06/06, Vic Rauch [EMAIL PROTECTED] wrote: The page at: http://www.ggshows.com/2006A/DisplayPageCMX.html should not have the brown strip down the right side of the left side menu (in IE). FF displays it correctly, or at least how I want it to look. How do I fix IE to display this correctly? Thanks, Vic A lot of css there and I don't have much time, but if that's a left-floated element IE could be doubling the margin. If it is left-floated and has a horizontal margin set, add display:inline and it should sort it. __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7b2 testing hub -- 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/ -- http://www.web-buddha.co.uk http://www.projectkarma.co.uk __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7b2 testing hub -- 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] Need help with the flyout type of menu:
On 6/30/06, Vic Rauch [EMAIL PROTECTED] wrote: Here is the page I'm working on: http://www.ggshows.com/2006A/DisplayPageCMX.html The blue background items should not be in the visible menu. They should fly-out when the item just above the two blue background items is hovered over. The blue background items are the Exhibitor Info and Attendee Info buttons on the left side menu. thanks Vic If I am following right, they should be wrapped in the parent LI, no? So the blue items for Bakersfield should be inside the Bakerfield Home Garden Show li. I only had a quick look though... ;-) HTH -- Tom Livingston | Senior Multimedia Artist | Media Logic | ph: 518.456.3015x231 | fx: 518.456.4279 | mlinc.com __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7b2 testing hub -- 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] Background flashes
Portman wrote:
Ah, that explains it. :-)
[EMAIL PROTECTED] wrote:
hah.. yeah, that could do it. and would explain why I didn't see it.
transitions drive me batty, so I disabled them in the browser.
Hi Riva,
I noticed in some pages there is a double reference to the background
image: one in the css body { background:..} but one in the html as well:
body background=images/backgroundjune.jpg. For instance in:
index.htm, whatis.htm and expect.htm.
Then in the css there is also a * html #bodytext {...} with the same
bg-img.
Maybe reasons why IE is flashing (or maybe not, it's IE ;-) ).
And in some pages there is a /div too much (under/above the footer,
depending on the footer inside the wrapper or not).
I suppose this are some rests of earlier tests. Deleting them will
diminish (but not exclude) the risk of strange things happening in IE
(and others).
Should be good to give the html-validator
http://validator.w3.org/check?uri=http%3A%2F%2Fwww.starqualitydesigns.com%2FMoodus%2Fexpect.htmcharset=%28detect+automatically%29doctype=Inliness=1verbose=1
a chance every now then! :-)
And the css-validator
http://jigsaw.w3.org/css-validator/validator?profile=css2warning=2uri=http%3A%2F%2Fwww.starqualitydesigns.com%2FMoodus%2Fexpect.htm
as well. :-)
Greetings,
francky
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7b2 testing hub -- 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] Background flashes
Hi Francky,
The reason behind the double reference is editing that I forgot to undo.
I saw articles on line about putting the image inside something but not
something else, etc. and so I tried it. Thank you for pointing this
out. I will remove it.
Riva
francky wrote:
Hi Riva,
I noticed in some pages there is a double reference to the background
image: one in the css body { background:..} but one in the html as
well: body background=images/backgroundjune.jpg. For instance in:
index.htm, whatis.htm and expect.htm.
Then in the css there is also a * html #bodytext {...} with the same
bg-img.
Maybe reasons why IE is flashing (or maybe not, it's IE ;-) ).
And in some pages there is a /div too much (under/above the footer,
depending on the footer inside the wrapper or not).
I suppose this are some rests of earlier tests. Deleting them will
diminish (but not exclude) the risk of strange things happening in IE
(and others).
Should be good to give the html-validator
http://validator.w3.org/check?uri=http%3A%2F%2Fwww.starqualitydesigns.com%2FMoodus%2Fexpect.htmcharset=%28detect+automatically%29doctype=Inliness=1verbose=1
a chance every now then! :-)
And the css-validator
http://jigsaw.w3.org/css-validator/validator?profile=css2warning=2uri=http%3A%2F%2Fwww.starqualitydesigns.com%2FMoodus%2Fexpect.htm
as well. :-)
Greetings,
francky
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7b2 testing hub -- 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] site check please
I already had display: block defined in the main stylesheet
(stylesheet.css) for both a: and a:hover. I keep all my if IE stuff in
a separate stylesheet (if_ie.css), and added the following to it:
.vnav li a{
width: 100%;
}
.vnav li a:hover {
zoom: 1;
width: 100%;
}
www.coalcreekcollision.com is the site.
Sorry, but this does not make it work. I am suspecting that it has to
do with the alternate text which I have configured to display upon
hover. In IE, there seems to be a reserved block of space beginning
from the left edge of the navigation for about 3 (perhaps 300px) - this
is a dead zone in IE. If you move the cursor further to the right, it
picks up again. To make the alternate text work, in the base stylesheet
I have:
.rtxt {
position: absolute;
left: 300px;
color: #000;
color: #2b33a9;
}
The idea is to make the alternate text upon hover line up vertically
about 300px to the right. Incidentally I removed the nbsp; stuff from
the menu to make sure it isn't clouding the picture. What do you think?
-Bob
Tom Livingston wrote:
try adding display:block; to your a's and for IE add zoom:1; for the
same a's.
width:100%; on the a's might be needed as well.
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7b2 testing hub -- 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] Cross browser compatibility
How can i make this webpage display same thing in all browser. It seem fine in IE but doesnt look good in other browser since the navigation bar on top always spans to the right. www.e-creationz.co.uk/eye4film/index.htm I would require help to this one fron anyone. Thanks Charles. - Sneak preview the all-new Yahoo.com. It's not radically different. Just radically better. __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7b2 testing hub -- 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] Differences between IE/FF with fieldset padding/margins
Hi all, I've been doing some experimenting with IE and Firefox regarding padding and margins on a fieldset. Here are some things i noticed: 1. Adding top and bottom margins does not affect IE. 2. Adding padding increase space inside the border in Firefox and outside the border in IE Anyone know of a way to work around this without using a hack and without having to add conditional comments on all 2,000 of my pages? Thanks. -- Mr. Kim Siever http://www.hotpepper.ca/ __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7b2 testing hub -- 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] site check please
.vnav li a{
width: 100%;
}
.vnav li a:hover {
zoom: 1;
width: 100%;
}
www.coalcreekcollision.com is the site.
Was this a typo or did you not add the zoom to the a as well? Not just
the a:hover.
Sorry if this isn't helping...
--
Tom Livingston | Senior Multimedia Artist | Media Logic |
ph: 518.456.3015x231 | fx: 518.456.4279 | mlinc.com
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7b2 testing hub -- 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] Using ems to size nested lists - Firefox seems to ignore
I'm new to list and to CSS. I am trying to resize a nested li to make the font smaller than it's parent but no matter what I try (ems larger or smaller), I cannot get Firefox to display a different size font for the nested list. Am I trying to do the impossible? - Sneak preview the all-new Yahoo.com. It's not radically different. Just radically better. __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7b2 testing hub -- 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] IE 6 not scaling a 100% absolute img to height of containing div
I want to scale an image along the height of a containing div when I change
the size of the broswer window. The code works a treat in Firefox, but
doesn't stretch down to the bottom of the containing div in IE 6. I've
stripped my code down to one image and a div for you to peruse and hopefully
offer some help.
Code follows:
!DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.1//EN
http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd;
html xmlns=http://www.w3.org/1999/xhtml;
head
meta http-equiv=Content-Type content=text/html; charset=iso-8859-1 /
titleUntitled Document/title
style type=text/css
* {
margin: 0px;
padding: 0px;
}
#menu {
background-color: #D00C26;
left: 104px;
top: 0px;
width: 50%;
position: absolute;
}
#menu_mid_left {
position: absolute;
left: -104px;
top: 0px;
height: 100%;
}
/style
/head
body
div id=menu
pLorem ipsum dolor sit amet, consectetuer adipiscing elit. Nam dictum,
elit sed sollicitudin lacinia, enim tellus faucibus arcu, eu porta quam
velit eu metus. Vestibulum egestas. Nunc imperdiet interdum enim. Nam
ligula sapien, ultricies at, elementum sit amet, fringilla sit amet, orci.
Etiam tempor, lorem vitae rutrum tristique, augue mauris commodo leo, nec
pharetra arcu justo nec elit. Maecenas aliquam tellus vel mauris.
Curabitur lacinia vestibulum libero. Lorem ipsum dolor sit amet,
consectetuer adipiscing elit. Donec eleifend. Nam a magna. Aliquam erat
volutpat. Pellentesque habitant morbi tristique senectus et netus et
malesuada fames ac turpis egestas. Sed fermentum cursus massa. /p
img id=menu_mid_left src=images/menu_mid_left.gif alt= name=menu
width=104 height=100% /
/div
/body
/html
Thanks for any help,
Phil
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7b2 testing hub -- 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] Cross browser compatibility
Charles wrote: www.e-creationz.co.uk/eye4film/index.htm It seem fine in IE but doesnt look good in other browser since the navigation bar on top always spans to the right. No wonder, since all browsers but IE will respect the 'width:100px;' you have declared on div.navbar. IE/win doesn't respect dimensions on any element, and will expand them till the content fit inside. The bug is partially fixed in IE7. Delete that too narrow width on div.navbar, and all browsers will line up the navigation as you want. regards Georg -- http://www.gunlaug.no __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7b2 testing hub -- 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] Cross browser compatibility
Charles wrote:
How can i make this webpage display same thing in all browser.
It seem fine in IE but doesnt look good in other browser since the
navigation bar on top always spans to the right.
www.e-creationz.co.uk/eye4film/index.htm
I would require help to this one fron anyone.
Thanks
Charles.
Hi Charles,
I first checked the html-validator, to see if by accident there was an
error in the code.
Wow! and Oops! and Oh! It says a lot...
http://validator.w3.org/check?uri=http%3A%2F%2Fwww.e-creationz.co.uk%2Feye4film%2Findex.htmcharset=%28detect+automatically%29doctype=Inliness=1verbose=1
Second I opened the file, and I found the culprit:
*
META content=Microsoft FrontPage 5.0 name=GENERATOR
It happens that FP is making quite a lot of IE-only codes, which are not
valid html then the (almost) html-standards compliant browsers like
Firefox and Opera do neglect the IE-things and cannot display your page
in the way you designed it in FP.
Back to your question. :-)
Adding {position:absolute; top: 120px; margin-left: 40px;} to the
.navbar styles will display it more crossbrowser (tested in Firefox and
Opera).
But I'm afraid all the other things still need a lot of work... (the
html-validator is analyzing and giving some suggestions). Think the best
should be a total redesign, getting rid of all tables, and adding proper
css [1] for the styles of the containers...
(and perhaps some study of css)
Good luck!
francky
[1] There is a css-validator http://jigsaw.w3.org/css-validator/ too,
which can give helpful tips.
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7b2 testing hub -- 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] Using ems to size nested lists - Firefox seems to ignore
Rose Thorn wrote: I'm new to list and to CSS. Hi Rose, Welcome to the club! I am trying to resize a nested li to make the font smaller than it's parent but no matter what I try (ems larger or smaller), I cannot get Firefox to display a different size font for the nested list. Am I trying to do the impossible? Everything is possible with css (almost). :-) Do you mean this http://home.tiscali.nl/developerscorner/css-discuss/test-fontsize-nested-li.htm? Greetings, francky __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7b2 testing hub -- 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] Differences between IE/FF with fieldset padding/margins
Micky Hulse wrote: Search for Legend: http://archivist.incutio.com/viewlist/css-discuss/?search=legend Search for Fieldset: http://archivist.incutio.com/viewlist/css-discuss/?search=Fieldset This thread in particular might be helpful (one of my favorite CSS-d list emails): Legend of the Fieldset http://archivist.incutio.com/viewlist/css-discuss/71082 __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7b2 testing hub -- 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] Using ems to size nested lists - Firefox seems to ignore
Thanks for your info Francky. It helped me to discover that I had erred in another place within my css code. I guess I should have run it through the w3c validator BEFORE posting my problem! My apologies to all who's time I may have wasted. - Do you Yahoo!? Next-gen email? Have it all with the all-new Yahoo! Mail Beta. __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7b2 testing hub -- 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] Drop-down menu IE6 problem
Ingo Chao wrote: Marc Wolfgram wrote: I have used a css drop down menu list structure on several sites very successfully. I'm using it again on a site under development. The menu works fine on all browsers EXCEPT IE6 Win (works under IE7 beta too!) Homeowner's Guide should display five submenu items on mouseover. I've crawled through the css and the html. The IE helper javascript is the same file used on my other sites... I'm looking for a clue. html- http://www.homelitecustomwindows.com/index.html css-- http://www.homelitecustomwindows.com/master.css js--- http://www.homelitecustomwindows.com/ddmenu.js Note that the 'UL' reference in the js code matches 'ul' -- tried that, no joy -- the code is called, when I move it a level higher it hid and unhid the main nav bar ul. When I set visibility:visible manually, the submenu shows up. So the js does not apply correctly. But when I remove the comment inside the menu, it is fixed in IE6. Does that mean the html comment conflicts with the js? ul id=menu li a href=#Homeowner's Guide/a ul lia href=#Warranties/a/li /ul /li!-- -- /ul I am not a js expert, so others should correct me in my wild guessing. Thank you... I had commented out li elements within the navigation ul. When I moved the ul above the comment block the menu started working as expected. Did I say thank you ? I'd been pulling my hair out and don't have a lot left. PS. your html does not validate. The joy of embed code for the flash object. That's out now. Also eliminated the duplicate id in the object, added the alt descriptors to the image map links and nuked the meta ascii spec that conflicted with the doctype. W3C smiles and IE6 is behaving itself at last. -- Marc __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7b2 testing hub -- 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/
