Stuck on few CSS issues mid-build
Hi all,
Spend the last week making some good progress with a website build, but I’ve hit a few stumbling blocks I hoped the CSS pros out there might be able to help with please!
<div id="body_container">
I’ve tried setting this div’s height to 100% so it expands accordingly (set to 800px right now), but when I do this it ‘disappears’ from view – i.e. the background colour vanishes and all its contents appear on a white background which is applied to the #body_container_fullwidth. Any ideas what I’m doing wrong?
<div id="left_content">
Why isn’t this expanding in height to accommodate the youtube video? It’s height is set to 100%.
<hr class="leftcontent1"></hr>
I’m seeing this in Dreamweaver but not in FF or IE preview. Any ideas?
<img class="rightbutton" src="Images/right_button.png" width="24" height="24" alt="More" />
I’ve put this image in the <div id="right_content_greystrip"> container but it’s appearing below and I can’t work out why?
Sorry it’s quite a few issues all at once – I’ve been over each time and time again but am thoroughly stuck!
Thanks in advance guys
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<!-- TemplateBeginEditable name="PageTitle" -->
<title></title>
<!-- TemplateEndEditable -->
<link href="CSS/style_sheet.css" rel="stylesheet" type="text/css"/>
<script type="text/javascript">
var _gaq = _gaq || [];
_gaq.push(['_setAccount', 'UA-17957242-1']);
_gaq.push(['_trackPageview']);
(function() {
var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
</script>
</head>
<body>
<div id="logo_address_container_fullwidth">
<div id="logo_address_container">
<div id="logo_container"><a href="Templates/test.com"><img src="Images/thewharfhouse-logo.png" width="359" height="41" alt="The Wharf House" /></a></div>
<div id="address_container">
<p class="headeraddress">Over, Gloucester, GL2 8DB | 01452 332 900 | <a href="Templates/www.test.com">[email protected]</a></p>
</div>
</div>
</div>
<div id="nav_container_fullwidth">
<div id="nav_container">
<p class="nav"><a href="Templates/www.test.com">Home</a> • <a href="Templates/www.test.com">Restaurant</a> • <a href="Templates/www.test.com">Accommodation</a> • <a href="Templates/www.test.com">Online Shop</a> • <a href="Templates/www.test.com">News & Events</a> • <a href="Templates/www.test.com">Functions & Weddings</a> • <a href="Templates/www.test.com">Local Tourism</a> • <a href="Templates/www.test.com">Contact</a></p>
</div>
</div>
<div id="header_image_container_fullwidth">
<div id="header_image_container">
<!-- TemplateBeginEditable name="header-image" --><img src="Images/header-test.jpg" width="1100" height="350" alt="Header test" /><!-- TemplateEndEditable --></div>
</div>
<div id="body_container_fullwidth">
<div id="body_container">
<div id="body_container_left">
<div id="left_content">
<h1 class="leftcontent1">Welcome to The Wharf House</h1>
<hr class="leftcontent1"></hr>
<h2>Welcome to the award winning waterside Restaurant and Accommodation, situated in Over on the edge of the historic city of Gloucester.</h2>
<p>Welcome to The Wharf House Waterside Restaurant with Rooms, set in the perfect riverside location. Sample our culipxary delights, which have recently been awarded a highly acclaimed red rosette by the AA or enjoy a stay in our beautiful rooms awarded with 4 stars by the AA.</p>
<p>Each of our 6 bedrooms provide wonderful views of the River Severn, or our newly restored Canal Basin. All rooms are equipped with wide-screen TV’s, walk in WiFi, and private en suite facilities, some with whirl-pool baths.</p>
<p>All rooms include breakfast the following morning. Breakfast is served between 7.30am-9.30am Monday to Friday and 8.30am-9.45am Saturday and Sunday
(earlier if required at a supplement of £5 per room per half hour).</p>
<p>All profits made by The Wharf House are used for the promotion and restoration of the Herefordshire and Gloucestershire Canal Trust.</p>
</div>
<div id="left_content">
<h1 class="leftcontent2">The Wharf House video showcase</h1>
<div id="youtube">
<iframe width="380" height="214" src="http://www.youtube.com/embed/f8UT6QJIMfE" frameborder="0" allowfullscreen></iframe>
</div>
<p>Take a look inside The Wharf House restaurant and rooms in Over, near Gloucester, with naration from Natasha Turney at the restaurant.</p>
</div>
</div>
<div id="body_container_right">
<div id="right_content">
<h1 class="rightcontent">Book your stay</h1>
<img class="rightcontent" src="Images/right_content_test.png" width="120" height="90" alt="Test" />
<p>Check availability and book your stay in one of our luxurous individual rooms.</p>
<div id="right_content_greystrip">
<p class="right_content_greystrip"><a href="Templates/test.com">Check room availability</a></p>
<a href="Templates/test.com"><img class="rightbutton" src="Images/right_button.png" width="24" height="24" alt="More" /></a></div>
</div>
<div id="right_content">
<h1 class="rightcontent">Over Canal Festival 2012</h1>
<img class="rightcontent" src="Images/right_content_test.png" width="120" height="90" alt="Test" />
<p>Don’t miss the Over Canal Festival on Saturday 1 and Sunday 2 September 2012, featuring Prunella Scales and Timothy West, heritage boat processions, fun on the water, great food and drink, music and lots more!</p>
</div>
<div id="right_content">
<h1 class="rightcontent">Christmas 2012 menus available now</h1>
<img class="rightcontent" src="Images/right_content_test.png" width="120" height="90" alt="Test" />
<p>Turkey is banned for another year at The Wharf House, but instead you’ll find a tempting selection of courses sure to please even the pickiest eater in your party. Plus, a buffet menu is also available this festive season.</p>
</div>
</div>
</div>
</div>
<div id="top-footer_container_fullwidth">
<div id="top-footer_container">
<p class="footertop">The Wharf House, Over, Gloucester, GL2 8DB | 01452 332 900 |<a href="Templates/www.test.com"> [email protected]</a></p>
</div>
</div>
<div id="middle-footer_container_fullwidth">
<div id="middle-footer_container">
<div id="middle-footer_container_text">
<p class="footermiddle">Awards and accolades</p>
</div>
<div id="middle-footer_container_awardsaccolades_img"><img src="Images/aa-accommodation-logo.png" alt="AA 4 Star Guest Accommodation" width="63" height="100" class="awardsaccolades" /></div>
<div id="middle-footer_container_awardsaccolades_img"><img src="Images/aa-restaurant-logo.png" alt="AA Rosette Restaurant" width="64" height="100" class="awardsaccolades" /></div>
<div id="middle-footer_container_awardsaccolades_img"><img src="Images/green-tourism-silver-logo.png" alt="Silver Green Tourism" width="77" height="100" class="awardsaccolades" /></div>
<div id="middle-footer_container_text">
<p class="footermiddle">Social media links</p>
</div>
<div id="middle-footer_container_socialmedia_img"><a href="https://www.facebook.com/TheWharfHouse" target="_blank"><img src="Images/facebook-logo.png" alt="Facebook" width="109" height="41" class="socialmedia" /></a></div>
<div id="middle-footer_container_socialmedia_img"><a href="https://twitter.com/thewharfhouse" target="_blank"><img src="Images/twitter-logo.png" alt="Twitter" width="121" height="41" class="socialmedia" /></a></div>
</div>
</div>
<div id="bottom-footer_container_fullwidth">
<div id="bottom-footer_container">
<p class="footerbottom1"><a href="Templates/www.test.com">Home</a> • <a href="Templates/www.test.com">Restaurant</a> • <a href="Templates/www.test.com">Accommodation</a> • <a href="Templates/www.test.com">Online Shop</a> • <a href="Templates/www.test.com">News & Events</a> • <a href="Templates/www.test.com">Functions & Weddings</a> • <a href="Templates/www.test.com">Local Tourism</a> • <a href="Templates/www.test.com">Contact</a></p>
<p class="footerbottom2">All profits from The Wharf House will be used for the promotion and restoration of the Hereford and Gloucester Canal. © 2012.</p>
</div>
</div>
</body>
</html>
@charset "utf-8";
html {
min-height: 100%;
margin-bottom: 1px;
body {
background-color: #FFFFFF;
margin-left: 0px;
margin-right: 0px;
margin-top: 0px;
margin-right: 0px;
p {
font:Arial, Helvetica, sans-serif;
color: #666666;
font-size: 14px;
margin-bottom: 1.2em;
margin-top: 0em;
line-height: 1.4em;
text-align: left;
font-weight: normal;
margin-left: 15px;
margin-right: 15px;
p.headeraddress {
margin-bottom: 1.2em;
margin-top: 0em;
font:Georgia, "Times New Roman", Times, serif;
font-size: 15px;
text-align:left;
color: #666666;
p.nav {
margin-bottom: 1.2em;
margin-top: 0em;
font:Georgia, "Times New Roman", Times, serif;
font-size: 16px;
color: #FFF;
text-align:center;
p.nav a:link {
color: #FFF;
text-decoration: none;
p.nav a:visited {
text-decoration: none;
color: #FFF;
p.nav a:hover {
color: #FFF;
text-decoration: underline;
p.nav a:active {
color: #FFF;
text-decoration: underline;
p.footertop {
margin-bottom: 1.2em;
margin-top: 0em;
font:Georgia, "Times New Roman", Times, serif;
font-size: 15px;
text-align:center;
color: #666666;
p.footermiddle {
margin-bottom: 1.2em;
margin-top: 0em;
font:Georgia, "Times New Roman", Times, serif;
font-size: 12px;
font-style: italic;
text-align:right;
color: #666666;
img.awardsaccolades {
display: block;
margin-left: auto;
margin-right: auto;
img.socialmedia {
display: block;
margin-left: auto;
margin-right: auto;
p.footerbottom1 {
margin-bottom: 1.2em;
margin-top: 0em;
font:Georgia, "Times New Roman", Times, serif;
font-size: 15px;
text-align:center;
color: #666666;
p.footerbottom2 {
margin-bottom: 1.2em;
margin-top: 0em;
font:Georgia, "Times New Roman", Times, serif;
font-size: 12px;
font-style: italic;
text-align:center;
color: #666666;
img {
border: 0px;
h1.leftcontent1 {
font:Georgia, "Times New Roman", Times, serif;
font-size: 24px;
color: #840000;
margin-left: 15px;
margin-right: 15px;
margin-bottom: 0px;
font-weight:400;
h1.leftcontent2 {
font:Georgia, "Times New Roman", Times, serif;
font-size: 20px;
color: #666666;
margin-left: 15px;
margin-right: 15px;
margin-bottom: 10px;
font-weight:400;
h1.rightcontent {
font:Georgia, "Times New Roman", Times, serif;
font-size: 20px;
color: #666666;
margin-left: 15px;
margin-right: 15px;
margin-bottom: 10px;
font-weight:400;
img.rightcontent {
float:left;
margin-left: 15px;
margin-right: 12px;
#youtube {
float:left;
margin-left: 15px;
margin-right: 12px;
hr.leftcontent1 {
border: 1px;
width: 520px;
color: #840000;
height: 1px;
margin-left: 15px;
margin-top: 6px;
h2 {
font:Georgia, "Times New Roman", Times, serif;
font-size: 16px;
font-style:italic;
color: #666666;
margin-top: 0px;
margin-left: 15px;
margin-right: 15px;
margin-bottom: 15px;
font-weight:400;
a:link {
color: #840000;
text-decoration: none;
a:visited {
text-decoration: none;
color: #840000;
a:hover {
color: #840000;
text-decoration: underline;
a:active {
color: #666666;
text-decoration: underline;
#logo_address_container_fullwidth {
width: 100%;
height: 100%;
float:left;
background-color:#F1EACE;
margin: auto;
padding-top: 35px;
#logo_address_container {
width: 960px;
height: 74px;
background-color:#F1EACE;
margin-left: auto;
margin-right: auto;
padding: 0px;
#logo_container {
width: 359px;
height: 41px;
float:left;
padding-left: 20px;
#address_container {
width: 561px;
height: 20px;
float:left;
padding-left: 20px;
margin-top: 14px;
#nav_container_fullwidth {
width: 100%;
float:left;
background-color:#840000;
margin: auto;
padding: 0px;
#nav_container {
width: 960px;
height: 30px;
background-color:#840000;
margin-left: auto;
margin-right: auto;
padding-top: 6px;
#header_image_container_fullwidth {
width: 100%;
height: 350px;
float:left;
background-color:#F1EACE;
margin: auto;
padding: 0px;
#header_image_container {
width: 1100px;
height: 100%;
background-color:#F1EACE;
margin-left: auto;
margin-right: auto;
padding: 0px;
#body_container_fullwidth {
width: 100%;
height: 100%;
float:left;
background-color: #FFF;
margin: auto;
padding: 0px;
#body_container {
width: 960px;
height: 800px;
background-color:#F1EACE;
margin-left: auto;
margin-right: auto;
padding: 0px;
margin-top: 20px;
margin-bottom: 0px;
#body_container_left {
width: 580px;
background-color:#F1EACE;
float:left;
margin-left: 30px;
margin-top: 30px;
#body_container_right {
width: 290px;
background-color:#F1EACE;
float:right;
margin-left: 30px;
margin-right: 30px;
margin-top: 30px;
#left_content {
width: 580px;
height: 100%;
background-color:#FFF;
box-shadow: 3px 3px 5px #999;
padding-top: 1px;
padding-bottom: 8px;
margin-bottom: 30px;
#right_content {
width: 290px;
height: 100%;
background-color:#FFF;
box-shadow: 3px 3px 5px #999;
padding-top: 1px;
padding-bottom: 10px;
margin-bottom: 30px;
#right_content_greystrip {
width: 290px;
height: 24px;
background-color:#DFDFDF;
float:left;
img.rightbutton {
float:right;
p.right_content_greystrip {
margin-bottom: 1.2em;
margin-top: 0em;
font-family: Arial, Helvetica, sans-serif;
font-size: 14px;
text-align:right;
padding-top: 1px;
margin-right: 5px;
p.right_content_greystrip a:link {
color: #840000;
text-decoration: none;
p.right_content_greystrip a:visited {
text-decoration: none;
color: #840000;
p.right_content_greystrip a:hover {
color: #840000;
text-decoration: underline;
p.right_content_greystrip a:active {
color: #840000;
text-decoration: underline;
#top-footer_container_fullwidth {
width: 100%;
height: 100%;
float:left;
background-color: #E6D69C;
margin: auto;
padding: 0px;
font:Georgia, "Times New Roman", Times, serif;
padding-top: 20px;
#top-footer_container {
width: 960px;
height: 100%;
background-color:#E6D69C;
margin-left: auto;
margin-right: auto;
padding: 0px;
#middle-footer_container_fullwidth {
width: 100%;
height: 100%;
float:left;
background-color: #F1EACE;
margin: auto;
padding: 0px;
border-top: 1px solid #840000;
border-bottom: 1px solid #840000;
font:Georgia, "Times New Roman", Times, serif;
#middle-footer_container {
width: 960px;
height: 140px;
background-color:#F1EACE;
margin-left: auto;
margin-right: auto;
padding: 0px;
#middle-footer_container_text {
width: 160px;
height: 40px;
margin-left: auto;
margin-right: auto;
float: left;
padding-top: 60px;
#middle-footer_container_awardsaccolades_img {
width: 100px;
height: 100px;
margin-left: auto;
margin-right: auto;
float: left;
padding-top: 20px;
#middle-footer_container_socialmedia_img {
width: 130px;
height: 50px;
margin-left: auto;
margin-right: auto;
float: left;
padding-top: 48px;
#bottom-footer_container_fullwidth {
width: 100%;
height: 100%;
float:left;
background-color: #E6D69C;
margin: auto;
padding: 0px;
font:Georgia, "Times New Roman", Times, serif;
#bottom-footer_container {
width: 960px;
height: 75px;
background-color:#E6D69C;
margin-left: auto;
margin-right: auto;
padding-top: 20px;
Hi osgood_,
Thanks so much for your generous help - this was hugely useful and much appreciated. I also managed to fix my top query via your overflow: hidden; suggestion too.
Everything's looking great with the exception of my little ../Images/right_button.png image which isn't showing up for some reason - I ideally want it to be flush over on the right of that greystrip - any ideas?
Thanks again
<div id="body_container_right">
<div id="right_content">
<h1 class="rightcontent">Book your stay</h1>
<img class="rightcontent" src="../Images/right_content_test.png" width="120" height="90" alt="Test" />
<p>Check availability and book your stay in one of our luxurous individual rooms.</p>
<div id="right_content_greystrip">
<p class="right_content_greystrip"><a href="../Images/right_button.png"><span>Check room availability</span><img src="Images/right_button.png" width="24" height="24" alt="More" /></a></p>
</div>
</div>
<div id="right_content">
<h1 class="rightcontent">Over Canal Festival 2012</h1>
<img class="rightcontent" src="../Images/right_content_test.png" width="120" height="90" alt="Test" />
<p>Don’t miss the Over Canal Festival on Saturday 1 and Sunday 2 September 2012, featuring Prunella Scales and Timothy West, heritage boat processions, fun on the water, great food and drink, music and lots more!</p>
</div>
<div id="right_content">
<h1 class="rightcontent">Christmas 2012 menus available now</h1>
<img class="rightcontent" src="../Images/right_content_test.png" width="120" height="90" alt="Test" />
<p>Turkey is banned for another year at The Wharf House, but instead you’ll find a tempting selection of courses sure to please even the pickiest eater in your party. Plus, a buffet menu is also available this festive season.</p>
</div>
</div>
@charset "utf-8";
html {
min-height: 100%;
margin-bottom: 1px;
body {
background-color: #FFFFFF;
margin-left: 0px;
margin-right: 0px;
margin-top: 0px;
margin-right: 0px;
p {
font:Arial, Helvetica, sans-serif;
color: #666666;
font-size: 14px;
margin-bottom: 1.2em;
margin-top: 0em;
line-height: 1.4em;
text-align: left;
font-weight: normal;
margin-left: 15px;
margin-right: 15px;
p.headeraddress {
margin-bottom: 1.2em;
margin-top: 0em;
font:Georgia, "Times New Roman", Times, serif;
font-size: 15px;
text-align:left;
color: #666666;
p.nav {
margin-bottom: 1.2em;
margin-top: 0em;
font:Georgia, "Times New Roman", Times, serif;
font-size: 16px;
color: #FFF;
text-align:center;
p.nav a:link {
color: #FFF;
text-decoration: none;
p.nav a:visited {
text-decoration: none;
color: #FFF;
p.nav a:hover {
color: #FFF;
text-decoration: underline;
p.nav a:active {
color: #FFF;
text-decoration: underline;
p.footertop {
margin-bottom: 1.2em;
margin-top: 0em;
font:Georgia, "Times New Roman", Times, serif;
font-size: 15px;
text-align:center;
color: #666666;
p.footermiddle {
margin-bottom: 1.2em;
margin-top: 0em;
font:Georgia, "Times New Roman", Times, serif;
font-size: 12px;
font-style: italic;
text-align:right;
color: #666666;
img.awardsaccolades {
display: block;
margin-left: auto;
margin-right: auto;
img.socialmedia {
display: block;
margin-left: auto;
margin-right: auto;
p.footerbottom1 {
margin-bottom: 1.2em;
margin-top: 0em;
font:Georgia, "Times New Roman", Times, serif;
font-size: 15px;
text-align:center;
color: #666666;
p.footerbottom2 {
margin-bottom: 1.2em;
margin-top: 0em;
font:Georgia, "Times New Roman", Times, serif;
font-size: 12px;
font-style: italic;
text-align:center;
color: #666666;
img {
border: 0px;
h1.leftcontent1 {
font:Georgia, "Times New Roman", Times, serif;
font-size: 24px;
color: #840000;
margin-left: 15px;
margin-right: 15px;
margin-bottom: 0px;
font-weight:400;
h1.leftcontent2 {
font:Georgia, "Times New Roman", Times, serif;
font-size: 20px;
color: #666666;
margin-left: 15px;
margin-right: 15px;
margin-bottom: 10px;
font-weight:400;
h1.rightcontent {
font:Georgia, "Times New Roman", Times, serif;
font-size: 20px;
color: #666666;
margin-left: 15px;
margin-right: 15px;
margin-bottom: 10px;
font-weight:400;
img.rightcontent {
float:left;
margin-left: 15px;
margin-right: 12px;
#youtube {
float:left;
margin-left: 15px;
margin-right: 12px;
hr.leftcontent1 {
border: solid 1px;
width: 520px;
color: #840000;
height: 1px;
margin-left: 15px;
margin-top: 6px;
h2 {
font:Georgia, "Times New Roman", Times, serif;
font-size: 16px;
font-style:italic;
color: #666666;
margin-top: 0px;
margin-left: 15px;
margin-right: 15px;
margin-bottom: 15px;
font-weight:400;
a:link {
color: #840000;
text-decoration: none;
a:visited {
text-decoration: none;
color: #840000;
a:hover {
color: #840000;
text-decoration: underline;
a:active {
color: #666666;
text-decoration: underline;
#logo_address_container_fullwidth {
width: 100%;
height: 100%;
float:left;
background-color:#F1EACE;
margin: auto;
padding-top: 35px;
#logo_address_container {
width: 960px;
height: 74px;
background-color:#F1EACE;
margin-left: auto;
margin-right: auto;
padding: 0px;
#logo_container {
width: 359px;
height: 41px;
float:left;
padding-left: 20px;
#address_container {
width: 561px;
height: 20px;
float:left;
padding-left: 20px;
margin-top: 14px;
#nav_container_fullwidth {
width: 100%;
float:left;
background-color:#840000;
margin: auto;
padding: 0px;
#nav_container {
width: 960px;
height: 30px;
background-color:#840000;
margin-left: auto;
margin-right: auto;
padding-top: 6px;
#header_image_container_fullwidth {
width: 100%;
height: 350px;
float:left;
background-color:#F1EACE;
margin: auto;
padding: 0px;
#header_image_container {
width: 1100px;
height: 100%;
background-color:#F1EACE;
margin-left: auto;
margin-right: auto;
padding: 0px;
#body_container_fullwidth {
width: 100%;
height: 100%;
float:left;
background-color: #FFF;
margin: auto;
padding: 0px;
#body_container {
width: 960px;
overflow: hidden;
background-color:#F1EACE;
margin-left: auto;
margin-right: auto;
padding: 0px;
margin-top: 20px;
margin-bottom: 0px;
#body_container_left {
width: 580px;
background-color:#F1EACE;
float:left;
margin-left: 30px;
margin-top: 30px;
#body_container_right {
width: 290px;
background-color:#F1EACE;
float:right;
margin-left: 30px;
margin-right: 30px;
margin-top: 30px;
#left_content {
width: 580px;
overflow: hidden;
background-color:#FFF;
box-shadow: 3px 3px 5px #999;
padding-top: 1px;
padding-bottom: 8px;
margin-bottom: 30px;
#right_content {
width: 290px;
height: 100%;
background-color:#FFF;
box-shadow: 3px 3px 5px #999;
padding-top: 1px;
padding-bottom: 10px;
margin-bottom: 30px;
#right_content_greystrip {
width: 290px;
background-color:#DFDFDF;
float: left;
#right_content_greystrip span {
float: left;
width: 230px;
display: block;
padding: 3px 0 0 0;
#right_content_greystrip img {
float: right;
p.right_content_greystrip {
margin-bottom: 1.2em;
margin-top: 0em;
font-family: Arial, Helvetica, sans-serif;
font-size: 14px;
text-align:right;
padding-top: 1px;
margin-right: 5px;
p.right_content_greystrip a:link {
color: #840000;
text-decoration: none;
p.right_content_greystrip a:visited {
text-decoration: none;
color: #840000;
p.right_content_greystrip a:hover {
color: #840000;
text-decoration: underline;
p.right_content_greystrip a:active {
color: #840000;
text-decoration: underline;
#top-footer_container_fullwidth {
width: 100%;
height: 100%;
float:left;
background-color: #E6D69C;
margin: auto;
padding: 0px;
font:Georgia, "Times New Roman", Times, serif;
padding-top: 20px;
#top-footer_container {
width: 960px;
height: 100%;
background-color:#E6D69C;
margin-left: auto;
margin-right: auto;
padding: 0px;
#middle-footer_container_fullwidth {
width: 100%;
height: 100%;
float:left;
background-color: #F1EACE;
margin: auto;
padding: 0px;
border-top: 1px solid #840000;
border-bottom: 1px solid #840000;
font:Georgia, "Times New Roman", Times, serif;
#middle-footer_container {
width: 960px;
height: 140px;
background-color:#F1EACE;
margin-left: auto;
margin-right: auto;
padding: 0px;
#middle-footer_container_text {
width: 160px;
height: 40px;
margin-left: auto;
margin-right: auto;
float: left;
padding-top: 60px;
#middle-footer_container_awardsaccolades_img {
width: 100px;
height: 100px;
margin-left: auto;
margin-right: auto;
float: left;
padding-top: 20px;
#middle-footer_container_socialmedia_img {
width: 130px;
height: 50px;
margin-left: auto;
margin-right: auto;
float: left;
padding-top: 48px;
#bottom-footer_container_fullwidth {
width: 100%;
height: 100%;
float:left;
background-color: #E6D69C;
margin: auto;
padding: 0px;
font:Georgia, "Times New Roman", Times, serif;
#bottom-footer_container {
width: 960px;
height: 75px;
background-color:#E6D69C;
margin-left: auto;
margin-right: auto;
padding-top: 20px;
Similar Messages
-
Hello,
We haven't seen any big issues either with the Firefox 3 beta's or Firefox 3 but now that FF 3 is out in the wild and no longer beta there are many more people using it. If you see any strange new CSS issue , in the Application Builder , SQL Workshop .. etc. I'd be much obliged if you posted it here.
Here is a good example http://oracleinsights.blogspot.com/2008/06/oracle-apex-builder-css-fix-for.html even though Mark went so far as to figure out the fix , thanks Mark , don't feel the need to do that just a quick post on the page and/or circumstance you saw it would be great.
Thanks in advance,
Carl
blog : http://carlback.blogspot.com/
apex examples : http://apex.oracle.com/pls/otn/f?p=11933:5Hi Carl,
Here's something Firebug showed me:
FirebugContext.browser is undefined
E("ContentArea")apex_ns_3_1.js (line 1)
? in apex_ns_3_1.js@1("ContentArea")apex_ns_3_1.js (line 1)
$x("ContentArea")apex_3_1.js (line 1)
$x_Style(["BB", "ContentArea", "ContentBody"], "display", "")apex_3_1.js (line 1)
$x_Show(["BB", "ContentArea", "ContentBody"])apex_3_1.js (line 1)
filterAttributeRegions(a#ALL.htmldbButtonListCurrent f?p=4000:4...682252#ALL, "#DEFAULTALL")apex_builder.js (line 1)
propTest()apex_builder.js (line 1)
? in apex_3_1.js@1()apex_3_1.js (line 1)
[Break on this error] var NameSpaceOnly=false;var apex={};if(a...aram("x02",C);H.ajax.add(I,B);H._get()};
Regards,
Dimitri
-- http://dgielis.blogspot.com/
-- http://www.apex-evangelists.com/
-- http://www.apexblogs.info/ -
Urgent CSS issue in Safari! LIVE site *****
A site I recently wrapped up was working great in all
browsers, and for some reason I hopped on Safari today and noticed
it's not formatting right at all! I'm not sure where the issue is
as it was hunkey dorey before, and am hoping somebody on here might
know so I can fix it quickly before there are complaints from
people browsing to the site.
http://www.mackinnonicehorse.com
Anybody have any ideas? If you look at it in other browsers
you'll see how the navigation should be, and there are some other
small CSS issues in Safari that I'm seeing. It was working fine
though… ideas? Please help!Never mind… there was ONE little mistake in my
stylesheet that I fixed and BAM - everything back to normal.
PHEW!!! :) -
Issue with building solution file using devenv.exe
Hi,
I am facing an issue while building my solution file (developed in Visual Studio 2010) using devenv.exe from command line. The error is as below.
C:\Code\trunnk\common\Controller\Controller.vcxproj : error : The expression "[System.IO.Path]::Combine(C:\Code\trunk\common\Controller\, "C:\Code\trunk\out/Release/x64"\Controller.exe)" cannot be evaluated. Illegal characters in
path. C:\Program Files (x86)\MSBuild\Microsoft.Cpp\v4.0\Microsoft.CppCommon.targets
Could you please help me in understanding the above error and fixing it.Thanks for all the information. Currently i've tried to use both modules (TextCodepageConversionBean and XMLAnonymizerBean) in my Sender File Adapter, but for now without any result...
To describe the situation: i am using flatfiles which i am fetched from the file system (NFS) by the Sender File Adapter. To translate the characters to the XML strucutre, the File Content Conversion protocol is been used.
The content conversion defines the structure base on the first two characters on each row in the flat file. This worked fine till one of our suppliers is delivering BOM characters like "EF BB BF" in the beginning of the file.The content conversion is not able to recognize my header characters in this situation, which will normally start with "01".
Any suggestions? -
Hi,
I have a Fusion Web Application in Jdeveloper 12C that gets the colors and skinning from a CSS file.
When i add:
af|dvt-hierarchyViewer
background-image: -webkit-linear-gradient(bottom, #FFFFFF 0%, #000000 300%);
background-color: currentColor;
background-attachment: scroll;
to my CSS file and run my application, the Hierarchy opens with a grey colour but then it flashes back to the default light blue gradient of fusionFx-simple-v2.desktop as soon as it tries to fetch data.
But if i change these settings on the Hierarchy itself, the colour changes to the grey and it stays grey.
Any help with this will be appreciated
Stefan du PreezDuplicate Hierarchy Viewer CSS issue
Timo -
Sony Xperia Z experiences few usability issues after updating to latest software
Recently I upgraded my Sony Xperia Z phone (see snapshot for current upgraded system info)
After this upgarde I am facing few usability issues like ease of keyboard use
I lost all saved words from disctionary, also punctuations symbols bar at top of keyboard is missing (see image)
When I enter any wrong word and I want to delete/modify entered word.. now it deletes character by character instead of whole word (earlier behavior)
What is the solution to get that top symbols bar in keyboard?
itsvaibhDownload sony update service,attempt a repair of software.Before that,backup your data.
All we have to decide is what to do with the time that is given to us - J.R.R. Tolkien -
HI,
We have soa suite installed in cloud for the learners and sometimes the Em doesn't load properly..looks like some CSS issue.
How to debug it? what could be the problem?
thanks
SanjeevaSanjeeva,
What do you mean by "Em doesn't load properly"?
Can you post more details? While loading EM look at the log file as well.
Arik -
> This message is in MIME format. Since your mail reader
does not understand
this format, some or all of this message may not be legible.
--B_3300698008_833609
Content-type: text/plain;
charset="ISO-8859-1"
Content-transfer-encoding: 8bit
Hi
I'm currently redoing an HTML website in CSS within
Dreamweaver CS4 and
picking it up as I go along. Yep another learner!
It¹s at
http://www.dmcdist.co.uk/CSS_Site/index.html
As I see it the Spry menu I¹ve created is shunted up to
the top over the DMC
logo whereas if I look at in Firefox 3 and the Mac browsers
it¹s absolutely
fine. Has IE 7 got issues with certain CSS inputs because
I¹ve tried
everything to get it to jump down.
Thanks.
--B_3300698008_833609
Content-type: text/html;
charset="ISO-8859-1"
Content-transfer-encoding: quoted-printable
<HTML>
<HEAD>
<TITLE>CSS issue in IE 7</TITLE>
</HEAD>
<BODY>
<FONT FACE=3D"Calibri, Verdana, Helvetica,
Arial"><SPAN STYLE=3D'font-size:11pt=
'>Hi<BR>
I'm currently redoing an HTML website in CSS within
Dreamweaver CS4 and pic=
king it up as I go along. Yep another learner!<BR>
It’s at <a href=3D"
/www.dmcdist.co.uk/CSS_Site/index.html</a><BR>
<BR>
As I see it the Spry menu I’ve created is shunted
up to the top over =
the DMC logo whereas if I look at in Firefox 3 and the Mac
browsers it’=
;s absolutely fine. Has IE 7 got issues with certain CSS
inputs because I=
217;ve tried everything to get it to jump down.<BR>
<BR>
Thanks.</SPAN></FONT>
</BODY>
</HTML>
--B_3300698008_833609--> This message is in MIME format. Since your mail reader
does not understand
this format, some or all of this message may not be legible.
--B_3300714750_1854234
Content-type: text/plain;
charset="ISO-8859-1"
Content-transfer-encoding: 8bit
I¹ve got around it by putting line spacing in above the
Spry table but I¹m
sure there must be a better workaround.
On 04/08/2008 5:00 pm, in article
C4BCE642.8A9E%[email protected], "Garry Bradley"
<[email protected]> wrote:
> Can I bump this as I need to try and figure it out.
>
>
> On 04/08/2008 12:33 pm, in article
C4BCA798.8A57%[email protected],
> "Garry Bradley" <[email protected]>
wrote:
>
>> Hi
>> I'm currently redoing an HTML website in CSS within
Dreamweaver CS4 and
>> picking it up as I go along. Yep another learner!
>> It¹s at
http://www.dmcdist.co.uk/CSS_Site/index.html
>>
>> As I see it the Spry menu I¹ve created is
shunted up to the top over the DMC
>> logo whereas if I look at in Firefox 3 and the Mac
browsers it¹s absolutely
>> fine. Has IE 7 got issues with certain CSS inputs
because I¹ve tried
>> everything to get it to jump down.
>>
>> Thanks.
>
--B_3300714750_1854234
Content-type: text/html;
charset="ISO-8859-1"
Content-transfer-encoding: quoted-printable
<HTML>
<HEAD>
<TITLE>Re: CSS issue in IE 7</TITLE>
</HEAD>
<BODY>
<FONT FACE=3D"Calibri, Verdana, Helvetica,
Arial"><SPAN STYLE=3D'font-size:11pt=
'>I’ve got around it by putting line spacing in
above the Spry table b=
ut I’m sure there must be a better
workaround.<BR>
<BR>
<BR>
On 04/08/2008 5:00 pm, in article <a
href=3D"C4BCE642.8A9E%garry.bradley@btin=
ternet.com">C4BCE642.8A9E%[email protected]</a>,
"Garry Brad=
ley" <<a
href=3D"[email protected]">garry.bradley@btinterne=
t.com</a>> wrote:<BR>
<BR>
</SPAN></FONT><BLOCKQUOTE><FONT
FACE=3D"Calibri, Verdana, Helvetica, Arial"><=
SPAN STYLE=3D'font-size:11pt'>Can I bump this as I need to
try and figure it o=
ut.<BR>
<BR>
<BR>
On 04/08/2008 12:33 pm, in article <a
href=3D"C4BCA798.8A57%garry.bradley@bti=
nternet.com">C4BCA798.8A57%[email protected]</a>,
"Garry Bra=
dley" <<a
href=3D"[email protected]">garry.bradley@btintern=
et.com</a>> wrote:<BR>
<BR>
</SPAN></FONT><BLOCKQUOTE><FONT
FACE=3D"Calibri, Verdana, Helvetica, Arial"><=
SPAN STYLE=3D'font-size:11pt'>Hi<BR>
I'm currently redoing an HTML website in CSS within
Dreamweaver CS4 and pic=
king it up as I go along. Yep another learner!<BR>
It’s at <a href=3D"
/www.dmcdist.co.uk/CSS_Site/index.html</a><BR>
<BR>
As I see it the Spry menu I’ve created is shunted
up to the top over =
the DMC logo whereas if I look at in Firefox 3 and the Mac
browsers it’=
;s absolutely fine. Has IE 7 got issues with certain CSS
inputs because I=
217;ve tried everything to get it to jump down.<BR>
<BR>
Thanks.<BR>
</SPAN></FONT></BLOCKQUOTE><FONT
FACE=3D"Calibri, Verdana, Helvetica, Arial">=
<SPAN STYLE=3D'font-size:11pt'><BR>
</SPAN></FONT></BLOCKQUOTE>
</BODY>
</HTML>
--B_3300714750_1854234-- -
ADA Fixes for Robohelp: Frames & CSS Issues
Fellow Robohelpers:
I am attempting to resolve a set of major issues within Robohelp 8
a) Frames are not properly named in Robohelp 8. Is anyone aware with which files to change (post generation or pre-generation of outputs) to rename Frames so the visually impaired user is clearly informed which frame they are on
b)When you disable CSS, the navigational elements (frames) become a jumble. They do not function correctly (TOC, Index, Search) since Robohelp is heavily CSS dependent and hides objects (text fields, the various left hand navigational elments) behind CSS.
Any reccomendations how to resolve these, or insights as to how to make Adobe aware of this! I have been reaching out to them about this for quite some time! I am hoping capturing a workaround for at least a) will make the tool one step closer to ADA compliance (screen reader compliance)
Thanks
YaseenHi,
I guess your output is WebHelp. First, try to create 'Section 508 compliant' output or pure HTML output. This may solve quite a bit of your problems.
If you don't want that output, this is what I think:
a) RH nests a lot of frames, but start looking at the launch file, the csh.htm file, whskinfrmset01.htm and whskin_frmset010.htm. Note that if you change the names of frames, this may cause some scripts to stop functioning...
b) As for the CSS issues, the only way to make that work is to manually sort out all problems and amend the javascripts.
If you want to let Adobe know your wish, use the wish form: https://www.adobe.com/cfusion/mmform/index.cfm?name=wishform&product=38
Greet,
Willam -
I bought my pc last month. But in a five day, I realised a problem in the sound. When I am listening to music or watcihing a video, the sound is stucking a few seconds then it is going on. I define the problem as a splutter or a noise at the same time. I want to give back the pc but the technical service can not find the exact problem. I don not know why... Because this sound problem does not happenin every time. Sometimes it occurs in five munites or sometimes in one-two day. Again I can not understand why the technic service did not find the problem. Then.... I sent my pc to technic service for repairing... The service called me and said that "we did not find the problem, what can we do?", I said that please listen the pc for one day. Service said that do not worry abut it, we will listen one day and solve the problem. After two hours, an message received to me: "your pc repair is completed successfully"".... But it is a big lie... When I went to the technic service, I learned that the service did not do anything and sent it with the same problem. I phoned the service, I returned the fabric settings.... Again the problem is still contiuning... What can I do? I will write it in every platform... I feel myself like a stupid.
I bought my pc last month. In the fifth day, I realised a problem in the sound. When I am listening to music or watching video, the sound is stucking a few seconds and then it is going on. I defined the problem as a noise or spulutter. I want to give back my pc but the technic service did not find the exact problem. After that I sent the pc for repairing. The service called me and siad to me "we can not find the problem, what can we do?", I said that, "the problem does not happen in every time, sometimes it takes a day, please listen for one day". The service said to me, "do not worry, we will repair it, listen it for one day". But after two hours, a message recieved to me: "our pc is repaired succesfully". But it is s big lie. Because when I went to service, I learned the service did not do anything and sent it back with the same problem. And I phoned the technic support, I returned the fabric setings... But the problem is still going on... In the conclusion, the problem is not related with software, it is related with hardware. But at this point, what can I do?
-
Here are a few forums issues noted while reviewing the FAQ for the site.
1) "Using Forums Forums" eyebrow text (above) is awkwardly worded.
2) FAQ contains some
spurious and bad links, missing
icons,
duplicated text, numerous
typos, and some incorrect information.
3) Some images in the FAQ contain obsolete information, such as the "tags" feature shown
here.As most of these things have not been fixed yet, I am replying so that this goes to the top of the list for a short amount of time.
Hello,
Since the FAQ is now a WIKI, and everyone of the links that Graeme provided go to a page that says nothing more than:
"The Forums help file has been moved to the
Community Wiki. Please update any bookmarks you may have."
I am unsure what you mean by suggesting that these things have not been fixed.
If you can provide links to information that needs to be updated, we can fix that.
Better yet, since it's a wiki, YOU can fix errors or missing data!
Karl
When you see answers and helpful posts, please click Vote As Helpful, Propose As Answer, and/or Mark As Answer.
My Blog: Unlock PowerShell
My Book:
Windows PowerShell 2.0 Bible
My E-mail: -join ('6F6C646B61726C406F75746C6F6F6B2E636F6D'-split'(?<=\G.{2})'|%{if($_){[char][int]"0x$_"}}) -
Can someone help with this CSS issue....
http://66.162.81.144/cms400min/default.aspx
If you view the main page you will see that our background is
2 shades of
orange.. if you look at the line that divides those colors to
the right and
left you wil notice that the line is higher
if you notice that it seems that there is another background
on top of the
first one..its the only thing i can think of..
the only place where the image is being referenced is in this
CSS style
html, body
min-height:100%;
margin-bottom:1px;
text-align:center;
background-repeat:no-repeat;
background-image:url(images/Background-Color2.jpg);
background-color:#F74902;
background-position:center;
background-attachment:fixed;
Is there something wrong with the above CSS that could or
would cause this?
is it because im applying the image to both the HTML and
BODY?
ASP, SQL2005, DW8 VBScript, Visual Studio 2005, Visual Studio
2008You've attached the background to both the html and the body.
I would do this:
html, body {
min-height:100%;
margin-bottom:1px;
body{
text-align:center;
background-repeat:no-repeat;
background-image:url(images/Background-Color2.jpg);
background-color:#F74902;
background-position:center;
background-attachment:fixed;
Having said that the image doesn't look any higher on the
right than the
left to me in Firefox. Is it just an optical illusion?
Daniel wrote:
> Can someone help with this CSS issue....
>
>
http://66.162.81.144/cms400min/default.aspx
>
> If you view the main page you will see that our
background is 2 shades of
> orange.. if you look at the line that divides those
colors to the right and
> left you wil notice that the line is higher
>
> if you notice that it seems that there is another
background on top of the
> first one..its the only thing i can think of..
>
> the only place where the image is being referenced is in
this CSS style
>
> html, body
>
> {
>
> min-height:100%;
>
> margin-bottom:1px;
>
> text-align:center;
>
> background-repeat:no-repeat;
>
> background-image:url(images/Background-Color2.jpg);
>
> background-color:#F74902;
>
> background-position:center;
>
> background-attachment:fixed;
>
>
> }
>
> Is there something wrong with the above CSS that could
or would cause this?
> is it because im applying the image to both the HTML and
BODY?
> -
Hello I am having a few issues with CSS
in firefox and safari the page looks pretty much as I want it
to except for one of the li items has a dot (upper right) where I
have declared text decortation as none. How do I get rid of it?
2) in IE7 the page is a total mess the right column appears
at the bottom of the page instead of right od the left the li items
(boxed pictures) appear below the text they are suppose to be on
top of and the menu is out of whack. any ideas??
I used a bit of java script to keep the left and right colum
always the same height it works in safari and firefox (both mac and
PC) but not in IE7.
Any help on fixing this mess would greatly be appreciated.
Shontelleyou can check these sites:
http://blogs.msdn.com/ie/archive/2006/08/22/712830.aspx
http://www.devarticles.com/c/a/Web-Style-Sheets/CSS-Standards-Compliance-in-Internet-Explo rer-7/
Titti
http://textures.z7server.com/ -
Yosemite stuck on boot - MacBook Pro Mid 2010
I've read just about every discussion on apple support for this problem but still nothing seems to work for me. My mac has been stuck at about the 50% spot on the gray progress screen with the apple logo every time I start it up.
I left it up for 8 hours yesterday. Manually powered it off for the night and then let it try for another 5 hours today. I've tried Command+S and repairing the disk that way, Command+R when rebooting leaves me with a bright white unresponsive screen, holding ALT/OPTION and using the restore drive puts me right back at the 50% progress bar, and for the life of me I cannot figure out safe mode. I hold down shift when I hear the chime and let go when I see the apple logo but it just proceeds to the same gray progress screen. Either I'm doing it wrong or it just will not work.
I have a backup of my computer on an external hard drive from early this year but I would like to not have to restore back to that. Any suggestions or pointers would be appreciated as I'm approaching 48 hours of frustration with this problem. Thanks!Hi silencer.
I reinstalled Arch in my MacBook (not Pro/mid 2007) a few days back.
Here's what I did:
1. Made a clean install of OS X. This is not necessary, but I wanted to do it because the old installation was all bloated. Altough the first time I installed arch I just had to make some room so that bootcamp could create the partition, but again, making a new install is not necessary.
2. Create Partitions. Booted from Arch CD (32 bit), then I created two partitions, root and home, I have 3 GB of ram so didn't care about a swap partition. You can create them with parted or any other app, and create the filesystem while creating the partitions. Then you have to reboot and have rEFIT to fix the partition table or you won't be able to install GRUB on the installation process.
3. Boot live CD again and install. Follow the MacBook wiki. When you are in the "prepare hard drive" section make sure to only choose the mount points. I made the mistake to re-create the filesystem and had to resync the partition table with rEFIT. Then I had to install GRUB manually by booting the live CD and chrooting into the new install.
4. Install GRUB. When you get to the Install bootloader section choose to install it on the /boot partition, since the wiki and the installer specify this. And it works!. My old arch install also had GRUB installed on /dev/sda3 (my root/boot partition).
Notes:
- My Partition scheme.
/dev/sda1 efi partition (not visible on Mac).
/dev/sda2 Mac
/dev/sda3 Arch
/dev/sda4 Home
- Important.
Before installing Arch I installed ubuntu 10.10. Ubuntu installed GRUB2 on my Mac's MBR, then the first time I installed Arch, the installation process ended up fine with GRUB in /dev/sda3, but when I selected Linux on rEFIT it booted with GRUB2, that still was on MBR. Then I had to erase it, I used lilio for this , just to leave my MBR free from GRUB2, after that I could boot GRUB on my root partition.
Hope this helps. -
Help needed to upgrade CSS version 5 build 2
Hi All,
I'm relatively new in CSS devices. In my new account, there are 2 CSS which is running a very OLD IOS version:
MOM-CSS2# version
Version: ap0500002 (5.00 Build 2)
Flash (Locked): 5.00 Build 2
Flash (Operational): 5.00 Build 2
Type: PRIMARY
Licensed Cmd Set(s): Standard Feature Set
I need some advise in upgrading the version to a later release without putting too much risk into incompatibility issue.
Hope to hear some advise from you guys.
ThanksHi Jose,
Understand that the latest version available seems to be version 8.x.
Please advise on the upgrade path i could use in order to upgrade to the latest version which my hardware is able to support. Thanks
Below is my system resource, please advise if any other information is needed?
MOM-CSS1# sh system-resources
System Resources:
Installed Memory: 134,217,728 (128 MB)
Free Memory: 29,151,776 (27 MB)
CPU: 1%
Buffer Statistics:
Buffer Pool: 0
Size: 256 Total:1000 Available:2000 Failures: 0 Low Buffer Count: 995
Buffer Pool: 1
Size:1600 Total:9000 Available:8307 Failures: 0 Low Buffer Count: 8230
Version: ap0500002 (5.00 Build 2)
Flash (Locked): 5.00 Build 2
Flash (Operational): 5.00 Build 2
Type: PRIMARY
Licensed Cmd Set(s): Standard Feature Set
Maybe you are looking for
-
How can I create a tool bar with a functions defined by the user .? For example on the case of explorer on windows there exists a tool bar which can capable to opt tools which been pre determined .How can this be make possible in my application using
-
Error while compiling program unit
Hi All, I am working on oracle forms 10g. I am getting an error "wrong no or types of arguments in call to 'COUNTCDRSTODELETE' ", while trying to compile my program unit. The extract of my program unit is as written below: PROCEDURE CALL_PCK_BACKOUT
-
The Shape tutorial says to open a new document in PS, go to Window tab and select Library. My Window tab doesn't display Library as an option. Help!
-
Problem in Setting value in cells of jTable
I am trying to set values in the table by editing the cells, the problem is that once i enter some values in the cells and hit enter or click on next cell it gives an exception of stack overflow, i tried tracing i am getting all the values of the par
-
How do I enter a path with spaces
In creating a special mail alert there is an option to enter a file to execute. If I put the file in my C;/Program Files (86)... it wont execute because of the spaces. How do I enter the path and filename with spaces. YES, I have tried all sorts of "