4 replies [Last post]
gerard
Offline
Regular
Last seen: 12 years 34 weeks ago
Joined: 2005-08-19
Posts: 45
Points: 0

http://www.abisti.org/ripple/index.php

Works OK in IE7 but there's a big gap above the header and content in FF. I'm probably missing something obvious but can't see it... can some help please?

Many thanks!

Ripple Consulting - Ripple Consulting


  • Home

  • About Us

  • Client Work

  • What We Do

  • News And Events

  • Our Team

  • Careers

  • Articles

  • Contact



Ripple Consulting

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Pellentesque sit amet elit a mi Duis semper risus. In eu magna vitae risus dignissim feugiat. Suspendisse potenti. Sed vitae tellus et risus suscipit semper. Nullam arcu dolor, consectetuer ac, feugiat non, vehicula non, eros. Aliquam facilisis. Donec interdum orci non sem.

Curabitur nec nisi vel turpis cursus luctus. Aenean dolor. Ut eu urna. purus. Aenean rhoncus, mauris non volutpat tincidunt, nibh ligula pulvinar turpis, sit amet convallis eros turpis vitae nisi. Suspendisse eros augue, faucibus vitae, tempor a, mattis eget, neque. Phasellus pretium pellentesque urna. Integer pellentesque tempor leo. In tempus nisl et orci.

Ut eu urna. purus. Aenean rhoncus, mauris non volutpat tincidunt, nibh ligula pulvinar turpis, sit amet convallis eros turpis vitae nisi. Suspendisse eros augue, faucibus vitae, tempor a, mattis eget, neque. Phasellus pretium pellentesque


Head Office:Address

© 2007 Company Name | Site Design by Abisti Web Design



Ripple Consulting

/* abisti style */

body {
margin: 0;
padding: 0;
color: #000066;
background-color: #024657;
font-family: Arial, Helvetica, sans-serif;
font-size: 90%;
background-position: top centre;

}
table {
margin-left: auto;
margin-right: auto;
border: 0;
}

#wrapper #content img {
border-width: 0px;
}

a {
text-decoration: none;
color: #0000CC;
background-color: #FFFFFF;
}

a:hover {
text-decoration: underline;
color: #990000;
background-color: #FFFFFF;
}

h1 {
color: #990000;
font-size: 150%;
background-color: #FFFFFF;
font-weight: bold;
}

h2 {
color: #000066;
font-size: 14px;
margin-top: 0px;
padding-top: 0px;
}

#wrapper {
width: 760px;
border: 1px solid black;
background-color: #FFFFFF;
color: #000000;
margin-left: auto;
margin-right: auto;
margin-top: 20px;
}

#header {
margin: 0;
padding: 0;
background-color: #FFFFFF;
color: #FFFFFF;
width: 100%;
}

#content {
color: #000000;
background-color: #FFFFFF;
padding: 8px;
margin: 0 0 0 200px;
background-repeat: no-repeat;
background-position: center 60px;

}

#leftmenu {
float: left;
width: inherit;
margin-top: 10px;
margin-left: 5px;
margin-bottom: 15px;
}

#leftmenu ul {
list-style-type: none;
margin: 0;
padding: 0;
}

#leftmenu a {
display: block;
color: #FFFFFF;
background-color: #047995;
width: 125px;
padding: 4px 8px 4px 10px;
text-decoration: none;
background-repeat: no-repeat;
border-bottom: 1px solid #cccccc;
border-top: black;
font-size: 80%;
}

#leftmenu a:hover {
background-color: #024657;
color: #FFFFFF;
background-repeat: no-repeat;
}

#leftmenu li
{
margin: 0 0 0 0;
font-size: 16px;
}

#footer {
clear: both;
color: #FFFFFF;
background-color: #05A1C7;
text-align: center;
font-size: 80%;
margin: 10px 0 0 0;
border-top: 1px solid #cccccc;
}
#footer a {
color: #FFFFFF;
background-color: #05A1C7;
}

#wrapper #footer #center {
text-align: center;
}

.leftfloat {
float: left;
border: 0;
padding: 0 20px 10px 10px;
}

.rightfloat {
float: right;
margin: 0;
padding: 0px 25px 10px 20px;
}
.testimonials {
width: 90%;
border: 1px solid #990033;
background-color: #66FFFF;
padding: 10px;
margin-left: auto;
margin-right: auto;
}
.testimonialsig {
font-weight: bold;
text-align: right;
}
.center {
text-align: center;
}
.leftmargin {
margin-left: 20px;
}
#wrapper #content ul {
font-family: Arial, Helvetica, sans-serif;
font-weight: bold;
font-size: 120%;
}
.leftfloat {
float: left;
margin: 0 20px 20px 0;
}
.red {
color: #FF0000;
background: #FFFFFF;
}
img {
border: 0;
}
#imagelink a {
background: #FFFFFF; !important
}
#wrapper #leftads {
float: left;
clear: both;
margin-left: 10px;
}

Deuce
Deuce's picture
Offline
Guru
Somewhere, USA
Last seen: 3 years 9 weeks ago
Somewhere, USA
Timezone: GMT-5
Joined: 2005-11-20
Posts: 4424
Points: 1843

I would think

Drop

#leftmenu {
float:left;
margin-bottom:15px;
margin-left:5px;
margin-top:10px;
width:inherit;
}

all » http://dictionary.reference.com/browse/all

Google isn't a bunch of guys reading and grading web sites, it's more like a bunch of monkeys sniffing food and putting the good bananas at the top. -Triumph

gerard
Offline
Regular
Last seen: 12 years 34 weeks ago
Joined: 2005-08-19
Posts: 45
Points: 0

Thanks Deuce! Not even sure

Thanks Deuce! Not even sure where that came from...

rdavenport
Offline
newbie
Last seen: 11 years 32 weeks ago
Joined: 2009-02-04
Posts: 3
Points: 0

I've got a similar problem, driving me mad!

I've got a gap above a set of tabs just below my header. Works (looks) fine in IE7 and IE8, doesn't work in Chrome or Firefox.

You can see what I mean here:
www.blueskyclaims.co.uk/claims

Any help at all would be really appreciated, it's driving me crazy! Smile

Here's the code anyway, thanks:

CSS:
html, body {
margin:0;
padding:0;
}

body {
font: 76% arial,sans-serif;
background-color:#dddddd;
color:#444444;
font: bold 11px/1.5em Verdana;
}

#appBody {
background-color:#ffffff;
/* background-color:#efefde;*/

}

p {
margin:0 10px 0 10px;
}

a {
color: #981793;
}

#header {
height:187px;
background:url(../images/claimsheader.gif) 0 0 no-repeat;
width:100%;
margin:0;
}

#container {
text-align:left;
}

#content {
border: 2px solid #424242;
}

#navigation {
background:#424242;
}

#extra {
background:#424242;
}

#footer {
height: 100px;
background: #424242;
color: #FFF;
}

#footer p {
margin:0;
padding:5px 10px;
}

#container {
width:981px;
margin:0 auto;
}

#navigation {
float:right;
width:490px;
}

#extra {
float:left;
width:490px;
}

#footer {
clear:both;
width:100%;
}

/*------------------------------------start tabs------------------------------*/

#tabsC {
padding:0;
float:left;
width:971%;
background-color:#424242;
font-size:93%;
line-height: normal;
/*border: 1px solid red;*/
border-bottom: 1px solid #424242;
}
#tabsC ul {
margin:0;
padding:0 10px 0 6px;
list-style:none;
}
#tabsC li {
display:inline;
margin:0;
padding:0;
}
#tabsC a {
float:left;
background:url("../images/tableftC.gif") no-repeat left top;
margin:0;
padding:0 0 0 4px;
text-decoration:none;
}
#tabsC a span {
float:left;
display:block;
background:url("../images/tabrightC.gif") no-repeat right top;
padding:5px 15px 4px 6px;
color:#464E42;
}
/* Commented Backslash Hack hides rule from IE5-Mac \*/
#tabsC a span {float:none;}
/* End IE5-Mac hack */
#tabsC a:hover span {
color:#FFF;
}
#tabsC a:hover {
background-position:0% -42px;
}
#tabsC a:hover span {
background-position:100% -42px;
}

#tabsC #current a {
background-position:0% -42px;
}
#tabsC #current a span {
background-position:100% -42px;
}

/*------------------------------------end tabs------------------------------*/

/*-------------------------------start extra styling------------------------*/
#content p.bodytext1 {
font:normal 13px/18px Arial, Helvetica, sans-serif;
color:#62625C;
background-color:inherit;
padding:16px 0 0 6px;
float:left;
}

#content p.bodytext1 span {
font:bold 13px/18px Arial, Helvetica, sans-serif;
color:#D76E08;
background-color:inherit;
}

h2 {
font: bold 14px/1.5em Verdana;
padding: 16px 0 0 6px;
}

#footer p.tradingstatement {
font:normal 11px/19px Arial, Helvetica, sans-serif;
color:#D4D4C6;
background-color:inherit;
padding: 30px 20px 0 20px;
}

#footer p.tradingstatement a {
color:#D76E08;
background-color:inherit;
font:normal 11px/19px Arial, Helvetica, sans-serif;
padding: 1px;
text-decoration:none;
}

#footer p.tradingstatement a:hover {
color:#D4D4C6;
background-color:#D76E08;
}

/*-------------------------------end extra styling------------------------*/

/*--------------------------------table styling---------------------------*/
table {
background-color:#ffffff;
font: 10px/24px Verdana, Arial, Helvetica, sans-serif;
border-collapse: collapse;
width: 977px;
padding-top:40px;
}

th {
height: 40px;
color:#FFFFFF;
font: bold 10px/24px Verdana, Arial, Helvetica, sans-serif;
padding: 0 0.5em;
text-align: center;
/*background: #F0AD4E;*/
background: #B9B99D;
}

th a {
color:#FFFFFF;
background-color:inherit;
text-decoration:none;
}

th a:hover {
text-decoration:underline;
}

td {
height: 44px;
border-left: 1px solid #CCC;
border-bottom: 1px solid #CCC;
padding: 0 0.5em;
}

td a{
color:#474747;
background-color:inherit;
text-decoration:underline;
}
/*td+td {
border-left: 1px solid #CCC;
text-align: left;
}
/*------------------------------end table styling-------------------------*/

label{
float: left;
width: 120px;
font-weight: bold;
}

input, textarea{
width: 180px;
margin-bottom: 5px;
}

textarea{
width: 250px;
height: 150px;
}

.boxes{
width: 1em;
}

#submitbutton{
margin-left: 120px;
margin-top: 5px;
width: 60px;
}

br{
clear: left;
}

HTML:

Blue Sky Claims Case Management

Your browser does not support iframes, please use one of the following browsers:
Internet Explorer, Firefox, Opera, Google Chrome or Safari.

Deuce
Deuce's picture
Offline
Guru
Somewhere, USA
Last seen: 3 years 9 weeks ago
Somewhere, USA
Timezone: GMT-5
Joined: 2005-11-20
Posts: 4424
Points: 1843

good job resurrecting a post

good job resurrecting a post over a year old.
Maybe you should start your own thread?

all » http://dictionary.reference.com/browse/all

Google isn't a bunch of guys reading and grading web sites, it's more like a bunch of monkeys sniffing food and putting the good bananas at the top. -Triumph