Heres the code in this case i am trying to float the google map but my background dissapears anytime i float any element. - <!doctype html>
-
<html>
-
<head>
-
<meta charset="utf-8">
-
<title>Suzy Dallas MD</title>
-
<meta name="author" content="Benjamin Reiner">
-
<meta name="viewport" content="width=device-width,initial-scale=1,maximum-scale=1,user-scalable=no">
-
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
-
<meta name="HandheldFriendly" content="true">
-
<link rel="stylesheet" type="text/css" href="Stylesheets/MainStyles.css"
-
-
</head>
-
<body>
-
-
<header role="banner">
-
<h1 class="marque">Suzy Dallas MD#</h1>
-
-
<nav id="BackToNav" role="navigation" class="PageNav" >
-
<ul>
-
<li><a href="Index.html" title="Home Page">Home</a></li>
-
<li><a href="yourchild.html" title="Helpful Links On Your Child's Health">Your Child</a></li>
-
<li><a href="contactandlocation.html" title="Contact Us">Contact Us</a></li>
-
<li><a href="billingandpractice.html" title="Our Policies">Practice And Billing Policies</a></li>
-
<li><a href="formsanddocuments.html" title="Forms and Other Documentation">Download Forms</a></li>
-
</ul>
-
</nav>
-
-
</header>
-
<h2 class="ContactMarq">Contact Information and Location</h2>
-
-
/*Heres the element I am trying to float*/
-
-
<div class="Map"><br /><small><a href="https://maps.google.com/maps?f=q&source=embed&hl=en&geocode=&q=2001+Club+Manor+Drive+%233+Maumelle,+AR+72113+(501)+851-9889&aq=&sll=40.07304,-74.724323&sspn=5.892478,12.689209&ie=UTF8&hq=&hnear=2001+Club+Manor+Dr+%233,+Maumelle,+Arkansas+72113&t=m&z=14&iwloc=A" style="color:#0000FF;text-align:left">View Larger Map</a></small>
-
<iframe width="425" height="350" frameborder="0" scrolling="no" marginheight="0" marginwidth="0" src="https://maps.google.com/maps?f=q&source=s_q&hl=en&geocode=&q=2001+Club+Manor+Drive+%233+Maumelle,+AR+72113+(501)+851-9889&aq=&sll=40.07304,-74.724323&sspn=5.892478,12.689209&ie=UTF8&hq=&hnear=2001+Club+Manor+Dr+%233,+Maumelle,+Arkansas+72113&t=m&z=14&iwloc=A&output=embed"></iframe>
-
</div>
-
</body>
-
</html>
-
-
Heres The CSS
-
-
@charset "utf-8";
-
-
@import url("../Webfonts/VastShadow_Regular/stylesheet.css");
-
@import url("../Webfonts/Little_Snorlax/stylesheet.css");
-
@import url("../Webfonts/Home_Hearth_OutlineBold/stylesheet.css");
-
@import url("../Webfonts/peasunshine/stylesheet.css");
-
@import url("../webfonts/Amatic_Bold/stylesheet.css");
-
@import url("../webfonts/jrhand/stylesheet.css");
-
/* CSS Document */
-
html {
-
background-image: url(../Images/clouds.jpg);
-
background-repeat: repeat;
-
background-position: center;
-
display: block;
-
background-size: 50%;
-
}
-
body {
-
background-color: #FFFFFF;
-
width: 80%;
-
margin-left: 10%;
-
margin-right: 15%;
-
margin-top: 20px;
-
margin-bottom: 0%;
-
background-image:
-
background-position: 10% 10%;
-
border-color: #3FA9F5;
-
border-radius: 5px;
-
border-style: solid;
-
}
-
header{
-
width: 80%;
-
margin-left: 10%;
-
margin-right: 10%;
-
-
}
-
.marque {
-
font-family: peasunshine;
-
font-style: normal;
-
font-size: 3em;
-
text-align: center;
-
text-decoration: none;
-
color: #3fa9f5;
-
background-position: 3% 3%;
-
margin-right: 12px;
-
margin-left: 12px;
-
}
-
.PageNav ul {
-
float: left;
-
border-color: #6B8BC6;
-
border-radius: 2.5px;
-
border-style: solid;
-
overflow:hidden;
-
position:relative;
-
text-align:center;
-
width: 100%;
-
margin-left:auto;
-
margin-right:auto;
-
}
-
.PageNav li {
-
display: inline-block;
-
list-style: none;
-
padding-top: 5px;
-
padding-left: 15px;
-
padding-right: 15px;
-
padding-bottom: 5px;
-
margin-left: auto;
-
margin-right: auto;
-
text-align: center;
-
text-indent:10px;
-
float:left;
-
}
-
.PageNav a {
-
text-decoration: none;
-
color: #6b8bc6;
-
text-align: center;
-
font-family: "Amatic Bold";
-
float: left;
-
font-size: 1.8em;
-
width: 100%;
-
margin-left:auto;
-
margin-right:auto;
-
display: inline-block;
-
padding-right: 2%;
-
padding-left: 2%;
-
-
-
}
-
.DocBaby {
-
display:block;
-
margin-left: auto;
-
margin-right: auto;
-
padding-left: 20px;
-
padding-right: 20px;
-
align-content:center;
-
position:relative;
-
clear:both;
-
-
}
-
#AboutUs {
-
font-family: jrhand;
-
text-align: center;
-
float: left;
-
line-height: normal;
-
font-size: 1.5em;
-
background-color: #FFFFFF;
-
border-color: #1B1464;
-
border-style: solid;
-
border-radius: 5px;
-
margin-left:auto;
-
margin-right:auto;
-
}
-
.ContactMarq {
-
font-family: peasunshine;
-
font-size: 1.8em;
-
text-align: center;
-
font-style: italic;
-
color: #235AAA;
-
}
-
.Map { float:right;
-
position:relative;
-
clear:both
2 1443
specify the height of your bg
height of div is optional just give overflow: hidden; to main div
and add that divs you want to float inside main_div - <div class="main_div" style="height: px; overflow: hidden;">
-
-
<div class="float_div1" style="width: 200px; float:left"><div>
-
-
<div class="float_div2" style="width: 200px; float:left"><div>
-
-
-
</div>
Sign in to post your reply or Sign up for a free account.
Similar topics
by: Dmitry Savchin |
last post by:
I have web application with web-service in root catalog of virtual folder
and some web-forms in sub-catalog ("Config").
Authentication configured in web.config file as "form"-mode. File web.config...
|
by: Joseph S. |
last post by:
Hi all,
how do I avoid typing the keyword "$this->" every time I need to
reference a member of a class inside the class?
(coming from a world of cozy auto-complete enabled Java / .Net IDEs I...
|
by: vunet.us |
last post by:
Hi,
I found a bug in IE6, though it is known already. If I have a CSS
background property set to some image, such as
background:url(myimg.gif);, and I apply this property to some html
element,...
|
by: palepimp |
last post by:
Hello all,
I have searched far and wide for a solution to my issue. In short, here is the problem:
1. 3 PC's enter data into an Access 2003 database (PC's are running Vista w/ Office 2007...
|
by: elbin |
last post by:
Hello,
first to say that I am a total beginner in Javascript but I know some programming (python in particular) and am able to understand methods/parameters and so on.
Here's my problem:
I am...
|
by: Frank Lund |
last post by:
Should we call .Dispose() every chance we get... on every object that
exposes .Dispose()... and every time we have such an object?
For example, is it true that *every* time I create a DataTable...
|
by: OBAFGKM_RNS |
last post by:
In my html, I have an embedded sound wav. I access that sound from my
javascript using Play() and Stop(). However, once stopped, the sound
will aways resume from where it left off, (making Stop...
|
by: John Kotuby |
last post by:
Hi all,
I am trying to add some advanced search tools to a standard HTML website by
using an Iframe whose SRC attribute points to a remote ASP.NET site which
contains the advanced search tool...
|
by: Lagon666 |
last post by:
How can i set the #contain div's background same as #wrapper background? (Child element background same as father elemenet background).
This source works in Firefox but how can i fix it in IE (IE6)?...
|
by: DolphinDB |
last post by:
Tired of spending countless mintues downsampling your data? Look no further!
In this article, you’ll learn how to efficiently downsample 6.48 billion high-frequency records to 61 million...
|
by: isladogs |
last post by:
The next Access Europe meeting will be on Wednesday 6 Mar 2024 starting at 18:00 UK time (6PM UTC) and finishing at about 19:15 (7.15PM).
In this month's session, we are pleased to welcome back...
|
by: Vimpel783 |
last post by:
Hello!
Guys, I found this code on the Internet, but I need to modify it a little. It works well, the problem is this: Data is sent from only one cell, in this case B5, but it is necessary that data...
|
by: jfyes |
last post by:
As a hardware engineer, after seeing that CEIWEI recently released a new tool for Modbus RTU Over TCP/UDP filtering and monitoring, I actively went to its official website to take a look. It turned...
|
by: ArrayDB |
last post by:
The error message I've encountered is; ERROR:root:Error generating model response: exception: access violation writing 0x0000000000005140, which seems to be indicative of an access violation...
|
by: Defcon1945 |
last post by:
I'm trying to learn Python using Pycharm but import shutil doesn't work
|
by: Shællîpôpï 09 |
last post by:
If u are using a keypad phone, how do u turn on JavaScript, to access features like WhatsApp, Facebook, Instagram....
|
by: af34tf |
last post by:
Hi Guys, I have a domain whose name is BytesLimited.com, and I want to sell it. Does anyone know about platforms that allow me to list my domain in auction for free. Thank you
|
by: isladogs |
last post by:
The next Access Europe User Group meeting will be on Wednesday 3 Apr 2024 starting at 18:00 UK time (6PM UTC+1) and finishing by 19:30 (7.30PM).
In this session, we are pleased to welcome former...
| |