SitePoint Sponsor

User Tag List

Results 1 to 4 of 4
  1. #1
    38911 Basic Bytes Free johnuk's Avatar
    Join Date
    Jul 2008
    Location
    Somerset, England
    Posts
    458
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)

    UL and IE style issue

    Hi all,

    I have created a PHP function which programmatically generates an XHTML Strict Unordered List based on data from my Database. After alot of programming, the list is as I would like it, and it passes validation. The list is appearing spot on in FF, Chrome, Safari etc, but IE has taken upon itself to and some stylistic changes (why am I not supprised).

    Here is some sample code :-

    menu.txt

    Could someone kindly tell me why IE is generating puny little discs, and large squares when all other browsers keep a uniform size ? is there anything I can do about this?

    Also why in IE does it not generate a square inline with a disc as it indents in, like it does on all the other browsers?


    Many thanks for your help,


  2. #2
    SitePoint Wizard bronze trophy C. Ankerstjerne's Avatar
    Join Date
    Jan 2004
    Location
    The Kingdom of Denmark
    Posts
    2,692
    Mentioned
    7 Post(s)
    Tagged
    0 Thread(s)
    You you post the code in your post? If it's HTML, use [highlight=html4strict][/highlight]. If it's css, use [highlight=css][/highlight].

    Also, a side-by-side screenshot would be nice, to show exactly where the problems are.
    Christian Ankerstjerne
    <p<strong<abbr/HTML/ 4 teh win</>
    <>In Soviet Russia, website codes you!

  3. #3
    38911 Basic Bytes Free johnuk's Avatar
    Join Date
    Jul 2008
    Location
    Somerset, England
    Posts
    458
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Hello there,

    Sorry I originally uploaded an attachment but its waiting to be approved - please see code and screenshots below. I didnt attach any CSS because it has no effect on what Im experiencing with or without my style sheet attached.

    The left image is all other browers, the right is IE8 I believe.

    Code html4strict:
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
            "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
     
    <head>
    	<title>An XHTML 1.0 Strict standard template</title>
    	<meta http-equiv="content-type" 
    		content="text/html;charset=utf-8" />
    	<meta http-equiv="Content-Style-Type" content="text/css" />
    </head>
     
    <body>
    <ul>
    	<li>A Website</li>
    	<li>
    		<ul>
    			<li><a href='#'>Some text</a></li>
    			<li><a href='#'>Some text</a></li>
    			<li><a href='#'>Some text</a></li>
    			<li>
    				<ul>
    					<li><a href='#'>Some text</a></li>
    					<li>
    						<ul>
    							<li><a href='#'>Some text</a></li>
    							<li><a href='#'>Some text</a></li>
    						</ul>
    					</li>
    					<li><a href='#'>Some text</a></li>
    					<li>
    						<ul>
    							<li><a href='#'>Some text</a></li>
    							<li><a href='#'>Some text</a></li>
    						</ul>
    					</li>
    				</ul>
    			</li>
    			<li><a href='#'>Some text</a></li>
    			<li>
    				<ul>
    					<li><a href='#'>Some text</a></li>
    					<li>
    						<ul>
    							<li><a href='#'>Some text</a></li>
    							<li><a href='#'>Some text</a></li>
    						</ul>
    					</li>
    					<li><a href='#'>Some text</a></li>
    					<li>
    						<ul>
    							<li><a href='#'>Some text</a></li>
    							<li><a href='#'>Some text</a></li>
    						</ul>
    					</li>
    				</ul>
    			</li>
    			<li><a href='#'>Some text</a></li>
    			<li>
    				<ul>
    					<li><a href='#'>Some text</a></li>
    					<li>
    						<ul>
    							<li><a href='#'>Some text</a></li>
    							<li><a href='#'>Some text</a></li>
    						</ul>
    					</li>
    					<li><a href='#'>Some text</a></li>
    					<li>
    						<ul>
    							<li><a href='#'>Some text</a></li>
    							<li><a href='#'>Some text</a></li>
    						</ul>
    					</li>
    					<li><a href='#'>Some text</a></li>
    					<li>
    						<ul>
    							<li><a href='#'>Some text</a></li>
    							<li><a href='#'>Some text</a></li>
    						</ul>
    					</li>
    				</ul>
    			</li>
    		</ul>
    	</li>
    </ul>
    </body>
    </html>

    otherbrowsers.jpg81274217.jpg

  4. #4
    SitePoint Wizard bronze trophy C. Ankerstjerne's Avatar
    Join Date
    Jan 2004
    Location
    The Kingdom of Denmark
    Posts
    2,692
    Mentioned
    7 Post(s)
    Tagged
    0 Thread(s)
    The styling that you see on that page is the browser default. Pretty much no matter what way it's displayed, Internet Explorer isn't doing anything wrong. If you want to change things like bullet appearence and list indentation, you'll need to use CSS.
    Christian Ankerstjerne
    <p<strong<abbr/HTML/ 4 teh win</>
    <>In Soviet Russia, website codes you!


Bookmarks

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •