PDA

View Full Version : simple css layout problem



davidpenney
11-13-2007, 03:29 PM
Hi There,

Iím creating a very basic layout for a new site...but have got completely stuck with a simple css layout. I was going to just slice up a Photoshop image - but figured as it is all boxes it would be far more elegant to do it with css.

It displays ok in IE but for the life of me donít know why it wonít in FF... Any advice would be greatly appreciated!

http://www.barsbydesign.co.uk/test/

thanks

TimFA
11-13-2007, 06:50 PM
Please post your code here. :D I cannot view it. And I have viewed the page, what exactly needs to look different (I'm running FF)?

davidpenney
11-14-2007, 02:21 PM
Hi, sorry code is below.

In IE the red border shows correctly it wraps the entire page, where as in FF it doesnt seem to display at the bottom or at the top - also the purple rectangle should be encased with a red border if this makes sense.

please see
http://www.barsbydesign.co.uk/test/ie.jpg
http://www.barsbydesign.co.uk/test/ff.jpg

thanks.

<!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=iso-8859-1" />
<title>Untitled Document</title>
<style type="text/css">
<!--
body {
background-color: #000000;
}
div#wrapper {

width:900px;
height:auto;
margin-left:auto;
margin-right:auto;
background:#990000;
}

div#header {

width:425px;
height:143px;
margin:15px;
background:#6600CC;
float:left

}

div#gallery {

width:445px;
height:158px;

background-image:url(images/bar.jpg);
float:left


}

div#gallerybar {

width:400px;
height:15px;
background:#990000;


}

div#main {
width:870px;
height:auto;
top:50px;
background:#ffffff;

margin: 15px;

}


-->
</style></head>

<body>

<div id="wrapper">
<div id="header">c</div>
<div id="gallery">

<div id="gallerybar"></div></div>

<div id="main">
<p>Mobile bar hire and mobile bar hire services are our speciality. It is important in this current service-oriented market that your bar looks good, and that your guests leave thinking how well they had been looked after. Many people are no longer satisfied with a table and white cloth, and instead want the opportunity to optimise their theming and their party with a professional co-ordinated mobile bar service. </p>
<p>We offer a full range of mobile bars and bar services, and are proud to have been a significant part of the success of many weddings, corporate events, product launches, balls and even festivals. Our client list and testimonials speak for themselves. </p>
<p>All-inclusive mobile bar party packages are by far the most popular choice and start at just &pound;17.50 + VAT per guest. As for bar design, our most frequently asked for mobile bars are our glossy black and white bars, our eco bar, our illuminated bar and our traditional wooden bar but we have many bar fronts and bar counters for you to choose from. Take a look at our mobile bar design options for some ideas and inspiration! </p>
<p>You can choose the colour and shape of your bar, your bar menu (including draught and cocktails) and literally leave the headache to us! You won&rsquo;t have to worry about whether or not you have enough stock, whether your bartenders will be professional, how much ice you need to serve 100 guests, where to order glassware from, or whether the bar will be look the part. We do all of this for you.</p>

<p>You will be surprised how much it difference it makes using a professional mobile bar hire service, to both you and your guests. Stress-free party planning and professional bar management, combined with a great focal point that will literally stand out from the crowd, are just a few of the benefits. Your bar is, after all, one of the first places guests will look for when they arrive, so it is vital to the success of your event that all aspects of your bar service are managed by someone who knows what they are doing. </p>
<p>All you need to do is take a look at our range of mobile bar hire services and mobile bar design options, think about the drinks you would like on your menu and simply email us at <a href="mailto:info@mobilebarhireservices.co.uk">info@mobilebarhireservices.co.uk</a> or call us on 0845 241 7031 where we will assist you from there. </p>
<p>Other pages: </p>
<ul>
<li>Mobile Bar Hire Service Options (free, cash, dry)</li>

<li>Mobile Bar Design Options</li>
<li>Drinks lists</li>
<li>Big Bar hire </li>
</ul>
<p>&nbsp;</p>
<p>Welcome to one of the few mobile bar hire companies in the UK that can provide big bars and big bar services for corporate events and all outdoor events.&nbsp; </p>

<p>When it comes to big bar hire and mass service, we really know what we are talking about. Our team has been in the big bar industry for 15 years and includes professionals that have provided bars for Radio 1, Virgin and Womad. We have also built and managed big bars for Microsoft, Sky, New Look and Estee Lauder amongst others and provided the infamous 25m Bollywood Bar for Bestival, the only cocktail bar of it&rsquo;s size in the UK! </p>
<p>Multi-dispense service is a specialist skill and one that we have fine-tuned over the years we have been managing big bars. Operational systems can make or break a large event, and we guarantee that ours are the best in the big bar business. Our logistical abilities in this area are unrivalled. From pre-production to bar management and de-rig, our cash control systems are transparent and our attention to detail second to none. </p>
<p>Our bar staff are specifically trained in mass service and are sourced through first hand knowlwedge of their capabilities. Our own database offers an experienced bar management infrastructure as well as world-class cocktail bartenders. </p>
<p>We know from talking to our clients how important it is to receive good advice on how to run large bars efficiently and professionally. We are more than happy to talk about what we do best! So please give us a call on 0845 241 7031 or email us at <a href="mailto:info@bigbarhire.co.uk">info@bigbarhire.co.uk</a> and we will be delighted to help you further. </p>
</div>


</div>
</body>
</html>