Wrox Programmer Forums

Need to download code?

View our list of code downloads.

Go Back   Wrox Programmer Forums > Web Programming > CSS > CSS Cascading Style Sheets
Password Reminder
Register
| FAQ | Members List | Calendar | Search | Today's Posts | Mark Forums Read
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 tens of thousands of software programmers and website developers including Wrox book authors and readers. As a guest, you can read any forum posting. By joining today you can post your own programming questions, respond to other developers’ questions, and eliminate the ads that are displayed to guests. Registration is fast, simple and absolutely free .
DRM-free e-books 300x50
Reply
 
Thread Tools Search this Thread Display Modes
  #1 (permalink)  
Old July 5th, 2007, 09:43 AM
Friend of Wrox
 
Join Date: Jun 2003
Location: , , .
Posts: 347
Thanks: 0
Thanked 0 Times in 0 Posts
Send a message via MSN to Adam H-W
Default mozilla/IE 7 differences

I've got a couple of teething issues that I can't seem to sort on a website build.

http://www.adclweb.com/dev/st-treadm...re/default.asp

I have a 3 column layout; it's the central column that seems to look central in IE but when in Mozilla, it appears left aligned - have tried to fix it through a number of ways but doesn't seem to work.

This is the CSS for the columns:

#containerleft {
width: 218px;
height: 418px;
background-position: center;
background-color:#FFFFFF;
background:url(../images/bg-left.gif) no-repeat;
float:left;
margin-top:2px;
}

#containermiddle {
margin: 4px auto ;
height:auto;
width: 350px;
padding: 2px 12px 0px 12px;
}

#containerright {
width: 148px;
height: 418px;
background-position: center;
background-color:#FFFFFF;
background:url(../images/bg-right.gif) no-repeat;
float:right;
margin-top:2px;
}

------------------------------------------------------------

The second issue is when looking at:

http://www.adclweb.com/dev/st-treadm...ucts.asp?id=10

The dividing line seems to cut through the image in Mozilla but is OK in IE.

I am using a <div> for the horizontal line:

<div id="shopdivide"></div>

and the css is:

#shopdivide {
clear:none;
border-top: 1px solid #2A757E;
border-bottom: 1px solid #FFFFFF;
padding-top: 5px;
padding-bottom: 5px;
}

Can anyone help on these questions?

thanks

Adam

Reply With Quote
  #2 (permalink)  
Old July 5th, 2007, 12:25 PM
Friend of Wrox
 
Join Date: Nov 2005
Location: Rotterdam, , Netherlands.
Posts: 223
Thanks: 0
Thanked 0 Times in 0 Posts
Default

Hi try this
1. add float:left; to your #containermiddle
2.place your "linksprominent" div inside the middle container
3.Do some margin ajustments
Code:
#containermiddle        {
margin: 4px auto ;
height:auto;
width: 350px;
padding: 2px 12px 0px 12px;
float:left;
}
__________________________________________________ ________
I am DJ Kat...that's my name. Its a D and a J and a Kat with a K.
Reply With Quote
  #3 (permalink)  
Old July 9th, 2007, 04:16 AM
Friend of Wrox
 
Join Date: Jun 2003
Location: , , .
Posts: 347
Thanks: 0
Thanked 0 Times in 0 Posts
Send a message via MSN to Adam H-W
Default

thanks Kat - sorted - I floated it right and then applied padding to the left - prob not the correct method but it works in IE and Mozilla now.

Reply With Quote
Reply


Thread Tools Search this Thread
Search this Thread:

Advanced Search
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 Off
HTML code is Off
Trackbacks are Off
Pingbacks are On
Refbacks are Off


Similar Threads
Thread Thread Starter Forum Replies Last Post
XML differences mrame XSLT 4 October 6th, 2008 07:34 AM
Code differences afharris_83 BOOK: Professional XNA Game Programming: For Xbox 360 and Windows ISBN: 978-0-470-12677-6 5 May 8th, 2007 10:14 AM
Xcode 2.4 differences craigontour Xcode 1 November 24th, 2006 11:08 PM
mozilla and ie xpath differences jz XSLT 2 May 12th, 2006 04:51 PM
Differences between books Spivonious C# 4 August 12th, 2004 07:29 PM



All times are GMT -4. The time now is 11:04 PM.


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