Re: [css-d] another a:hover jumping problem

[Ingo Chao]

Carol Doersom schrieb:
...Hovering on any of the links in IE6 causes all the 
text below that link to jump down a pixel or two


http://www.blinn.edu/sbdc/test-bus_conn.htm


haven't had a thorough look, but

you are serving
http://www.blinn.edu/sbdc/template_nn-css.css
and
http://www.blinn.edu/sbdc/template_css.css

to all browsers?
Disabling the NN4 sheet seems to stop the jump on a local copy, can you 
confirm? So there are some conflicts in overwriting the NN4 
declarations, I assume.



Ingo

--
http://www.satzansatz.de/css.html
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] another a:hover jumping problem

[David Laakso]

Carol Doersom wrote:

I've got a list of links, each containing an image that appears in a 
fixed location when you hover over the link. Works fine in Firefox, 
Netscape and Opera. Hovering on any of the links in IE6 causes all the 
text below that link to jump down a pixel or two.

[...}
Carol

http://www.blinn.edu/sbdc/test-bus_conn.htm


An interesting concept, Carol-- but not user friendly on my end(XP_SP2). 
Seems screen resolution dependent. Difficult to hold and click(assuming 
that's the goal(?), throwing an h-scroll bar below 1280. Worked best in 
Deer Parl Alpha1 at 1280; cool but impossible in Moz1.7.8, and Opera8+. 
Didn't try IE6.0.

Regards,
David

--
David Laakso
http://www.dlaakso.com/


__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

[css-d] ie not bold on title boxes

[Sam Leathers]

First of all, thankyou for anyone that responded to my positioning
issues. I still don't know how it looks in IE5 but I got it looking
pretty good in IE6 and firefox.

the url: http://www.magpienet.biz/newmag

I'm completely lost as to whats going on with IE6 ignoring the
font-weight: bold in the title boxes on the left but not having any
problems on the right side.

If anyones has any clue what I need to do to fix this, any help would be
greatly appreciated.

Sam
-- 
in life, direction is everything, distance is secondary--so keep your
bearings!

[KJV] Luke 5:16 And he withdrew himself into the wilderness, and prayed.

Get Firefox!!!
http://www.spreadfirefox.com/?q=affiliates&id=13731&t=1
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] IE::min-max

[David Laakso]

David Laakso wrote:

I have an elusive error(s) causing the center column to somewhat 
overlap the left column in Win/IE5x/6.0-- particularly obvious when 
the text is zoomed.


Thanks.
David.


Bingo!
Resolved. A multitude of sins on my part.
Thanks.
David

--
David Laakso
http://www.dlaakso.com/


__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] CSS Newbie Cross-Browser Issues - please check/help!

[david]

Karen Dec wrote:

I have just designed my first site that totally uses CSS for all styling 
and positioning. In general, I'm very happy with it and as long as I'm 
using Firefox (Mac or Win), I'm happy. Of course, you know what I'm 
going to say next... I'm unhappy with how it looks in other browsers, 
especially IE 6. Here are my 3 issues:


It starts to break in Firefox if you kick the font size up enough - the 
"Home | Item" menu starts getting its lower half cut off, the longer 
links in the left column start extending past the blue column background.


Your font size is in the paragraph text is too small for my eyes.

When my Firefox window is 776px wide, I get a horizontal scroll bar. At 
sizes only a little smaller than that, I start to get words being cut 
off on the right side. At around 591px wide, the horizontal nav links 
line starts to wrap and links drop to the next line where they are 
invisible beneath the left column. When that happens, I also get a 
vertical scroll bar. Also, the Vintage Sports logo starts to get cut off 
on the right side.


--
David
[EMAIL PROTECTED]
authenticity, honesty, community
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] CSS Newbie Cross-Browser Issues - please check/help!

[david]

Karen Dec wrote:

Hmm, W3C's CSS validator reports some errors in your CSS:

http://jigsaw.w3.org/css-validator/validator?uri=http%3A%2F%2Fstu.wccnet.edu%2F%7Ekdec%2Finp150%2Fbdecsports%2Fstyle.css&usermedium=all


New list member. New to CSS. Please put on your patience hat! :-)


I have no patience. I'm a web designer, not a doctor! ;-)

--
David
[EMAIL PROTECTED]
authenticity, honesty, community
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

[css-d] CSS Newbie Cross-Browser Issues - please check/help!

[Karen Dec]

Greetings,

New list member. New to CSS. Please put on your patience hat! :-)

I have just designed my first site that totally uses CSS for all 
styling and positioning. In general, I'm very happy with it and as long 
as I'm using Firefox (Mac or Win), I'm happy. Of course, you know what 
I'm going to say next... I'm unhappy with how it looks in other 
browsers, especially IE 6. Here are my 3 issues:


Issue #1: When viewed in IE 6 Win, every page in my site has extra 
white space at the right hand edge. Why? This doesn't happen in Firefox 
(Mac or Win), Safari, Opera 7 Win, or even IE 5.5 Win. What's the deal 
in IE 6 Win?


Issue #2: When the home (index.html) page is viewed in IE 6 Win, my 
div.leftnav (blue bar on the left) doesn't extend to the bottom of the 
page AND it plops my validator button image where it *thinks* is the 
bottom which happens to be on TOP of some links. Not the look I was 
going for. Again, this ONLY happens in IE 6 Win.


Issue #3: When the items for sale (inventory.html) page is viewed in IE 
5.5 Win OR Safari, my text and images (which are contained in a table) 
left justify instead of centering? This problem does not happen in IE 6 
Win, Firefox (Mac or Win), or Opera 7.


ANY thoughts/ideas/suggestions would be most appreciated. In return, 
after I've been enlightened by you, I promise to reply to future 
newbies that post the same thing! (I'm sure some of this is common 
errors/bugs I just haven't learned about...) THANKS!


Here's the link to the home page of the site:
http://stu.wccnet.edu/~kdec/inp150/bdecsports

Here's the code for the home page only (you can always view source on 
the other pages if needed) I truncated some of the longer text sections 
to save space here. And yes, I do know that I have a FEW embedded 
styling things that I need to move to my style sheet. I'm not worried 
about that...


http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd";>


   
   Bryan Dec Vintage Sports - Home
   


   
  />

   
   
  
  Home |
  Items for Sale |
  Show Schedule |
  Museum Gallery |
  Contact
  
   
   
  
  
  QUICK LINKS:
  
  
  Sports Cards
  
  
  Baseball Memorabilia
  
  
  Football Memorabilia
  
  
  Other Sports
  
  
  http://validator.w3.org/check?uri=referer"; 
style="background:#060591; color:#060591;">
  http://www.w3.org/Icons/valid-xhtml10"; alt="Valid XHTML 
1.0!" height="31" width="88" />

  
   
   
  Featured Item

  
  c. 1910 Ty Cobb Tobacco Tin
  More Info

   
   
  
  Welcome to Bryan Dec's website...
  
  
  We are in constant need of fresh new inventory...
  
  
  Feel free to send us any want-lists...
  
   



Here's my CSS:

@charset "UTF-8";

html, body{
margin:0px:
height:100%;
font-family:arial;
}

table.inventory{
border: 0px solid #00;
border-collapse:collapse;
width:100%;
height:65%;
}

table.museum{
border: 0px solid #00;
border-collapse: collapse;
width:100%;
height:65%;
text-align:center;
}

a:link{
color: #ff;
background: #060591;
}

a:visited{
color: #ff;
background: #060591;
}

a:hover{
color: #060591;
background: #cdcb98;
}

div{
border:0px solid #00;
margin:0px;
padding:0px;
}

div.logo{
width:100%;
height:146px;
position:absolute;
top:0px;
left:0px;
z-index:3;
overflow:hidden;
white-space:nowrap;
text-align: center;
background: #fbfbe3;
font-size: 48px;
font-weight: bold;
color: #33;
}

div.nav{
width:100%;
height:40px;
position:absolute;
top:146px;
left:0px;
border-top:1px solid #00;
z-index:3;
overflow:hidden;
text-align: left;
background: #060591;
color: #ff;
font-weight: bold;
}

div.leftnav{
height:65%;
width:100px;
position:absolute;
top:186px;
left:0px;
border-right: 1px solid #00;
z-index:2;
background: #060591;
color: #ff;
font-size:12px;
}

div.feature{
height:65%;
width:25%;
position:absolute;
top:186px;
left:100px;
text-align: center;
z-index:1;
background: #ff;
border-top: 1px solid #00;
font-size: 12px;
}

div.intro{
height:65%;
width:55%;
position:absolute;
top:186px;
left:350px;
text-align: left;
z-index:1;
background: #ff;
border-top: 1px solid #00;
font-size: 12px;
}

div.content2{
width:100%;
height:65%;
position:absolute;
top:186px;
left:0px;
border-top:1px solid #00;
z-index:2;
text-align:center;
background: #ff;
font-size: 14px;
}

div.contact{
width:50%;
height:65%;
position:absolute;
top:186px;
left:0px;
border-top:1px solid #00;
z-index:2;
text-align:center;
background: #ff;
font-size: 14px;
}

div.form{
width:50%;
height:65%;
position:absolute;
top:186px;
right:0px;
border-left:1px solid #00;
text-align:left;
z-index:3;
background: #060591;
}

div.val{
width:100%;
height:45px;
text-align: center;
position:absolute;
bottom:0px;
left:0px;
z-index:3;
background: #060591;
border-top:1px solid #00;
}

p.navbar{
margin-left:10px;
margin-top:10px;
}

p.quick{
m

[css-d] IE::min-max

[David Laakso]

I have an elusive error(s) causing the center column to somewhat overlap 
the left column in Win/IE5x/6.0-- particularly obvious when the text is 
zoomed.


Thanks.
David.

--
David Laakso
http://www.dlaakso.com/


__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] extra space around a table inside a div

[Bob Easton]

Anthony Morales wrote:

Bob,
I've created a clean workpage and that shows that weird layout (I've  
tested Firefox and Safari on Mac 10.4 so far).


http://anthonymorales.com/test.html
The padding on .rbox is producing the space. To get the table to fill 
the div:

set .rbox padding:0;
set .rbox table margin:0;

BTW, put all the 

Re: [css-d] how to achieve text indentation without tags?

[Bob Easton]

victor NOAGBODJI wrote:

Hi all,
I'm trying to figure this all this afternoon, it seems like text-indent works 
only with  tags that are displayed as block and not with others.
I'm trying to have something like this:

Name:  Phone:   
 Address:



Yes, the spec says text-indent applies to block level elements.
http://www.w3.org/TR/CSS21/text.html#propdef-text-indent

Your example looks like a data table, and therefore best implemented 
using a table, not CSS.


--
Bob Easton
Accessibility Matters: http://access-matters.com

__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

[css-d] another a:hover jumping problem

[Carol Doersom]

I've got a list of links, each containing an image that appears in a 
fixed location when you hover over the link. Works fine in Firefox, 
Netscape and Opera. Hovering on any of the links in IE6 causes all the 
text below that link to jump down a pixel or two.


I'm guessing this is the IE a:hover bug, but the Holly hack doesn't fix 
it---at least not when applied to the  or to a div created just to 
wrap the .


Been fiddling with this for a couple of days trying various things 
suggested in other posts...decided it's time to ask for help!


Carol

http://www.blinn.edu/sbdc/test-bus_conn.htm

relevant css:
ul.bcon  {margin-top:16px;}
#pc .bcon img  {height:0; width:0;}
#pc .bcon a:hover img  {height:330px; width:400px; position:absolute; 
top:180px; right:-50px;}

.bcon a:hover  {height:300px; width:400px;} /*to make it work in ie*/
#pc .bcon img  {display:inline;} /*to override nn style*/
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
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

[Gunlaug Sørtun]

Matthew Ohlman wrote:

http://pictures.ohlman.com/tnbidco/index.html

I need to know how it shapes up on some other browsers, especially 
those on Mac.  I've checked (800x600) in IE6, Mozilla 1.7, and FF. 
Any suggestions would be greatly appreciated, along with 
accessibility, coding comments and download time.


Download time on modem: readable after 6s - complete after 24s.

Comments:

- The page is weak when font-resizing is applied. IE6 suffers the most.
--

- 'WAI-AAA' ? I don't think so, but we don't deal with that on css-d.
OTOH: I couldn't really find the navigation-links, 'HOME' etc, in a
text-browser, which say something about accessibility.
--

- source-code: missing start-tag on 'head' element, and HTMLTidy isn't
convinced that the start-tag on the 'html' element is there either.
Recheck 'xhtml 1.0' validation.
--

- css: since the page is suffering from the 'extreme font-resizing
steps bug' on IE/win, and parts of the page drops when I change
font-size, it may be a good idea to define:

body {font-size: 100%;}
... which will cure the font-sizing problem, and go some way towards
keeping the pieces together in IE/win.

div.loan {margin-right: -100px;}
...should do the rest - in IE/win. It's those 'toll Free:' and other
numbers in the left column that's pushing first.

#wrapper {margin: 0 auto;}
...will make the page center in all browsers (since you already have
centered it for IE/win quirks mode).

#navtop {display: table;}
...will also improve the look in standard compliant browsers, when the
page is subjected to font-resizing.

You have used a few '* html' hacks that are a bit overdone. No need to
repeat every line from the ordinary definition - just hack in those few
styles that IE/win needs.

You have plenty of inline-styles. Try moving them to where they belong -
in the stylesheet.


On the Mac: Safari and iCab are doing fine. Pixel-perfect - no, but
close enough IMO.
IE5.2 is a bit more broken, but looks usable. (note that those '* html'
hacks will affect IE/Mac too - not just IE/win, and that is usually not
doing any good there.)

Opera and Firefox on Mac present the page like their windows counterparts.

regards
Georg
--
http://www.gunlaug.no
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] Content is not allowed in prolog.

[david]

Matthew Ohlman wrote:

Vincent Hide wrote:


I get this error when validating the CSS of the index page at
www.lampdesign.co.uk:

Target: http://www.lampdesign.co.uk/
Please, validate your XML document first!

Line 1

Column 1

Content is not allowed in prolog.


Try putting this before your DTD:



That should make it validate.

I think when this came up before on the list, someone told me that puts 
older versions of IE into Quirks mode, but I'm not sure.


It does. Per the following site:

http://hsivonen.iki.fi/doctype/

IMHO, IE has nothing but "Quirks" mode. ;-)

--
David
[EMAIL PROTECTED]
authenticity, honesty, community
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] Content is not allowed in prolog.

[Matthew Ohlman]

Vincent Hide wrote:


I get this error when validating the CSS of the index page at
www.lampdesign.co.uk:

Target: http://www.lampdesign.co.uk/
Please, validate your XML document first!

Line 1

Column 1

Content is not allowed in prolog.

 


Hey Vince,

Try putting this before your DTD:



That should make it validate.

I think when this came up before on the list, someone told me that puts older 
versions of IE
into Quirks mode, but I'm not sure.

Hope this helps,
Matthew

__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] Forcing Repeater to Bottom

[Gunlaug Sørtun]

Jeff Clark wrote:


http://www.stephenjoneslaw.com/attorney-profiles/Rodney-Allen-Nixon



In Firefox (on Mac and PC) and Camino, the background-image sometimes
 doesn't go all the way to the bottom.  Haven't run into the problem 
just yet in IE.



I've set a clearing break at the bottom with "clear:both", as this is
 what I had read earlier as a possible fix.


Yes, that's right. It is regarded as the most reliable 'fix'.
However, Gecko is a bit weak on clearing-elements. Making a slight
change in the source-code may do all the difference. Just break into a
new line after the clearer, and make it look like this:







...this "cure", or way to write source-code, is automated through
HTMLTidy at my end, so I don't see this Gecko-weakness all that often.
---

BTW: even if you choose to use pixel-defined font-size for IE/win (which
of course doesn't work), you should leave pixels out of line-height. The
text looks ugly and somewhat inaccessible as lines overlaps when I blow
up font-size to 'normal' and above in IE6. I can't read it at the size
you have defined :-)

regards
Georg
--
http://www.gunlaug.no
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

[css-d] Content is not allowed in prolog.

[Vincent Hide]

Hi There,

This is a strange one for me, maybe not for you.

I get this error when validating the CSS of the index page at
www.lampdesign.co.uk:

Target: http://www.lampdesign.co.uk/
Please, validate your XML document first!

Line 1

Column 1

Content is not allowed in prolog.


However, the XHTML validation says it is ok and if I validate the CSS on
the internal pages of the site they are ok.

Any ideas what this might be?

Thanks,

Vince


__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

[css-d] Re: Strange float drop

[Leigh Baker-Foley]

Thank you so very much for your kind advice and information, Philippe. Have
been paring down the CSS and XHTML including the helpful reminder to
eliminate the align tags from images in the source code. In combination,
that did the trick!

Bob, apologies for cluttering up the list with all of that code. Won't
happen again.

Thanks again, all. So happy this list is around when the hair-pulling
starts!

-Leigh

> Philippe said: 
> The problem is the images in your div#updates. They are loose in the
> container, and have that 'align="left" thing. Delete that align="left"
> (why do you need that?), and your boxes will behave correctly.

> Bob said:
> BTW, please don't include source code when you've already included a
> URL.  The list is about 6000 people and that's a lot of bloated messages
> to send.

. . .

Leigh Baker-Foley
mailto:[EMAIL PROTECTED]
http://nodltd.com/
tel: 207-244-9088

__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

[css-d] Site Check Please

[Matthew Ohlman]

Hey List:

I just finished designing this site with a CSS layout, and I was hoping 
you guys could take a look at it and tell me what you think:

http://pictures.ohlman.com/tnbidco/index.html

I need to know how it shapes up on some other browsers, especially those 
on Mac.  I've checked (800x600) in IE6, Mozilla 1.7, and FF.  Any 
suggestions would be greatly appreciated, along with accessibility, 
coding comments and download time.


Thanks!
Matthew Ohlman
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

[css-d] problem with IE

[Camilo Kawerín]

Hi,

I have this page:

http://sportivoferroviario.com/index.php

The problem is in a group of div like this:










#news {width:40em; }
#news div.new {float:left; width:20em; }
#news div.advertise img {width:20em; }

In Firefox I get the expected result:

http://sportivoferroviario.com/FF.jpg

But, in Internet Explorer 6, doesn´t:

http://sportivoferroviario.com/IE.jpg

Any help will be apreciatte,

Best regards
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] UL pushing link to new line and bullet image position?

[Vicki Skinner (Stebbins)]

Hi Matt,

That did it... many thanks

Regards
8-)
Vicki

At 09:11 PM 13/07/2005, matt andrews wrote:
On 7/13/05, Vicki Skinner (Stebbins) <[EMAIL PROTECTED]> wrote: > Hi 
All, > > I'm nearing the end of this website and have these niggling 
problem with > links in the unordered lists. > > 1. When I change the list 
to an OL and change the CSS to OL it's perfect > but not when it's a 
UL??? > > Two pages with an examples are: > 
http://www.organicgrowers.org.au/certification.shtml bottom of page the > 
bullet point — Contact 
us > now to get the process started.  and > 
http://www.organicgrowers.org.au/contact.shtml — Click here for > 
Media Contacts > > 
The CSS is here: http://www.organicgrowers.org.au/styles/organic.css hi 
Vicki you need to add this rule... display: inline; ...to this 
selector... #edit ul li a ...because you declared "display:block" in 
your "ul li a" selector, and you need to override it in this case. cheers, 
matt andrews.


__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

[css-d] Forcing Repeater to Bottom

[Jeff Clark]

Obviously, I'm having a problem (and now the code validates!):

I've got a wrapper div set at the inner edges of my body tags:


{stuff}
 *see below



A background image is set to repeat in that wrapper div.

In Firefox (on Mac and PC) and Camino, the background-image sometimes
doesn't go all the way to the bottom.  Haven't run into the problem
just yet in IE.

I've set a clearing break at the bottom with "clear:both", as this is
what I had read earlier as a possible fix.

The page that does it the most is located at:
http://www.stephenjoneslaw.com/attorney-profiles/Rodney-Allen-Nixon

CSS is located at:
http://www.stephenjoneslaw.com/css/layout.css
http://www.stephenjoneslaw.com/css/typography.css

Any ideas?
-- 
The name's Jeff.  I've got a website.
http://www.vacantcanvas.com
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

[css-d] Flashing of Unstyled Content or something else...?

[Johnny Withers]

Hi,

Either I am unable to describe my problem to Google correctly, or there is
not anyone else on the Internet that has come across the problem I am
having. I am leaning towards "Unable to describe my problem correctly",
because I am sure someone has encountered this problem before.

Is what I have is an XHTML 1.0 Transitional website at:
http://mda.demo.consultrix.net/. The Index page is HTML 4.01 Transitional
and the inner (content) pages are XHTML 1.0 Transitional. I have noticed
that if you click through the navigation on this website (between About MDA,
Programs, Press Room, Careers, Resources, Contact and Links), sometimes IE
will overlay the left-side navigation into the content area for a
split-second then render it in the correct spot.

This left column is a div (#LeftCol) with a margin of -209px, I suspect this
is the problem. 

Can someone (anyone) offer some advice on what can be done, if anything?


Johnny Withers
Pixelated dot Net
e. [EMAIL PROTECTED]
c. 601.209.4985

__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

[css-d] border rollovers in IE

[Andrew Mason]

Hi,

I'm having trouble getting my  borders to change color on hover  
in IE -- works fine in everything else it seems.


The link is here: http://pandamouth.org/popup/demoLayout_lastPage.html

the css in question is
#demolayout a img {
border: 1px solid #6060A1;
}
#demolayout a:hover img {
border: 1px solid #FF;
}


for the html:

src="pge4sml.jpg" alt="Page 1" />



Thanks for the help!

Andrew
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] Re: Problem with “bottom-sectio n” overwriting “mid-section” in CSS

[Steve Clason]

On 7/13/2005 11:51 AM Daniel JS Lewis wrote:


This is my first post here, and any help is appreciated.


Welcome.

Our new template design is running into a few CSS problems, which you 
can see here: http://webdev.plattsburgh.edu/academics/art/graphicdesign.php


If your issue is the footer-type thing not sinking below the 
left-navigation, that can be fixed by changing #navigation from 
"position:absolute" to "float:left".


I didn't look at what new problems that causes.

--
Steve Clason
Web Design and Development
Boulder, Colorado, USA
www.topdogstrategy.com
(303)818-8590

__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

RE: [css-d] Re: Problem with "bottom-section" overwriting "mi d-section" in CSS

[Pringle, Ron]

> Our new template design is running into a few CSS problems, 
> which you can 
> see here: 
> http://webdev.plattsburgh.edu/academics/art/graphicdesign.php
> 
> we have 
> been able to get most of the way to a table less design 
> (except for the bug 
> you see above)
> 
> My question is: can anyone suggest a fix that keeps the 
> design the same? 
> Any help is greatly appreciated!
> 
> Thanks!
> Dan 

Dan-

I don't know the answer to your problem, however, the anchored footer topic
has come up a few times fairly recently, so you might try searching the
archive. Just enter the following in Google:

site:archivist.incutio.com anchored footer

Which will give you the following page of results:

http://www.google.com/search?q=site%3Aarchivist.incutio.com+anchored+footer

HTH

Regards,
Ron
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

[css-d] Re: Problem with “bottom-section” overwriting “mid-section” in CSS

[Daniel JS Lewis]

Hi Folks,
This is my first post here, and any help is appreciated.

Our new template design is running into a few CSS problems, which you can 
see here: http://webdev.plattsburgh.edu/academics/art/graphicdesign.php


My title is Web Editor, so my CSS skills are good-to-intermediate. With the 
help of a friend (who is a far more talented CSS coder than I am) we have 
been able to get most of the way to a table less design (except for the bug 
you see above)


I am loathe to drop this into a table...its so close...

My question is: can anyone suggest a fix that keeps the design the same? 
Any help is greatly appreciated!


Thanks!
Dan 
__

css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] Trouble with a LI navigation

[saul]

you might want to make current a class instead of an id and get rid of 
the 'id=active'. if you need the color swap, put it in the 'current' 
style


#leftnav li.current {   
list-style-image: url(test.gif);
color:  #B57F35;}

I believe IE has issues with multiple id's.

hth

Saul


On Jul 13, 2005, at 11:46 AM, Tom Dell'Aringa wrote:


Hi,

I'm doing a simple navigation using LI elements. Only the currently 
selected nav item should show
the bullet, and that is working fine. My problem is that the space 
between the bullet and the LI
item is different in IE vs. Gecko. I know I am missing a setting 
somewhere but search me if I can

find it (and I know it's right in front of me).

You can see the problem in this gif:

http://www.pixelmech.com/rev/space.gif

My code is as follows:


Home
Investor Information
Corporate Governance
Press Releases
(snipped)


and the CSS

#leftnav {
margin: 10px 20px 0 20px;
padding: 0px; }

#leftnav li {
font-family: arial, sans-serif;
font-size: 11px;
font-weight: bold;
list-style: none;
list-style-image: none;
padding: 0 0 8px 0;
margin: 0; }

#leftnav li#current {
list-style-image: url(test.gif); }

#leftnav a:link, #leftnav a:visited, #leftnav a:active {
color: #68695B; }

#leftnav a:hover {
color: #B57F35;
text-decoration: underline; }

#leftnav a#active {
color: #B57F35; }



Any help is appreciated, thanks.

Tom



http://www.pixelmech.com/

Melissa: Ace, Where are you?
Ace Ventura: I'm in Psychoville and Finkle's the Mayor.

__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
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
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] IE issues

[saul]

Knew about the lack of support for Mac IE. Didn't know it's not in  
Tiger. I'm more concerned with Win IE users experiences since they have  
such a huge market share (particularly in the US).


Thanks,
Saul

On Jul 13, 2005, at 11:21 AM, Gerry Creighton wrote:

Mac IE is no longer supported by MS ever since Apple introduced Safari  
so I wouldn't put much time into troubleshooting that browser.
If you have Panther installed the default browser is Safari so I don't  
know if you are going to

have too many users on IE Mac. Also Tiger  doesn't come with IE.
Just thought I'd let you know about that...if you didn't already know.
Gerry

On Jul 13, 2005, at 10:49 AM, saul wrote:


Hello List,

I'm having terrific issues with IE Mac and Windows. For example, on  
the left hand subnavigation (listing articles 1, etc.) the little  
graphic in the third item repeats three times (once for each line).  
Also, is there a good way to make IE accept a minimum width so the  
layout doesn't break. This appears to be particularly acute in  
IE/Mac.


The page validates both for CSS (except for the behavior property in  
body) and as XHTML 1.0 Transitional. It is pretty close to working  
properly in FF and semi in Safari 1.2


http://www.inventionshow.com/development/newProductScout/ 
newProductScoutPage.html


Any assistance would be appreciated.

Saul

__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
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
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

[css-d] Trouble with a LI navigation

[Tom Dell'Aringa]

Hi,

I'm doing a simple navigation using LI elements. Only the currently selected 
nav item should show
the bullet, and that is working fine. My problem is that the space between the 
bullet and the LI
item is different in IE vs. Gecko. I know I am missing a setting somewhere but 
search me if I can
find it (and I know it's right in front of me). 

You can see the problem in this gif:

http://www.pixelmech.com/rev/space.gif

My code is as follows:


Home
Investor Information
Corporate Governance
Press Releases
(snipped)


and the CSS

#leftnav { 
margin: 10px 20px 0 20px; 
padding: 0px; }

#leftnav li { 
font-family: arial, sans-serif;
font-size: 11px;
font-weight: bold;
list-style: none;
list-style-image: none;
padding: 0 0 8px 0;
margin: 0; }

#leftnav li#current {
list-style-image: url(test.gif); }

#leftnav a:link, #leftnav a:visited, #leftnav a:active {
color: #68695B; }

#leftnav a:hover {
color: #B57F35;
text-decoration: underline; }

#leftnav a#active {
color: #B57F35; }



Any help is appreciated, thanks.

Tom



http://www.pixelmech.com/

Melissa: Ace, Where are you?
Ace Ventura: I'm in Psychoville and Finkle's the Mayor.

__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

[css-d] Why this difference between IE and FF

[Daniel Doesburg]

Hi list,

I've a website (UC) with a strange behavior.

http://wouda.doesburg.biz

In IE every other page (via menu) is build up, or better build down, slowly.
In FF is every switch to another page nice quiet, but if I resize the
window it's a royal fireworks.
The content part is shown a short time in the upper left corner before
it search it's place on the screen.

Who can give me a hint to solve this problems?

I wonder,

Daniel

__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

[css-d] Why this difference between IE and FF

[Daniel Doesburg]

Hi list,

I've a website (UC) with strange behavior.
In IE every other page (via menu) is build up, or better build down, slowly.
In FF is every switch to another page nice quiet, but if I resize the 
window it's a royal fireworks.
The content part is shown a short time in the upper left corner before 
it search it's place on the screen.


Who can give me a hint to solve this problems?

I wonder,

Daniel
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

[css-d] IE issues

[saul]

Hello List,

I'm having terrific issues with IE Mac and Windows. For example, on the  
left hand subnavigation (listing articles 1, etc.) the little graphic  
in the third item repeats three times (once for each line). Also, is  
there a good way to make IE accept a minimum width so the layout  
doesn't break. This appears to be particularly acute in IE/Mac.


The page validates both for CSS (except for the behavior property in  
body) and as XHTML 1.0 Transitional. It is pretty close to working  
properly in FF and semi in Safari 1.2


http://www.inventionshow.com/development/newProductScout/ 
newProductScoutPage.html


Any assistance would be appreciated.

Saul

__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] Hanging right margins in IE - question 1

[Keith Sader]

On 7/13/05, Ingo Chao <[EMAIL PROTECTED]> wrote:
> Keith Sader schrieb:
> > I've almost got our website re-done using CSS.  I'm missing two things:
> >
> > 1.) Rounded corners, but that's another WikiPage
> yes see
> http://css-discuss.incutio.com/?page=RoundedCorners

Done, I've actually managed to round those dreaded square corners this
a.m.  Thanks.  Now, If someone could fix IE 6 ;-)

-- 
Keith Sader
[EMAIL PROTECTED]
http://www.saderfamily.org/roller/page/ksader
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] Hanging right margins in IE - question 1

[Ingo Chao]

Keith Sader schrieb:

I've almost got our website re-done using CSS.  I'm missing two things:

1.) Rounded corners, but that's another WikiPage

yes see
http://css-discuss.incutio.com/?page=RoundedCorners

(In the unlikely case someone can't stand seeing the ubiquitous rounded 
corners all over the web anymore, "Customised Corners Technique"

http://css.artnau.com/customised-corners-technique/
is a interesting method alternative by Arnau Siches.)

Ingo

--
http://www.satzansatz.de/css.html
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

[css-d] Hanging right margins in IE

[Keith Sader]

I've almost got our website re-done using CSS.  I'm missing two things:

1.) Rounded corners, but that's another WikiPage
2.) My last bit of margins in IE 6

page: http://ksader.100free.com/css/userHome.html
CSS: http://ksader.100free.com/css/style.css

I'll give a quick breakdown of the html so that someone can point me
in the right direction to fixing this last bit.






   
 














My workArea(lime border) div tag is running over the edge of the
mainContainer, and it has a different 'end edge' depending on how you
resize IE.  How do I tell IE that the right part of this div ends
inside of the mainContainer?

thanks,
---
Keith Sader
[EMAIL PROTECTED]
http://www.saderfamily.org/roller/page/ksader
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] Firefox relative font size rendering problem.

[Philippe Wittenbergh]

On 13 Jul 2005, at 3:03 am, [EMAIL PROTECTED] wrote:

This is a bug i've been fighting against for some time now. It is 
relatively simple: when font-sizes are set to relative units (em or 
pertentage) the element wich contain text (in this case it is an 
anchor) render with inconstant height, with variations of 1px, 
sometimes more 1 pixel other times less. And it doesnt happen in any 
other browsers (that use diferent rendering engines). It is easy to 
notice this bug with the example i show below:


http://www.letspushthingsforward.com/bug/
http://www.letspushthingsforward.com/bug/bug01.gif
This screenshots were taken in Firefox for PC.

I have tested this in Internet Explorer, Opera 7 and 8, Safari and no 
problems were found. I just found this behaviour in Firefox.


It is a know bug in Gecko based browsers

(with a work around mentioned)
and the technical explanation


The better news: I don't see any problem with your file in the most 
recent nightly build of Firefox. Firefox 1.0 does suffer from it. 
Another work around that has been mentioned on this list in the past is 
the use of an background image to simulate borders

.

Philippe
---
Philippe Wittenbergh


__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] UL pushing link to new line and bullet image position?

[matt andrews]

On 7/13/05, Vicki Skinner (Stebbins) <[EMAIL PROTECTED]> wrote:
> Hi All,
> 
> I'm nearing the end of this website and have these niggling problem with
> links in the unordered lists.
> 
> 1. When I change the list to an OL and change the CSS to OL it's perfect
> but not when it's a UL???
> 
> Two pages with an examples are:
> http://www.organicgrowers.org.au/certification.shtml bottom of page the
> bullet point — Contact us
> now to get the process started.  and
> http://www.organicgrowers.org.au/contact.shtml — Click here for
> Media Contacts
> 
> The CSS is here: http://www.organicgrowers.org.au/styles/organic.css


hi Vicki

you need to add this rule...

display: inline;

...to this selector...

#edit ul li a

...because you declared "display:block" in your "ul li a" selector,
and you need to override it in this case.

cheers,

matt andrews.
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/