HighDots Forums  

IE6 problems w/ borders and float

Cascading Style Sheets Layout/presentation on the WWW (comp.infosystems.www.authoring.stylesheets)


Discuss IE6 problems w/ borders and float in the Cascading Style Sheets forum.



Reply
 
Thread Tools Display Modes
  #1  
Old   
Aaron C
 
Posts: n/a

Default IE6 problems w/ borders and float - 12-05-2004 , 08:38 PM






Hi,

I'm having IE6 problems with interpreting stylesheets, and I'm hoping
someone could clarify a couple of things for me:

First of all,page I'm testing can be viewed at
http://dreamstreet.winlogical.com/asocc/index.cfm.
The stylesheet can be viewed at
http://dreamstreet.winlogical.com/as.../mainstyle.css.

Here's the problem...
When viewing the page in Firefox, everything is as expected. The text
"Where can I find my Student ID?" has a 1px border on it's bottom which
becomes 4px when hovered over. When you click on this, there is a
heading that says "Instructions for finding your Student ID #" with an
"[X]" floating to the right. This is the way it should be.

When viewing in IE6, "Where can I find my Student ID?" had no border,
neither normally nor when hovered over. This changes once the
"Instructions..." link is clicked on (all of a sudden, the border shows
up). Also, the "[X]" does not float to the right inside the heading as
it should.

Any help with this IE6 problem would be greatly appreciated.

Thanks,
Aaron

Reply With Quote
  #2  
Old   
Aaron C
 
Posts: n/a

Default Re: IE6 problems w/ borders and float - 12-05-2004 , 08:40 PM






One more thing...just hit cancel on the dialog box that appears if you
try to test the site. The admin there has it set up kinda funny.

Aaron C wrote:
Quote:
Hi,

I'm having IE6 problems with interpreting stylesheets, and I'm hoping
someone could clarify a couple of things for me:

First of all,page I'm testing can be viewed at
http://dreamstreet.winlogical.com/asocc/index.cfm.
The stylesheet can be viewed at
http://dreamstreet.winlogical.com/as.../mainstyle.css.

Here's the problem...
When viewing the page in Firefox, everything is as expected. The text
"Where can I find my Student ID?" has a 1px border on it's bottom which
becomes 4px when hovered over. When you click on this, there is a
heading that says "Instructions for finding your Student ID #" with an
"[X]" floating to the right. This is the way it should be.

When viewing in IE6, "Where can I find my Student ID?" had no border,
neither normally nor when hovered over. This changes once the
"Instructions..." link is clicked on (all of a sudden, the border shows
up). Also, the "[X]" does not float to the right inside the heading as
it should.

Any help with this IE6 problem would be greatly appreciated.

Thanks,
Aaron

Reply With Quote
  #3  
Old   
Aaron C
 
Posts: n/a

Default Re: IE6 problems w/ borders and float - 12-06-2004 , 01:36 AM



Allright, I solved the float problem by using margin-left, but the
border-bottom problem persists...any ideas?

Aaron

Aaron C wrote:
Quote:
Hi,

I'm having IE6 problems with interpreting stylesheets, and I'm hoping
someone could clarify a couple of things for me:

First of all,page I'm testing can be viewed at
http://dreamstreet.winlogical.com/asocc/index.cfm.
The stylesheet can be viewed at
http://dreamstreet.winlogical.com/as.../mainstyle.css.

Here's the problem...
When viewing the page in Firefox, everything is as expected. The text
"Where can I find my Student ID?" has a 1px border on it's bottom which
becomes 4px when hovered over. When you click on this, there is a
heading that says "Instructions for finding your Student ID #" with an
"[X]" floating to the right. This is the way it should be.

When viewing in IE6, "Where can I find my Student ID?" had no border,
neither normally nor when hovered over. This changes once the
"Instructions..." link is clicked on (all of a sudden, the border shows
up). Also, the "[X]" does not float to the right inside the heading as
it should.

Any help with this IE6 problem would be greatly appreciated.

Thanks,
Aaron

Reply With Quote
  #4  
Old   
Jan Roland Eriksson
 
Posts: n/a

Default Re: IE6 problems w/ borders and float - 12-06-2004 , 11:56 AM



On Sun, 05 Dec 2004 18:38:18 -0800, Aaron C <agchandler (AT) comcast (DOT) net>
wrote:

Quote:
I'm having IE6 problems with interpreting stylesheets, and I'm hoping
someone could clarify a couple of things for me:
First of all,page I'm testing can be viewed at
http://dreamstreet.winlogical.com/asocc/index.cfm.
The stylesheet can be viewed at
http://dreamstreet.winlogical.com/as.../mainstyle.css.
Your page needs to be adjusted quite a bit. There are some 25+ syntax
errors in your markup that you may want to take care of before you go on
to worry on why browsers behaves different.

Your checkup tool is here...

<http://valet.webthing.com/page/>

And what's with those 180+ empty lines in front of your document prolog?
You are not in any way "childish" enough to think that yo can "hide your
source" that way, are you?

--
Rex





Reply With Quote
Reply




Thread Tools
Display Modes

Posting Rules
You may not post new threads
You may not post replies
You may not post attachments
You may not edit your posts

vB code is On
Smilies are On
[IMG] code is On
HTML code is Off



Powered by vBulletin Version 3.5.4
Copyright ©2000 - 2008, Jelsoft Enterprises Ltd.