Wrox Programmer Forums
|
CSS Cascading Style Sheets All issues relating to Cascading Style Sheets (CSS).
Welcome to the p2p.wrox.com Forums.

You are currently viewing the CSS Cascading Style Sheets section of the Wrox Programmer to Programmer discussions. This is a community of software programmers and website developers including Wrox book authors and readers. New member registration was closed in 2019. New posts were shut off and the site was archived into this static format as of October 1, 2020. If you require technical support for a Wrox book please contact http://hub.wiley.com
 
Old September 11th, 2005, 09:36 AM
Authorized User
 
Join Date: Jun 2003
Posts: 65
Thanks: 0
Thanked 0 Times in 0 Posts
Default i need help on this css

i have this repeat region for some products.
is all based on Css positioning but i can have the bottom part of the box linning up properly in Firefox.

In IE looks fine but Firefox brings the background image on top.

can be viewd here: website
 
Old September 13th, 2005, 04:14 AM
Authorized User
 
Join Date: Jun 2003
Posts: 65
Thanks: 0
Thanked 0 Times in 0 Posts
Default

sorted
 
Old September 13th, 2005, 04:22 AM
Friend of Wrox
 
Join Date: Jun 2003
Posts: 425
Thanks: 0
Thanked 3 Times in 3 Posts
Default

I'm not sure I understand what you mean but I only see one thing... doesn't fit with what you say about a background image though...

Those boxes where it says "September specials!" and "New Products!". They are run together in Moz but have a nice margin between them in IE. Is that what you mean?

If so, the "margin" is created by a BR tag. That doesn't give you the extra space in Moz. Delete the BR (and also a </b> that's on the loose there). Then use CSS. :)

Something like so should do it:
.item-contain { margin-bottom: 10px }


--
http://yupapa.com
 
Old September 13th, 2005, 04:25 AM
Friend of Wrox
 
Join Date: Jun 2003
Posts: 425
Thanks: 0
Thanked 3 Times in 3 Posts
Default

LOL You posted that while I typed.

Just out of interest. Did you mean what I thought?

--
http://yupapa.com
 
Old September 13th, 2005, 04:29 AM
Authorized User
 
Join Date: Jun 2003
Posts: 65
Thanks: 0
Thanked 0 Times in 0 Posts
Default

Quote:
quote:Originally posted by meow
 LOL You posted that while I typed.

Just out of interest. Did you mean what I thought?

--
http://yupapa.com
I thing i posted that while you were typing.

No the problem was with the floating title (top & bbottom) part of the boxes. I got it sorted out. was missing a float:left tag on the main div.
 
Old September 13th, 2005, 04:38 AM
Friend of Wrox
 
Join Date: Jun 2003
Posts: 425
Thanks: 0
Thanked 3 Times in 3 Posts
Default

That's why I didn't see it then.

Maybe you can find use for my fix too. I think it looks nicer in IE, with the space between the boxes. Lighter, more airy. :)

--
http://yupapa.com
 
Old September 13th, 2005, 05:43 AM
Authorized User
 
Join Date: Jun 2003
Posts: 65
Thanks: 0
Thanked 0 Times in 0 Posts
Default

there is a <br /> tag there already.
I'll probably be looking at adding margin-bottom:2px; see if that works.
 
Old September 13th, 2005, 05:44 AM
Authorized User
 
Join Date: Jun 2003
Posts: 65
Thanks: 0
Thanked 0 Times in 0 Posts
Default

yeah that looks better.

Thanks.
 
Old September 13th, 2005, 05:52 AM
Friend of Wrox
 
Join Date: Jun 2003
Posts: 425
Thanks: 0
Thanked 3 Times in 3 Posts
Default

Quote:
quote:Originally posted by lucian
 there is a <br /> tag there already.
Yes, that's the problem. Or rather that's what creates the space in IE (but not in Moz).

Quote:
quote:yeah that looks better.
Cool. Yes, it looked a little odd in Moz when those purple thingies floated together.

--
http://yupapa.com
 
Old September 13th, 2005, 05:55 AM
Authorized User
 
Join Date: Jun 2003
Posts: 65
Thanks: 0
Thanked 0 Times in 0 Posts
Default

I am looking to round the corners of the purple tab using css as well (no images).
let you know how i get on if u want.





Similar Threads
Thread Thread Starter Forum Replies Last Post
CSS HELP:! CSS EXPANDIBLE BACKGROUND FOR TITLE phpuser2000 CSS Cascading Style Sheets 2 December 19th, 2007 12:36 AM
Rich's new CSS book: Beginning CSS 2nd Edition jminatel BOOK: Beginning CSS: Cascading Style Sheets for Web Design ISBN: 978-0-7645-7642-3 0 June 15th, 2007 11:55 AM
how to use CSS ngocntm CSS Cascading Style Sheets 3 September 30th, 2004 04:21 AM
CSS stu9820 HTML Code Clinic 4 May 18th, 2004 08:05 AM
CSS surf Javascript 2 March 25th, 2004 11:36 AM





Powered by vBulletin®
Copyright ©2000 - 2020, Jelsoft Enterprises Ltd.
Copyright (c) 2020 John Wiley & Sons, Inc.