Webmaster Forum

Go Back   Webmaster Forum > Web Development > Coding Forum

Coding Forum Problems with your code? Discuss coding issues, including JavaScript, PHP & MySQL, HTML & CSS, Flash & ActionScript, and more.


Reply
 
Thread Tools Display Modes
Share |
  #1  
Old 09-13-2008, 03:18 PM
digiweb's Avatar
digiweb digiweb is offline
Contributing Member
 
Join Date: 04-07-06
Location: Manchester, NH
Posts: 722
iTrader: 1 / 100%
CSS Pro? Help!

Can someone please tell me why this page looks so scrunched in IE when it's fine in FF (actually it's all product pages?

b-naturals DOT com/halo-derma-dream-salve-2-oz-p-23

Thank you for any input!!
 
Reply With Quote

Advertisement

Advertisement

  #2  
Old 09-16-2008, 01:50 AM
kos's Avatar
kos kos is offline
Coding Tiger
 
Join Date: 04-13-07
Location: .ro
Posts: 4,029
iTrader: 3 / 100%
Vista, IE7, FF3. They both look the same...
 
Reply With Quote
  #3  
Old 09-24-2008, 02:02 AM
digiweb's Avatar
digiweb digiweb is offline
Contributing Member
 
Join Date: 04-07-06
Location: Manchester, NH
Posts: 722
iTrader: 1 / 100%
Do you see how narrow the copy is on IE?
 
Reply With Quote
  #4  
Old 09-24-2008, 04:57 AM
Boogle's Avatar
Boogle Boogle is offline
Contributing Member
 
Join Date: 09-03-07
Location: England
Posts: 649
iTrader: 0 / 0%
I see that it's a bit narrower: The only difference is that IE is automatically clearing the float, for your product and it's text, whereas FF is correctly not clearing the float and wrapping the text around the image.

The general width's are all the same, vista, ie7, ff3.

Boog's
 
Reply With Quote
  #5  
Old 09-24-2008, 12:30 PM
digiweb's Avatar
digiweb digiweb is offline
Contributing Member
 
Join Date: 04-07-06
Location: Manchester, NH
Posts: 722
iTrader: 1 / 100%
Hey thank you for that observation.

I'm more of a programmer than a CSS person. What does it mean to clear the float?

Thank you.
 
Reply With Quote
  #6  
Old 09-24-2008, 11:06 PM
HTMLBasicTutor's Avatar
HTMLBasicTutor HTMLBasicTutor is offline
Administrator
 
Join Date: 10-29-07
Location: Canada
Posts: 26,707
iTrader: 5 / 100%
From the CSS 2.1 spec:
9.5.2 Controlling flow next to floats: the 'clear' property

Applies to: block-level elements
 
Reply With Quote
  #7  
Old 09-24-2008, 11:48 PM
digiweb's Avatar
digiweb digiweb is offline
Contributing Member
 
Join Date: 04-07-06
Location: Manchester, NH
Posts: 722
iTrader: 1 / 100%
Thank you but that is over my head.
 
Reply With Quote
  #8  
Old 09-29-2008, 03:01 PM
marc_gfx marc_gfx is offline
Contributing Member
 
Join Date: 07-01-06
Posts: 126
iTrader: 0 / 0%
clear:both is comparable to a new line of text, just for html tags, like div.
clear:left; only makes sure the next item is below the last item floating left.
clear:right; like left just right...
 
Reply With Quote
  #9  
Old 10-05-2008, 10:26 PM
digiweb's Avatar
digiweb digiweb is offline
Contributing Member
 
Join Date: 04-07-06
Location: Manchester, NH
Posts: 722
iTrader: 1 / 100%
marc gfx thank you for that explanation.

So does the site require a fix for IE so the product page is not so narrow?
 
Reply With Quote
Go Back   Webmaster Forum > Web Development > Coding Forum

Reply


Currently Active Users Viewing This Thread: 1 (0 members and 1 guests)
 
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


V7N Network
Get exposure! V7N I Love Photography V7N SEO Blog V7N Directory


All times are GMT -7. The time now is 08:32 PM.
Powered by vBulletin
Copyright 2000-2014 Jelsoft Enterprises Limited.
Copyright © 2003 - 2018 VIX-WomensForum LLC