Re: [css-d] newbie - problem with CSS bullets not going away and others

[matt andrews]

On 29/11/05, Laura Greenwood <[EMAIL PROTECTED]> wrote:
> I'm using a sample script from 
> http://css.maxdesign.com.au/listutorial/roll_master.htm
>
> and for some reason, even if I copy the exact code in my file, it puts
> bullets next to the list item entries even though the CSS
> (list-style-type: none) says NOT to put the bullets..
>
> I have posted my code at
> http://ciswebs.smc.edu/cis51/greenwood_laura_lee/temp_nov/index4.htm

Hi Laura, try moving this rule:

list-style-type: none;

from the "#navcontainer ul" selector to the "#navcontainer li" selector.
__
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] page check please/question about firefox 1.5 and "one true layout"

[matt andrews]

On 01/12/05, Eric Shepherd <[EMAIL PROTECTED]> wrote:
> We've soft-launched a new site template. It's at
> http://www.fisher-price.com/fp.aspx?st=30&e=toysbytype
>
...
> Also, I am trying out the "one true layout" technique, and it doesn't
> seem to have any problems (except in IE5 which I fed a different style
> sheet) and Firefox 1.5, in which the length actually IS 30,000px in
> the window.

It's because a bug in earlier versions of Firefox was fixed in Firefox 1.5:


Try this:
html {min-height:100%}
__
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 active link dotted border problem

[matt andrews]

On 02/12/05, Christian Montoya <[EMAIL PROTECTED]> wrote:
> This is the page with the problem: http://temp.rdpdesign.com/final/
>
> It's the old quirk where Firefox adds a 1px dotted border to links
> when you click them... I hate that. It's making the links in the
> horizontal UL navigation jump. It's really annoying and I tryed a few
> things that were unsuccessful and have no idea what to do.
>
> The page works fine in IE 6 and Opera. A Mac/*nix browser test is in
> order, so let me know how that's doing. I ..think.. I could live with
> the FF behavior, but it looks really bad. Normally I would just change
> the implementation but getting those sliding-doors-tabbed-links on top
> of that manila folder graphic was hard enough on its own. Can anyone
> suggest a fix?

I don't think it's anything to do with the dotted border on Firefox
active links (which I personally quite like, and which I'd be
near-certain has nothing to do with actual layout changes).

I suspect it's IE and Opera mis-handling this CSS:

#navcontainer li a:focus, #navcontainer li a:active { padding:3px 14px; }
}
__
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] Strange float issue with Explorer 6

[matt andrews]

On 03/12/05, Alisha <[EMAIL PROTECTED]> wrote:
> I don't really know how tom explain this issue. but anyway... here's the
> css and xhtml which are driving me crazy.
>
> http://www.synthetic-effulgence.com/glitch/home.html
> http://www.synthetic-effulgence.com/glitch/style.css

It seems to me that the problem is here:

#menu {
margin:455px 0 410px 0;
float:right;
background: transparent;
width:140px;
background: url(side.jpg) top right no-repeat;
padding: 465px 0 0 0;
}

Try setting the top margin and padding to zero.

Also, you have several validation errors:
http://validator.w3.org/check?verbose=1&uri=http://www.synthetic-effulgence.com/glitch/home.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] A better Google Search page

[matt andrews]

Over at the Web Standards Group list, we've been having a bit of fun. 
Thought I'd share it here, as it may well be of interest to members of
this list.

As you may have noticed, the current Google Search page is pretty
old-skool in its markup: lots of validation errors (it doesn't even
have a DOCTYPE), and those layout tables and FONT tags just take you
back to the 90s.  I've seen comments from Google in recent times that
this is mainly for bandwidth reasons.

After this had been tossed around on the list a bit, I decided to
throw together a version which is a bit more 21st century.

Here's the "original" page I used for reference (because the Google
Search page takes many different forms, depending on your location,
the presence of Google Desktop, being logged in, etc):
http://xomerang.com/testpages/google/invalidGoogle.html
It weighs in at... 2,654 bytes.

Here's the reworked version.  It's valid HTML 4.01 Strict, all CSS
layout.  Note the source order has been changed to something that I
think would work better without CSS:
http://xomerang.com/testpages/google/validGoogle.html
It weighs in at 1,908 bytes, plus a linked CSS file which is 636
bytes, for a total of... 2,544 bytes.

And, since an extra request for the linked stylesheet could be an
issue, and if you didn't care about styling other pages, here's a
version with the CSS in the head:
http://xomerang.com/testpages/google/validGoogleCSSinHead.html
It weighs in at... 2,514 bytes.

My blog entry (which pretty much just repeats the above) is here:
http://tbp.xomerang.com/2005/12/10/a-valid-google-search-page/
__
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] A better Google Search page

[matt andrews]

On 12/12/05, Philippe Wittenbergh <[EMAIL PROTECTED]> wrote:
>
> On 11 Dec 2005, at 10:03 pm, matt andrews wrote:
>
> > Here's the reworked version.  It's valid HTML 4.01 Strict, all CSS
> > layout.  Note the source order has been changed to something that I
> > think would work better without CSS:
> > http://xomerang.com/testpages/google/validGoogle.html
>
> Here is how it looks like on Camino, latest build
> <http://emps.l-c-n.com/bm/Google.png>
>
> Similar display in Safari(2.02 and 1.3), Opera 9 preview, Firefox
> 1.5, iCab 3.0, all on Mac
>
> Minimum font-size set to 12px in most browsers except Safari.

Thanks, Philippe.  I've made some tweaks now which should have sorted
out those problems on Mac browsers.
__
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] Sticky Menus

[matt andrews]

On 16/12/05, Christian Montoya <[EMAIL PROTECTED]> wrote:
> On 12/15/05, MocaLoca <[EMAIL PROTECTED]> wrote:
> > I am fresh trying to start creating clean standard sites and I always have
> > trouble with sticky menus. I mean the down state that sticks on the next
> > page clicked.
>
> If you mean menus that have the link to the current page styled
> differently, that has to be done server side. You can style the
> appearance with CSS, but server side techniques to differentiate the
> "current" link from the others is not on topic for this list.

Hmm, I beg to differ.  There is a nice way to handle this, using just CSS:

http://www.456bereastreet.com/archive/200503/setting_the_current_menu_state_with_css/
__
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] Sticky Menus

[matt andrews]

On 17/12/05, tedd <[EMAIL PROTECTED]> wrote:
> >On 16/12/05, Christian Montoya <[EMAIL PROTECTED]> wrote:
> >>  On 12/15/05, MocaLoca <[EMAIL PROTECTED]> wrote:
> >>  > I am fresh trying to start creating clean standard sites and I always 
> >> have
> >>  > trouble with sticky menus. I mean the down state that sticks on the next
> >>  > page clicked.
> >>
> >>  If you mean menus that have the link to the current page styled
> >>  differently, that has to be done server side. You can style the
> >>  appearance with CSS, but server side techniques to differentiate the
> >>  "current" link from the others is not on topic for this list.
> >
> >Hmm, I beg to differ.  There is a nice way to handle this, using just CSS:
> >
> >http://www.456bereastreet.com/archive/200503/setting_the_current_menu_state_with_css/
> >__
>
> While that [link] is clever, it still doesn't provide a "same code"
> solution for each page. Instead, you still must provide something
> unique on each page (i.e., body id="") for the menu-set to use. As
> such, you might as well hand-code each menu as per each page.

Well, adding a body id per page is a lot less effort than customising
the menu on each page.  And if you're using a server-side-included
navigation block, this approach is even less cumbersome, relatively.

> There is NOT a css solution to this "Sticky Menu" problem -- there is
> no way for css to know what page it is on unless it gets the
> information from a server-side provider (i.e., php, shtml, whatever)
> -- now let's see someone prove me wrong.

Well, in the above case, it can be just static html/xhml, so long as
the body id is there.  No scripting required.

There are some interesting possibilities that arise from having a
unique id in the body of each page:

http://diveintomark.org/archives/2003/01/16.html#body_ids
http://simon.incutio.com/archive/2003/01/16/funWithBodyIds
__
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 positioning--revised url

[matt andrews]

On 20/12/05, ron zisman <[EMAIL PROTECTED]> wrote:
> On Dec 19, 2005, at 11:41 PM, Roger Roelofs wrote:
> > Floated elements are removed from the page 'flow'.  Because this is
> > true, #content has no content.
> can't say i understand this

You might find this useful - CSS positioning tutorial from Brainjar. 
It's a good introduction to floats (and other positioning methods):
http://www.brainjar.com/css/positioning/

Floated elements are removed from the "normal flow" and thus are
ignored when the browser calculates the container's dimensions.  If
you only have floated elements in a container, it has no "normal flow"
content at all.
__
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] IEW7 selectors support

[matt andrews]

On 02/02/06, Philippe Wittenbergh <[EMAIL PROTECTED]> wrote:
> A first test file for selectors
> 
>
>
> Can someone provide screenshots of this ? I don't have IEW 7 yet.

As far as I can see, the only test on that page to fail in IE7b2 is
the line that says:

Ceçi n'est pas en rouge, :lang pseudo-class :lang(fr)

... which is red.

47k screenshot here:
http://xomerang.site.net.au/l-c-n-css3-ie7b2.png
__
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] one line will not validate

[matt andrews]

On 6/3/05, Scott Haneda <[EMAIL PROTECTED]> wrote:
> € Line: 5
> 
> Unknown pseudo-element or pseudo-class image
> 
> a:image { border-bottom: 0; }
> 
> There is my line 5, I remove it and I validate, I don't get it, whats wrong
> with that?

well, like the validator says, there is no pseudo-element or
pseudo-class named "image".

you have "a:image" ... did you intend "image" to be a class name? 
should it be "a.image" ?
__
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 — <http://www.organicgrowers.org.au/contact.shtml>Contact us
> now to get the process started.  and
> http://www.organicgrowers.org.au/contact.shtml — Click here for
> <http://www.organicgrowers.org.au/media_contacts.shtml>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/

Re: [css-d] CSS Stumper: Positining parents

[matt andrews]

On 7/18/05, Lst Recv <[EMAIL PROTECTED]> wrote:
> I'm stumped by the following snippet:  Why is Copyright appearing
> above Header?  Isn't its parent div Content - so shouldn't it appear
> beneath Header but above Content?
> 
> Header
> more header info
> 
> Content
> Content
> Copyright
> 
> 
> PS Please cc me on all responses, thanks.

from the excellent Brainjar positioning tutorial: 
( http://www.brainjar.com/css/positioning/default4.asp )

"The containing block of an absolutely positioned element is defined a
little differently than it is for other elements. The containing block
for an absolutely positioned element is established by its closest,
positioned ancestor. That is, the nearest element outside it that has
a position of absolute, relative or fixed. If there is no such
ancestor element, the initial containing block (the browser window) is
used."

... so, if you give position:relative to your #content, it will act as
the containing block.
__
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 not showing background image in isolated code

[matt andrews]

On 7/19/05, [EMAIL PROTECTED] <[EMAIL PROTECTED]> wrote:
> See picture here of Firefox and IE.
> http://webmarksonline.com/temp/test.gif
> 
> What you see in IE is what I want.
> 
> Why is Firefox not rending the background image of this page here
> http://webmarksonline.com/temp/test.htm
> 
> There is not much code.  I have minimized it so as to make it easy for
> you to debug.   So please help.

Actually, Firefox is behaving correctly (according to standards), and
IE is stuffing it up.

Floated elements are removed from the normal flow within a box. 
Because the only element within your #wrap is the floated #leftcol and
the empty #clear, there is nothing within #wrap that actually gives it
any height.  IE incorrectly gives #wrap enough height to contain the
floated #leftcol.

If you add some kind of height declaration to your #wrap selector, or
add some more non-floated content within that div, you will find that
the background is displayed in Firefox (and IE).

By the way, you might find this useful as well:
http://www.positioniseverything.net/easyclearing.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] IE background flicker on a:hover

[matt andrews]

On 21/07/05, Brian Campbell <[EMAIL PROTECTED]> wrote:
> I *KNOW* if seen the solution to this somewhere before.  I think i
> may have even used that solution at one point. However, i'm not
> finding it anywhere.  I've set a background image to some link
> elements. Some of these elements are set to change on hover, others
> are not. However ALL of them flicker on hover in IE.  The large
> banner on the following page being one example...
> 
> http://access.truvisio.com/newyorkexpo/home/
> 
> Any ideas?

You might find this useful:

http://www.fivesevensix.com/studies/ie6flicker/
__
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] A CSS image

[matt andrews]

On 29/07/05, Angus at InfoForce Services <[EMAIL PROTECTED]> wrote:
> Is it possible to use CSS to create the attached GIF? If so, how? Or Should
> I use it as a background image and add text to the fore ground?

hi Angus,

I presume you attached a .gif image to your email showing a mockup of
the layout you wanted to achieve.

Attachments are stripped from emails to the list, so no-one saw it.

You'll have to post the image on the web somewhere, and send a URL to the list.
__
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] Equal-width horizontal nav button

[matt andrews]

On 29/07/05, [EMAIL PROTECTED] <[EMAIL PROTECTED]> wrote:
> Take a look at my horizontal navigation buttons using unordered list at
> http://webmarksonline.com/temp/test.htm
> 
> There is no way for me to make these buttons equal-width, is there?
> 
> I had to use display:inline to make them side-by-side.  But when I use
> inline, the  no longer respected the width that I had set for them.

My suggestion would be to make them display:block and float them. 
That way you can set a width.
__
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 for Windows CSS Issue

[matt andrews]

On 09/08/05, David Keith Biddix <[EMAIL PROTECTED]> wrote:
> I am a Mac designer who is developing a new Website using CSS,
> instead of using just the old table layouts that I have relied on in
> the past.
> 
> The page in question is located at:
> 
> http://www.woodyscottages.com/
> 
> My problem is this. The "card" on this front page looks fine in
> Firefox, IE and Safari for the Mac OS, but when I look at it in IE on
> Windows XP, leading and kerning of the font is off and everything
> moves around so that it renders the page unreadable.
> 
> The background graphics are sliced up and placed in a table to hold
> them together properly, with the text riding in CSS "layers" over the
> top of the graphics.
> 
> I am using Trebuchet MS for the font, something that is fairly common
> in the computing world. I chose my font sizes in my CSS in pixels,
> not points or ems. I also am using classes for my fonts and sizes in
> the CSS, bypassing the traditional HTML tags of ,  and .
> 
> I'm wondering 1. Why is there such a discrepancy in the way these
> fonts show and 2. Is there a way I can get the Windows version to
> render more like the look of the Mac version (pulling the words
> together so that everything lines up the way it is supposed to.
> 
> My CSS is at:
> 
> http://www.woodyscottages.com/site.css
> 
> if anyone would like to take a look at what I've done.
> 
> Any suggestions would be most welcome!
> 
> David Biddix
> http://www.pegasuscreations.com

hi David

Quick fix?  Add this:

p {margin: 6px 0; padding: 0; line-height: 1.2}

... but I think this page has more fundamental problems. The visual
layout of this page is very fragile - it's totally dependent on a
specific font at a specific size.  What happens when someone with poor
vision increases the text size, so they can read it?

I'd suggest considering a modified layout where the text area is
positioned and sized with ems, and the edges of the postcard and other
background image areas are also positioned with ems, so at least the
page will handle differing text sizes without falling to pieces.

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/

Re: [css-d] Un ordered lists em padding

[matt andrews]

On 09/08/05, Abyss Information <[EMAIL PROTECTED]> wrote:
> Hi All,,
> 
> Could I please get some helpw ith this
> 
> http://www.westernscrabblenetwork.org/pwp/
> 
> 1.)  the "pwp hosting" logo
> 
> for some reason it is displayed properly in ie (underneath the blue menu) but 
> not in ff does anyone know why?

If you set the height of #GuestNavigation to 15em, it should be fine
in all browsers.

By the way, you should define your #GuestNavigation background image
with an absolute URL (so it will be shown in Firefox):

background-image:
url(http://www.westernscrabblenetwork.org/pwp/ws_Files/Images/three_globes.jpg);

> 2.) the bullets where the  "Sample ad" image is located..
> its in bullet form is there anyway to remove the space where the bullet is? i 
> did the "List-Style-Type: None; "
> but that took the icon away but not the space where its supposed to be (i 
> also set the margins and padding to 0px but that didn't work either )

What were you setting the margin and padding on? The following should
put the list item text flush left:

#GuestNavigation ul {
list-style-type: none;
margin: 0;
padding: 0;
}

As a general observation, I'd suggest avoiding absolute positioning in
most cases.  There are many good layout approaches on the wiki - see
email footer.
__
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] hover list issue / question

[matt andrews]

On 10/08/05, Bruce Gilbert <[EMAIL PROTECTED]> wrote:
> I am having a few issues with my menu on hover. I want the hover
> effect to be over the entire block leaving no space in between the
> white lines.(looking at FF and IE 6.0 PC)
> 
> 
> you can see what I mean in you go here
> :http://www.wealthdevelopmentmortgage.com/Bruce/Team.htm
> 
> and hover over the top menu (home, company team, contact etc.)

quick fixes:

- make your li and a elements display:block and give them (the same)
width. preferably in ems.
- make your li elements float:left.
- don't use an image for the border - just set the border via CSS.  or
use an image that's only 1px wide.
__
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!

[matt andrews]

On 10/08/05, Alex Leonard <[EMAIL PROTECTED]> wrote:
> Fearing that it will be all over the place in IEmac, safari and IE5..
> but at this stage just need to be in bed.

this may be of some assistance:

http://browsershots.org/
__
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] Screenshots

[matt andrews]

On 09/09/05, Scott Haneda <[EMAIL PROTECTED]> wrote:
> I found a site once that would allow you to put in a url and it would
> generate a screenshot in one of a few browsers.  I think Windows Explorer
> was not listed.  Anyone know of such a service, I no longer have access to
> windows and want to take a peek at a site I just did.

This is a well-executed, free service (faster if you donate, though):

http://browsershots.org/
__
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] div tags showing line break in firefox

[matt andrews]

On 29 Sep 2005 05:13:14 -, praveen  vejandla
<[EMAIL PROTECTED]> wrote:
> Dear All,
>
> I have a web page that uses CSS and number of div tags.
>
> it shows is IE as 4  segments per row (horizontally) then next 4 in 
> second row.
>
> But when I am using firefox , everything is shown vertically in one column 
> itself.
>
> Ex: IE shows as below.
>
> 1  2  3  4
> 5  6  7  8
>
> Firefox displays as below.
>
> Ex: IE shows as below.
>
> 1
> 2
> 3
> 4
> 5
> 6
> 7
> 8
>
> Could you please let me know whether this is because of any CSS rendering 
> issues and how to make sure that page get displayed same as in IE.
>
> Thanks a lot.
>
> Regards,
> Praveen

praveen,

There is no possible way to diagnose this problem, as you haven't
provided any CSS at all.

Please provide a URL to the page itself.  If the page isn't online,
put it online.

regards,

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/

Re: [css-d] ie problem

[matt andrews]

On 27/10/05, Luca Tebaldi <[EMAIL PROTECTED]> wrote:
> Hi at all
> i have a little proble in ie whit this layout
> http://utenti.unife.it/luca.tebaldi/prove/test/
>
> in the top have a margin between a float div and a centra div... why??
> thank's a lot
>   Luca
>
> PS i hate IE!!!


Ciao Luca,

Two things:

1. add a DOCTYPE to the very top of your HTML document, like this:

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

2. use absolute positioning for the edge graphics rather than floats:

#portal-top
{
position: relative;
height: 115px;
}

#angolo-alto-sx
{
background: 
url(http://utenti.unife.it/luca.tebaldi/prove/test/style/portal-top-left3.JPG)
top no-repeat;
width: 18px;
height: 105px;
position: absolute;
left: 0;
top:0;
}

#angolo-alto-dx
{
background: 
url(http://utenti.unife.it/luca.tebaldi/prove/test/style/portal-top-right3.JPG)
top no-repeat;
width: 18px;
height: 105px;
position: absolute;
right: 0;
top:0;
}

#centro-alto
{
background: 
url(http://utenti.unife.it/luca.tebaldi/prove/test/style/portal-top-center3.JPG)
top repeat-x;
height: 115px;
}

Buona fortuna!
__
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/