Vertical lists aligned horizontally, IE problem

This is a discussion on "Vertical lists aligned horizontally, IE problem" within the Web Page Design section. This forum, and the thread "Vertical lists aligned horizontally, IE problem are both part of the Design Your Website category.



Go Back   Webforumz.com > Main Forums > Design Your Website > Web Page Design

Notices


Reply
 
LinkBack Thread Tools
  #1 (permalink)  
Old Aug 24th, 2007, 16:54
New Member
Join Date: Aug 2007
Location: California
Age: 27
Posts: 2
Thanks: 0
Thanked 0 Times in 0 Posts
Vertical lists aligned horizontally, IE problem

I am aligning three vertical lists, horizontally. I have it looking right in Firefox, but IE is rendering it weird...who would have guessed. Can anyone help me find the correct way to set up the CSS and/or HTML for this style of list.

In IE it is pushing the lists over to the right side of the DIV and not allowing the bullets to show. The live page can be found here.

HTML:

<div id="left">
<h1>Welcome</h1>
<p>Landis Design offers premium creative services. From print design, web design, and technology solutions, we provide the expertise to get the job done right.</p>

<ul class="leftmenu">
<li>Logos</li>
<li>Advertising</li>
<li>Layout</li>
<li>Newsletters</li>
<li>Mailpieces</li>
</ul>

<ul class="leftmenu">
<li>Development</li>
<li>Consulting</li>
<li>Content Edit</li>
<li>Re-design</li>
<li>SEO</li>
</ul>

<ul class="leftmenu">
<li>Network Administration</li>
<li>Hardware Support</li>
<li>Software Support</li>
<li>Security Evaluation</li>
</ul>

<!-- Third section on left side -->
<div id="third">
<p><img src="images/img-infohighway.jpg" name="circuitboard" width="211" height="156" id="circuitboard" />Design Special</p>
<p>For a limited time, submit a design project and recieve 50% off the first two hours. To recieve a quote, please call us or use the request option to the right.</p>
</div>
</div>

CSS:

.leftmenu {
font-family: Arial, Helvetica, sans-serif;
color: #C9C2B9;
display: block;
float: left;
clear: inherit;
}
.leftmenu li {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
color: #C9C2B9;
clear: inherit;
list-style-type: inherit;
}
Reply With Quote

  #2 (permalink)  
Old Aug 24th, 2007, 16:59
alexgeek's Avatar
Technical Administrator

SuperMember
Join Date: Jul 2007
Location: Webforumz 24/7
Age: 15
Posts: 3,770
Blog Entries: 9
Thanks: 0
Thanked 0 Times in 0 Posts
Send a message via MSN to alexgeek
Re: Vertical lists aligned horizontally, IE problem

IE7 looks exactly the same as FF
are you on about IE6?
Last Blog Entry: 3D Chess in your browser! (Mar 14th, 2008)
Reply With Quote
  #3 (permalink)  
Old Aug 24th, 2007, 17:01
New Member
Join Date: Aug 2007
Location: California
Age: 27
Posts: 2
Thanks: 0
Thanked 0 Times in 0 Posts
Re: Vertical lists aligned horizontally, IE problem

Yes, it looks wrong in IE 6.
Reply With Quote
  #4 (permalink)  
Old Aug 24th, 2007, 17:10
alexgeek's Avatar
Technical Administrator

SuperMember
Join Date: Jul 2007
Location: Webforumz 24/7
Age: 15
Posts: 3,770
Blog Entries: 9
Thanks: 0
Thanked 0 Times in 0 Posts
Send a message via MSN to alexgeek
Re: Vertical lists aligned horizontally, IE problem

oh sorry.
stupid vista :/
can't check
Last Blog Entry: 3D Chess in your browser! (Mar 14th, 2008)
Reply With Quote
  #5 (permalink)  
Old Aug 24th, 2007, 17:47
SuperMember

SuperMember
Join Date: Jun 2007
Location: uk
Posts: 459
Thanks: 0
Thanked 0 Times in 0 Posts
Re: Vertical lists aligned horizontally, IE problem

You could try this. dont think it will help the position though.

HTML: Select all
.leftmenu li {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
color: #C9C2B9;
clear: inherit;
list-style-position: inside;
list-style-type: disc;
}
Reply With Quote
Reply

Tags
css

Thread Tools

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

BB code is On
Smilies are On
[IMG] code is On
HTML code is Off
Trackbacks are On
Pingbacks are On
Refbacks are On

Similar Threads
Thread Thread Starter Forum Replies Last Post
Horizontal Menu Using Lists Problem josephman1988 Web Page Design 5 Oct 26th, 2007 14:13
Scrolling a Div Horizontally jwalker80 Web Page Design 2 Feb 20th, 2007 21:43
php loop trying to move horizontally ppgpilot PHP Forum 5 Aug 14th, 2006 04:22
problem after vertical aligning bellefleur Web Page Design 5 Jun 29th, 2006 07:54
Problem with vertical allignment Audioz Web Page Design 5 Dec 6th, 2004 14:01


All times are GMT. The time now is 03:04.


Powered by vBulletin®
Copyright ©2000 - 2008, Jelsoft Enterprises Ltd.
Search Engine Friendly URLs by vBSEO 3.2.0 RC8
© 2003-2008 Webforumz.com : All Rights Reserved

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43