logo-dw

Go Back   Dreamweaver Club Forums > Hand Coders Forum > HTML and CSS
Register FAQ Members List Search Today's Posts Mark Forums Read

Reply
 
Thread Tools Display Modes
Old 09-23-2011, 03:03 PM   #1
johnMoss
johnMoss's Avatar
 
Join Date: Dec 2010
Location: Dallas
Posts: 867
Default IE rendering excessive padding without CSS

Or so I believe...
www.johnmossdesigns.com

Down at the bottom of the page are a series of links divided up in 3 columns.
You will see them with blue arrowheads. Normal rendering is such that they all list as nice single line entries.

When browser testing locally from my computer everything renders fine, IE & all...

When uploaded to the server, they render correctly in Firefox, but not IE. Testing in IE one can see that these <li> values are being pushed too far to the right, resulting in characters being pushed to the next line. Do I need to hack this out or is something inherently wrong with the CSS?
Box widths for the containing divs (col) are set to 160 px, and padded left at 15 px.
__________________
LinkedIn: jM
johnMoss is offline   Reply With Quote
Old 09-23-2011, 06:43 PM   #2
gentleone
gentleone's Avatar
 
Join Date: Nov 2009
Location: Rhodes, Greece
Posts: 2,837
Default

Which IE version, John? I had a look in IE 8 and didn't notice what you refer. The only thing I've noticed is that when I hover Dreamweaver Club link, the hover change to bold font pushes the third column to the right. Probably a box modal issue.

Another thing... that background image is hugh, you night want to optimize it a bit more. It takes quite a while until it shows up.
__________________
www.gentlemedia.nl
gentleone is offline   Reply With Quote
Old 09-23-2011, 06:46 PM   #3
johnMoss
johnMoss's Avatar
 
Join Date: Dec 2010
Location: Dallas
Posts: 867
Default

It may have changed on you several times... I'm playing with it right this sec, & have uploaded 10 versions of css in the last 10 mins... In the moment I want to at least have the lines display properly, so creating new css rules...
__________________
LinkedIn: jM
johnMoss is offline   Reply With Quote
Old 09-23-2011, 06:56 PM   #4
johnMoss
johnMoss's Avatar
 
Join Date: Dec 2010
Location: Dallas
Posts: 867
Default

Ok at this point I'll stop for a bit. Take a look the links again. IE vs. Firefox. I'm using IE 9.

Look at the blue arrows in relation to the headers. The arrows serve as a background image to the links, so that is the clue that IE is rendering these links with padding. Tis a mystery....
__________________
LinkedIn: jM
johnMoss is offline   Reply With Quote
Old 09-23-2011, 06:58 PM   #5
johnMoss
johnMoss's Avatar
 
Join Date: Dec 2010
Location: Dallas
Posts: 867
Default

The delay is more likely due to all the excess crap I've loaded to work through trying to use html 5. Once I start zeroing in on the final design I'll do some serious house-cleaning
__________________
LinkedIn: jM
johnMoss is offline   Reply With Quote
Old 09-23-2011, 07:25 PM   #6
johnMoss
johnMoss's Avatar
 
Join Date: Dec 2010
Location: Dallas
Posts: 867
Default

oops... stand corrected on the background... I dropped it down to 198K from 598...
__________________
LinkedIn: jM
johnMoss is offline   Reply With Quote
Old 09-24-2011, 02:07 AM   #7
edbr
edbr's Avatar
 
Join Date: Aug 2005
Location: Bali
Posts: 11,164
Default

looks the same to me ff 6 and IE9
__________________
If you're happy and you know it shake your meds!
different style links examples

Flight / Hotel search
Free script download
Bali Villas
edbr is offline   Reply With Quote
Old 09-24-2011, 01:32 PM   #8
johnMoss
johnMoss's Avatar
 
Join Date: Dec 2010
Location: Dallas
Posts: 867
Default

In the I extended the widths of the 2 left containers & now they render the same. Odd that prior to this, one worked & one didn't. There simply wasn't any css rule pushing a left pad. Fixed now though...
__________________
LinkedIn: jM
johnMoss is offline   Reply With Quote
Reply


Thread Tools
Display Modes

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. The time now is 04:42 PM.


Powered by vBulletin® Version 3.8.7
Copyright ©2000 - 2017, vBulletin Solutions, Inc.
Copyright 2006 DreamweaverClub.com