1 reply [Last post]
nicko
nicko's picture
Offline
newbie
Santa Cruz, CA
Last seen: 12 years 9 weeks ago
Santa Cruz, CA
Joined: 2007-04-03
Posts: 10
Points: 0

Hello!

I am in the process of re-building this layout in CSS that was originally built using tables. I am having a problem with the top left and right curves of the navigation bar running flush with the outside of border. As you will see on the home button, as the left of the button curves bottom left, it runs crooked to the border. It is also doing something fishy on the right side. I have also attached the original table-built layout, so you can see my goal. Any help? Thanks

CSS problem layout:

http://www.waveriderdesign.com/testing/powersquid/new_template_css.htm

Table-built goal layout:

http://www.waveriderdesign.com/testing/powersquid/new_template.htm

CSS sheet:

/* CSS Document */

body{
margin:0px;
padding:0px;
border:0px;

border-spacing:0px;
background-image:url(../images/backgrounds/bg_all.gif);
background-repeat:repeat;
text-align:center;}
img
{border-spacing:0px;}

#wholewrapper
{background-image:url(../images/backgrounds/bg_vert_gradient.gif);
background-repeat:repeat-x;
text-align:center;
width:100%;
height:100%;}

#contentwrapper
{width:100%;
background-image:url(../images/backgrounds/bg_vert_gradient.gif);
background-repeat:repeat-y;
}
#top
{height:37px;
width:857px;
background-image:url(../images/backgrounds/bg_horz_top.jpg);
background-repeat:repeat-x, no-repeat-y;
margin-left:auto;
margin-right:auto;}
#logo
{height:65px;
width:857px;
background-image:url(../images/backgrounds/bg_horz_top_sub_logo.jpg);
background-repeat:no-repeat;
background-position:center;
margin-left:auto;
margin-right:auto;}
#navbar
{height:35px;
width:857px;
background-image:url(../images/backgrounds/bg_horz_nav.jpg);
background-repeat:no-repeat;
background-position:center;
margin-left:auto;
margin-right:auto;
padding-right:0px;
text-align:center;}
#buttonholder
{width:858px;
max-height:35px;
text-align:center;}
.buttons{border:0px;
padding-left:0px;
border-spacing:0px;
border-collapse:separate;}
#sub_subnav
{background-image:url(../images/subnav/bg_subnav_bar.gif);
background-position:bottom;
background-repeat:repeat-x;
height:20px;
width:843px;
padding-top:7px;
margin-left:auto;
margin-right:auto;
}
#subnav
{height:27px;
width:857px;
margin-left:auto;
margin-right:auto;
background-image:url(../images/backgrounds/bg_horz_nav_sub.jpg);
background-position:center;
background-repeat:no-repeat;
vertical-align:baseline;
margin-left:auto;
margin-right:auto;
}
#sidesliceleft
{width:7px;
height:542px;
background-image:url(../images/backgrounds/bg_left_main_ds.jpg);
background-repeat:no-repeat;
float:left;}
#contentwrapper
{height:542px;
width:857px;
text-align:center;
margin-left:auto;
margin-right:auto;}

#contentarea
{
height:542px;
width:843px;
margin-left:auto;
margin-right:auto;
background-color:#FFFFFF;
float:none;
margin-left:auto;
margin-right:auto;

}
#sidesliceright
{width:7px;
height:542px;
background-image:url(../images/backgrounds/bg_rt_main_ds.jpg);
background-repeat:no-repeat;
float:right;}
#footer
{height:39px;
width:857px;
margin-left:auto;
margin-right:auto;
background-image:url(../images/backgrounds/bg_horz_bot.png);
background-position:center;
background-repeat:no-repeat;}
#bottom
{background-image:url(../images/background/bg_all.gif);
background-position:bottom;
background-repeat:repeat;
height:100%;
width:100%;
margin-bottom:0px;}



.style1 {font-size: 13px; color: #666666; font-family: Arial, Helvetica, sans-serif;}

nicko
nicko's picture
Offline
newbie
Santa Cruz, CA
Last seen: 12 years 9 weeks ago
Santa Cruz, CA
Joined: 2007-04-03
Posts: 10
Points: 0

forgot to add.....

I forgot to add: the home button looks fine in firefox, but not it IE