SitePoint Sponsor |
|
User Tag List
Results 1 to 13 of 13
-
Sep 23, 2006, 18:02 #1
- Join Date
- Mar 2005
- Location
- United States
- Posts
- 768
- Mentioned
- 0 Post(s)
- Tagged
- 0 Thread(s)
IE Problem with List Images - Weird, Very Unpredictable
http://zemens.com/gehometech/home.php
I cannot figure out why the arrow image to the left of the "Unordered List Items" in the center and right hand column display unpredictably in IE. Each list item has the same image attached via CSS, and in FF they are perfect in appearance. But in IE there are some items with arrows and some without, even though the code for both the center and right columns is identical code called from an included text file.
The code is valid CSS and HTML....
Can anyone suggest what the problem is in IE?
Thanks very much once again.
-
Sep 23, 2006, 18:13 #2
I'm not seeing any 'arrows' out of place in IE, at least nothing that also isn't broken in Opera... but your entire column layout isn't working at ALL, being one long stripe down the page...
I'd dig deeper, but your HTML is giving me a headache on the formatting... To be honest with all the 'commenting for the sake of commenting' and oddball hodgepodges of formatting techniques, I'm amazed you got it to validate, much less work in a standards compliant browser.
-
Sep 23, 2006, 18:21 #3
- Join Date
- Mar 2005
- Location
- United States
- Posts
- 768
- Mentioned
- 0 Post(s)
- Tagged
- 0 Thread(s)
Problem Solved
Problem solved by adding postion:relative to the ul li.
Deathshadow: Dude, go easy, I am just developing this. Besides, it now works perfectly in FF and IE 6.0. Three columns, not one long column.
My HTML and CSS is perfect and validates to strict standards. What's your beef here? Thanks for nothing.
-
Sep 23, 2006, 18:32 #4
Originally Posted by dwzemens
Just because the code validates doesn't mean the formatting is legible or easy to follow, and also doesn't mean it's cross browser friendly... and most certainly doesn't mean you are using the 'right tags for the right job'.
Besides, this:
<body id="home">
is enough to make EVERYONE here break out in hysterics
Oh, and IE now returns two columns, with the third appearing beneath the left one.
-
Sep 23, 2006, 18:34 #5
-
Sep 23, 2006, 18:38 #6
Originally Posted by dwzemens
It could be my 'large fonts' metric, which could be effecting your layout if you used PT or EM inside a fixed pixel-width design.
-
Sep 23, 2006, 18:51 #7
In fact, this is most likely the problem:
font-size : 90%;
Which means safari might choke as well... 90% does not equal the same font size in relationship to pixels on all machines because not all browsers start out with the same sized fonts...
-
Sep 23, 2006, 18:55 #8
-
Sep 23, 2006, 19:46 #9
The site is visually really nice and clean - nice job there.
The point about the commenting overkill is that it actually does the opposite of what you intend - the page is so overcommented it is hard to seperate things outs. By doing as best you can to use CLASS and ID names that are as descriptive of the content they contain as possible, you will not really need many comments and your markup will be as crisp and lean as your site looks.
e.g.:
<h2 id="tagline">Best Widgets in Widgetville</h2>
is self explanatory
No need to say:
<!--Below is the Tagline-->
<h2 id="tagline">Best Widgets in Widgetville</h2>
The site does look quite nice in Safari as of now - 3 columns.
In the real world pixels for font sizing offer the most consistent results across browsers and lessens quirks that may be caused by inheritence.
You put the home ID on the body tag to differentiate everything on the page from another page I imagine - there is nothing wrong with doing that per se (It is in the O'Reilly CSS Cookbook IIRC), but don't do it unless you need to show an active/current state or have some other good reason. It is kind of a "blunt instrument".
Probably a result of recent edits you have made (and some from image replacement) - but you should run your page through Tidy as you have 10 or so warnings - nothing big - but it will certainly help in the effort towards more consistent cross browser rendering.
-
Sep 23, 2006, 20:09 #10
- Join Date
- Oct 2005
- Location
- Brisbane, QLD
- Posts
- 4,067
- Mentioned
- 0 Post(s)
- Tagged
- 0 Thread(s)
Originally Posted by deathshadow
-
Sep 24, 2006, 01:40 #11
- Join Date
- May 2006
- Location
- Aurora, Illinois
- Posts
- 15,476
- Mentioned
- 0 Post(s)
- Tagged
- 0 Thread(s)
I use it also... albeit sparingly and only when I want to highlight the current page's link in a menu, or if I want to style a certain page differently from the others.
Save the Internet - Use Opera | May my mother rest in peace: 1943-2009
Dan Schulz - Design Team Advisor | Follow me on Twitter
SitePoint References: HTML CSS JavaScript | Become A Guru
WordPress SEO Checklist | What WordPress Plugins Do You Use?
Web Standards Curriculum | Image Free Equal Height Columns
-
Sep 24, 2006, 02:32 #12
-
Sep 24, 2006, 04:37 #13
Originally Posted by dwzemens
Bookmarks