Go Back   CodingForums.com > :: Client side development > HTML & CSS

Before you post, read our: Rules & Posting Guidelines

Reply
 
Thread Tools Rate Thread
Enjoy an ad free experience by logging in. Not a member yet? Register.
Old 03-14-2013, 08:36 PM   PM User | #1
sixrfan
Regular Coder

 
Join Date: Aug 2009
Posts: 395
Thanks: 116
Thanked 0 Times in 0 Posts
sixrfan has a little shameless behaviour in the past
IE list bullet issues

how come when you view this page in IE(9) the bullets for the lists in the content area appear over the images to their left and not to the immediate left of the list items like they do in other browsers?

please advise. thanks in advance.
sixrfan is offline   Reply With Quote
Old 03-14-2013, 11:15 PM   PM User | #2
Excavator
Master Coder


 
Excavator's Avatar
 
Join Date: Dec 2006
Location: Alaska
Posts: 9,410
Thanks: 22
Thanked 1,765 Times in 1,749 Posts
Excavator has a spectacular aura aboutExcavator has a spectacular aura aboutExcavator has a spectacular aura about
Hello sixrfan,
There's a lot going on there...

First - you don't clear the floats in .prodprod, see clearing floats here.

Second - when you float .entry-content img and try to put block level ul next to it, you need to make room for the float. Typically that would be a left margin the width of the float plus whatever space you want between them. Another method is overflow: auto; and padding. See how easy two columns can be here.

Third - just a pet peeve of mine... what is .pic4prod doing? It is not needed to contain that image, you don't seem to be able to come up with any styling for it in the CSS - see divitis here.
__________________
Validate often DURING development - Use it like a splelchecker | Debug during Development |Write it for FireFox, ignore IE
Use the right DocType | Validate your markup | Validate your CSS | Why validating is good | Why tables are bad
Excavator is offline   Reply With Quote
Old 03-15-2013, 06:55 PM   PM User | #3
sixrfan
Regular Coder

 
Join Date: Aug 2009
Posts: 395
Thanks: 116
Thanked 0 Times in 0 Posts
sixrfan has a little shameless behaviour in the past
i have/had clear:both; on .prodprod

what am i missing?

i'll work on the other stuff.
sixrfan is offline   Reply With Quote
Old 03-15-2013, 07:25 PM   PM User | #4
Excavator
Master Coder


 
Excavator's Avatar
 
Join Date: Dec 2006
Location: Alaska
Posts: 9,410
Thanks: 22
Thanked 1,765 Times in 1,749 Posts
Excavator has a spectacular aura aboutExcavator has a spectacular aura aboutExcavator has a spectacular aura about
Quote:
Originally Posted by sixrfan View Post
i have/had clear:both; on .prodprod
clear: both; would clear .prodprod itself, if it needed it. It doesn't clear the contents of .prodprod though. The min-height you've added is just a band-aide. Have a look at that link about clearing floats, it explains what's going on and how to fix it.
__________________
Validate often DURING development - Use it like a splelchecker | Debug during Development |Write it for FireFox, ignore IE
Use the right DocType | Validate your markup | Validate your CSS | Why validating is good | Why tables are bad
Excavator is offline   Reply With Quote
Reply

Bookmarks

Tags
internet explorer

Jump To Top of Thread


Thread Tools
Rate This Thread
Rate This Thread:

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

Forum Jump


All times are GMT +1. The time now is 11:31 PM.


Advertisement
Log in to turn off these ads.