Go Back   Dynamic Drive Forums > General Coding > CSS
Search Dynamic Drive Forums:

Reply
 
Thread Tools Search this Thread
  #1  
Old 06-24-2005, 10:14 PM
nchandra nchandra is offline
Junior Coders
 
Join Date: Jun 2005
Posts: 6
Thanks: 0
Thanked 0 Times in 0 Posts
Default alignment problem in 3 col layout

The page http://wsdev.colostate.edu/cwis116/admmock/dsp_fr.cfm
looks aligned in IE 6.0 and the page border looks shifted in Mozilla 1.7.5.
There is a gap (white line) between the border and the right column.
How can I fix this in Mozilla. If I shift the right col to close the gap still the banner does not look ok.


Thanks.

CSS :-

body {
background-color :#003300;
margin : 0px;
outline : 0px;
padding: 0px;
color: #000000;
font-family : Verdana, Arial, sans-serif;
text-align: center; /*for IE */
font-size: xx-small;
}
.pageBorder{
border : medium ridge #DDC642 ;
color : #000000;
padding : 0px 0px 0px 0px;
width : 760px;
margin: 0 auto; /* align for good browsers */
text-align: left;/* counter the body center good browsers*/
background-color : #ffffff;
}
/* Fix IE. Hide from IE Mac \*/
* html #leftnav ul li { float: left; }
* html #leftnav ul li a { height: 1%; }
/* End */
#leftcol {
width : 175px;
float : left;
position : relative;
margin-left : -175px;
margin-right : 1px;
}
#rightcol {
width : 175px;
float : right;
position : relative;
margin-right : -175px;
margin-left : 1px;
}
#maincol {
float: left;
width : 100%;
position : relative;
margin : 0 -8px 0 -2px;
}
.content {
padding-left : 8px;
padding-right : 8px;
}
#outer {
border: solid white 0px;
border-left-width : 175px;
border-left-color : #003300;
border-left-style : solid;
border-right-color : #dddddd;
border-right-style : solid;
border-right-width : 175px;
background-color : #FFFFFF;
width : auto;
border-bottom : 1px solid #DDC642;
}
#inner {margin:0; width:100%;}
#outer>#inner{}
#footer { text-align:center; margin:0 auto; width:100%;}
Reply With Quote
  #2  
Old 06-24-2005, 10:28 PM
jscheuer1's Avatar
jscheuer1 jscheuer1 is offline
No Kidding?
 
Join Date: Mar 2005
Location: SE PA USA
Posts: 18,999
Thanks: 19
Thanked 1,134 Times in 1,120 Posts
Blog Entries: 3
Default

Looks fine to me in IE6, NS7.2 and FF1.0.4 at 800x600, 1024x768 and 1152x864.
__________________
WWWWWWWWWWWW
- John
________________________

Really Show Your Thanks: International Rescue Committee - Donate or: The Ocean Conservancy - Donate or: PayPal - Donate
Reply With Quote
  #3  
Old 06-24-2005, 10:54 PM
mwinter mwinter is offline
Elite Coders
 
Join Date: Dec 2004
Location: UK
Posts: 2,361
Thanks: 0
Thanked 0 Times in 0 Posts
Default

Quote:
Originally Posted by nchandra
The page http://wsdev.colostate.edu/cwis116/admmock/dsp_fr.cfm
looks aligned in IE 6.0 and the page border looks shifted in Mozilla 1.7.5.
I don't have that particular version, but I do have 1.7 (amongst others) and I don't see any major differences.

I don't think microfonts and script dependency is a good look for a university.

Mike
Reply With Quote
  #4  
Old 06-25-2005, 02:36 AM
TheBigT TheBigT is offline
Junior Coders
 
Join Date: Feb 2005
Posts: 96
Thanks: 0
Thanked 0 Times in 0 Posts
Default

It looks like their is a slight shift in the border but no white line for me.
Reply With Quote
Reply

Bookmarks

Thread Tools Search this Thread
Search this Thread:

Advanced Search

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 07:23 PM.

Home - Contact Us - Archives - Link to DD - Top 

Powered by vBulletin® Version 3.8.1
Copyright ©2000 - 2009, Jelsoft Enterprises Ltd.