I am a business owner (not a developer) who is trying to fix bullets acting (seemingly) randomly by:
Displaying the bullet on the right side of an ordered or unordered list.
Displaying the bullet on the right side of a list, with subsequent bullets appearing correctly on the left side.
The problem appears in Chrome. Firefox appears to be OK.
I have:
Researched the issue across the web and in stackoverflow, but haven't been able to find a relevant solution.
Tried rebuilding the page from scratch. However, the problem persists.
Tried to fix using split design / code web development apps like DreamWeaver and Expression Web.
However, HTML continues to prevail despite my best efforts to fix.
My website was originally coded by developers (ostensibly) who knew what they were doing. So I am working with legacy pages and structure.
Sincere appreciation for any assistance. Other non-developer forum members will likely benefit from your answer.
Thank you.
I have inserted the nested ordered / unordered list code below.
<h2>Private Equity Criteria</h2>
<p>To qualify for a Private Equity investment your company needs to:<br/>
<ol>
<li><span class="listtext1">Have a viable business model, customers, revenue, and profitability — with a
minimum EBITDA of $1M - $3M.</span><ul class="listtext1">
<li>That means: Neither start-ups nor early stage (pre-revenue) companies qualify for Private Equity.</li>
</ul>
</li>
<li><span class="listtext1">Offer a strategic business opportunity. For example:</span><ul class="listtext1">
<li>Access to a fast growing niche market.</li>
<li>Intellectual property in the form of patents, trademarks, and unique technology.</li>
<li>Access to large, growing, and difficult-to-reach customer segments.</li>
<li>Or similar benefits.</li>
</ul>
</li>
</ol>
<h2>Strategic Investors</h2>
<p>We refer to Strategic Investors as 'Private Equity Lite.' Strategic
Investors function much the same way as does a Private Equity group — with
the exception that there is no public investment fund. Strategic Investors
invest for themselves. Other than that, Strategic Investors and PEGs have
very similar approaches to investing in and growing a company.</p>
<h2>What Private Equity is NOT</h2>
<p>Private Equity is not Angel Capital or Venture Capital.</p>
<ul class="listtext1">
<li>Angel investors invest in start-up companies, rarely asking for
majority control.</li>
<li>Venture Capital provides capital to early-stage, high-potential, and
often high-risk growth companies. Like PEGs, VCs also create investment
funds, and also take an equity position in the company, usually after
the Series 'A' funding round. Venture Capital is a subset of Private
Equity, but not all Private Equity is Venture Capital.</li>
</ul>
Looking at the actual page, the paragraphs above the offending bullets have CSS of float:left applied.
This CSS can be found in the file tvgcss.css
p {
font-size: 12px;
font-weight: normal;
color: #000;
text-align: left;
text-decoration: none;
line-height: 18px;
float: left;
width: 100%;
margin: 0 0 5px 0;
}
Remove the float left bit and you should be good. Check your site to be sure everything still looks okay though.
or if you only want to affect that page add style="float:none !important;" to the paragraphs above the lists, like so (copy this, as there's an error in yours--the first paragraph is not closed):
<h2>Private Equity Criteria</h2>
<p style="float:none !important;">
To qualify for a Private Equity investment your company needs to:
</p>
<ol>
<li>
<span class="listtext1">
Have a viable business model, customers, revenue, and profitability — with a
minimum EBITDA of $1M - $3M.
</span><ul class="listtext1">
<li>That means: Neither start-ups nor early stage (pre-revenue) companies qualify for Private Equity.</li>
</ul>
</li>
<li>
<span class="listtext1">Offer a strategic business opportunity. For example:</span><ul class="listtext1">
<li>Access to a fast growing niche market.</li>
<li>Intellectual property in the form of patents, trademarks, and unique technology.</li>
<li>Access to large, growing, and difficult-to-reach customer segments.</li>
<li>Or similar benefits.</li>
</ul>
</li>
</ol>
<h2>Strategic Investors</h2>
<p style="float:none !important;">
We refer to Strategic Investors as 'Private Equity Lite.' Strategic
Investors function much the same way as does a Private Equity group — with
the exception that there is no public investment fund. Strategic Investors
invest for themselves. Other than that, Strategic Investors and PEGs have
very similar approaches to investing in and growing a company.
</p>
<h2>What Private Equity is NOT</h2>
<p>Private Equity is not Angel Capital or Venture Capital.</p>
<ul class="listtext1">
<li>
Angel investors invest in start-up companies, rarely asking for
majority control.
</li>
<li>
Venture Capital provides capital to early-stage, high-potential, and
often high-risk growth companies. Like PEGs, VCs also create investment
funds, and also take an equity position in the company, usually after
the Series 'A' funding round. Venture Capital is a subset of Private
Equity, but not all Private Equity is Venture Capital.
</li>
</ul>
And welcome to StackOverflow :)
Related
I'm creating a website in WordPress, it's going well, but whenever I try to add pictures to the page of the site, the text won't wrap around them. The pages are supposed to be created when you're inside of your WP account, so there is minimal coding involved, and each page has it's own coding and formatting as far as html is concerned. I would be willing to change the CSS to fix this problem, but I wouldn't know where to start. Here is the code for the About Us page:
Cougar Electric Car Company is made up of students at
Kennedy High School in Cedar Rapids, Iowa. Students work in teams to design and construct safe, energy-efficient electric one-person vehicles that they showcase during a series of rallies across the
Midwest. This is hands-on education. Team members apply what they’ve learned in math science, and or vocational education – and more.
<img style="float: right;" src="http://leifsegen.com/sandbox/livia_t/electric-car/wordpress/wp-content/uploads/2016/02/IMG_5139-300x225.jpg" alt="IMG_5139" width="300" height="225" />
<h6>The program is designed to challenge students to:</h6>
<ul>
<li>Apply classroom lessons to build a one-person light electric vehicle</li>
<li>Design and engineer the vehicle to roll safely and efficiently</li>
<li>Use problem-solving skills</li>
<li>Promote efforts in the community to gain support</li>
<li>Compete against other schools to see whose vehicle performs best</li>
<li>Document the design/build/compete process</li>
</ul>
<h6><strong>Since 1997</strong></h6>
The program was launched by two students and Kennedy teacher Barry Wilson in 1997. Since then, the program has impacted hundreds of students and sparked interest in manufacturing, engineering, automotive, alternative energy, and many more career paths.
Here is the link to my About Us page.
From your linked page, it looks like your img tag is within a distinct paragraph tag underneath another paragraph tag. Since paragraph tags are block elements, they stack instead of allowing inline flow.
to resolve this, you want to go to the edit post/page area, and place the media at the start of the paragraph you want wrapping around it (or, however many lines down you want to start the wrapping). Click the image, then select the box that looks like a box w lines wrapping around it. See my screenshot for an example
You can accomplish the same thing in text mode instead of visual editor mode by placing the image tag within the same paragraph tag that the paragraph is in, then giving it a float:right / left property
Move the image inside the <ul> that will solve your issue. Already tested and its working
<ul>
<li style="list-style: none;"><img style="float: right;" src="http://leifsegen.com/sandbox/livia_t/electric-car/wordpress/wp-content/uploads/2016/02/IMG_5139-300x225.jpg" alt="IMG_5139" width="300" height="225"></li><li>Apply classroom lessons to build a one-person light electric vehicle</li>
<li>Design and engineer the vehicle to roll safely and efficiently</li>
<li>Use problem-solving skills</li>
<li>Promote efforts in the community to gain support</li>
<li>Compete against other schools to see whose vehicle performs best</li>
<li>Document the design/build/compete process</li>
</ul>
<ul>
<li>(a) mines, quarries, and other works for the extraction of minerals from the earth;</li>
<li>(b) industries in which articles are manufactured, altered, cleaned, repaired, ornamented, finished, adapted for sale, broken up or demolished, or in which materials are transformed; including shipbuilding and the generation, transformation and transmission of electricity or motive power of any kind;</li>
<li>(c) construction, reconstruction, maintenance, repair, alteration, or demolition of any building, railway, tramway, harbour, dock, pier, canal, inland waterway, road, tunnel, bridge, viaduct, sewer, drain, well, telegraphic or telephonic installation, electrical undertaking, gas work, water work, or other work of construction, as well as the preparation for or laying the foundations of any such work or structure;</li>
<li>(d) transport of passengers or goods by road, rail, or inland waterway, including the handling of goods at docks, quays, wharves or warehouses, but excluding transport by hand.</li>
</ul>
I have the above HTML. What CSS coding can I add above this HTML that will suppress the bullet points generated by the <li> tags?
Try following in your HTML, which will hide bullets of <li>:
<style>
ul {
list-style: none;
}
</style>
This is the code that I typed in on my WP site. The text centers but not in the middle of the page. It ends up looking like this. All the code I put in the edit page page is listed under the image link.http://imageurlhost.com/images/or0d45cwh2ptrw1ov7c3_see-how-it-is-not-centered.png
<p style="text-align:center;">Partners began investing together in 2003 and formally formed RSR Finance in 2005
Investments in early to mid-stage companies
Investments across multiple industries
Particular focus areas include technology, equipment leasing, and manufacturing
Willingness and ability to invest through flexible and creative financing structures
Investments tailored to meet unique individual company situations</p>
<style>
body {
background: url("http://104.236.190.78/wp-content/uploads/2015/04/index-main-slider-2.jpg") repeat;
}
</style>
You need to assign a width to your body tag. Check out the JSFiddle here
HTML:
<p>Partners began investing together in 2003 and formally formed RSR Finance in 2005
Investments in early to mid-stage companies
Investments across multiple industries
Particular focus areas include technology, equipment leasing, and manufacturing
Willingness and ability to invest through flexible and creative financing structures
Investments tailored to meet unique individual company situations</p>
CSS:
body {
width:100%;
background: url("http://104.236.190.78/wp-content/uploads/2015/04/index-main-slider-2.jpg") repeat;
}
p {width:100%; text-align:center;}
I am trying to accomplish something like this:
The can't seem to emulate the one above where the centered image is being surrounded by texts. I've tried using floats but something is just lacking and I have no idea what.
And this is what I currently have:
here is my code:
https://jsfiddle.net/eqs6e1db/
section{
text-align: center;
}
section p{
-webkit-column-count: 3;
-moz-column-count: 3;
-ms-column-count: 3;
-o-column-count: 3;
column-count: 3;
text-align: justify;
}
section article:first-child{
float: left;
}
section article:last-child{
float: right;
}
Well, you can not achieve really your layout. But you can hack it a little bit.
For each column, you can set a spacer, a filler, and another spacer.
The first spacer reserves space from the top, just to push the filler to the required position. The filler really reserves the space. And the reamining spacer consumes the remaining space so that we go the other column.
You need to have a height set on the container
.base {
width: 100%;
height: 1000px;
-webkit-column-count: 3;
-moz-column-count: 3;
column-count: 3;
}
.pushtop {
background-color: rgba(200,0,0,0.2);
width: 10px;
height: 17%;
float: right;
clear: both;
}
.pushbottom {
background-color: rgba(200,0,0,0.2);
width: 10px;
height: calc(83% - 200px);
float: right;
clear: both;
}
.insert {
background-color: lightblue;
height: 200px;
clear: both;
margin: 0px 10px;
}
.insertleft {
width: 100px;
float: right;
}
.insertcenter {
width: 100%;
float: right;
}
.insertright {
width: 100px;
float: left;
}
.container {
width: 735px;
position: relative;
}
.image {
position: absolute;
border: solid blue 1px;
width: 485px;
height: 200px;
left: 123px;
top: 170px;
}
<div class="container">
<div class="image"></div>
<div class="base">
<div class="pushtop"></div>
<div class="insert insertleft"></div>
<div class="pushbottom"></div>
<div class="pushtop"></div>
<div class="insert insertcenter"></div>
<div class="pushbottom"></div>
<div class="pushtop"></div>
<div class="insert insertright"></div>
<div class="pushbottom"></div>
<p>Another 4-storey structure will soon be under construction to add new classrooms and laboratories for the High School and Grade School.</p>
<p> Part of the reason for this attention to the North Campus is to help FU’s marketing strategy for the high school in response to the implementation of the K to 12 Program. First, we want to attract more enrollees. Second, we invest in the facilities in our aim to increase not just the quality of our education but to boost our enrollment capacity from 700 students to 1500 students. And of Course, thanks to our new solar panel installation, we will also be providing all the new classrooms with air conditioning for those sweltering months.</p>
<p>Corporate Social Responsibility or CSR, as viewed by the University, should also have a significant space in the academe's achievements and obligations.</p>
<p>Estudio Damgo, for instance, is now on its third iteration of touching people's lives through sustainable and life-changing architecture. Its buildings and designs, since its first project in 2013, serve as prototype structures that cater to the various needs of society. The University sees Estudio Damgo as a catalyst for creating a transformed, more developed, and more meaningful way of living not just in Dumaguete but through out the Philippines. Read more about the current project here. (note to Entheos; link the word “here” to full Estudio Damgo article)</p>
<p>In terms of agriculture, FU's Aquaponics sets the example in the use of completely natural and organic farming techniques, which enhance not only the environment's safety but boost farmers' production capabilities and livelihood as well. Aquaponics provides agriculturists the answer to sustainable food production and a sustainable ecosystem for both fish and plants. For more specifics on our organic farm click here. (Note to Entheos: Link the word “here” to full organic farming article)</p>
<p>A forest and wildlife protection program called “Ayungon Forest Reserve” has also been pushed by the College of Arts and Sciences in partnership with local government units and the Department of the Environment and Natural Resources (DENR). The program calls for protecting the natural resources of the Reserve from causes of declining population, degradation of wildlife habitat, deterioration of soil and river quality, and the cave’s carrying capacity.</p>
<p>The College of Business Administration (CBA), on the other hand, is seriously pursuing a strong “Entrepreneurship Program” that caters to all levels of participants from students to MSMEs (Micro, Small, Medium Enterprises). In fact, the CBA in partnership with DTI will soon launch an “Entrep Hub”—a one-stop business center for start-up entrepreneurs—during the University Expo in which high school students will compete for the best business plan. The prize will be an Incubation Program for the winning plan to become a real business.</p>
<p>The University Expo, formerly the Digital Expo, of the College of Computer studies is a major University event that showcases innovative technology. The annual event, which includes robotic challenges, quiz bowls, film festivals, etc., is an avenue for students from different academic institutions to participate in and learn from the latest IT breakthroughs.</p>
<p>Barangay constituents also have the opportunity to learn computer skills such as basic PC operations, Internet use, word processing, spreadsheet and presentation through the university's Computer Literacy Program for adopted barangays.</p>
<p>Moreover, “The Queue” coffee shop, run by the College of Hospitality Management ‘s Culinary Arts students, draws customers from in and outside the campus because of its delicious food and beverages.</p>
</div>
</div>
Note that the filler and spacer elements should not be visible. I have given the a background and a width (in the case of the push elements) so that you can see how it works
CSS as it stands, cannot do this yet (reliably). However, there is in working, a CSS Shapes Module that can do this.
http://demosthenes.info/blog/898/Wrapping-Text-Around-A-Curved-Image-With-CSS-Shapes
Only supported in Chrome and Safari it seems:
http://caniuse.com/#feat=css-shapes
I have created my own method to make your style image in centre of page so i made this following method
note: check this in you page here in demo it doesn't works
div{
margin: 15px
}
p{
float:left;
margin: 10px;
}
.left{
float:left;
width:30%;
}
.centre{
display: inline-block;
width:30%;
}
.right{
float:right;
width:30%;
}
.right, .centre, .left p{
text-align:justify
}
<div class="left">
<p>Another 4-storey structure will soon be under construction to add new classrooms and laboratories for the High School and Grade School.</p>
<p>In terms of agriculture, FU's Aquaponics sets the example in the use of completely natural and organic farming techniques, which enhance not only the environment's safety but boost farmers' production capabilities and livelihood as well. Aquaponics provides agriculturists the answer to sustainable food production and a sustainable ecosystem for both fish and plants. For more specifics on our organic farm click here. (Note to Entheos: Link the word “here” to full organic farming article)</p>
<p>Have you also heard of Greyhound Events and Tours? Well, it is Foundation University’s student-run functional travel agency that caters to the travel needs of both the FU community and outside clients.</p>
<p>Integrating CSRs in the various programs is our chance to give back to the community as well as gain the respect of the members of the society, young and old. It also helps garner the public's appreciation for the importance of community involvement by producing tangible projects everybody can benefit from.</p>
<p>Expanding the University’s Information Technology (IT) to meet the demands of a digital age is another factor in FU’s “micro” to “macro” plan. Aside from the existing iPad program, the University is determined to create digital classrooms that can be accessed by local towns like Bacong, Dauin and Zamboangita. There is also a movement to encourage students, even at the high school level, to learn useful skills such as computer programming so they can be competitive in an IT driven world.</p>
<p>On the infrastructure side, FU is also updating the “bare bones” of FUs communication network to fiber optic cables and high-end routers and equipment. You can read a comprehensive explanation of these updates in a separate article in this issue of CQ here.
(Note to Entios: link the word “here” to full IT article)</p></div>
<div class="centre">
<p> Part of the reason for this attention to the North Campus is to help FU’s marketing strategy for the high school in response to the implementation of the K to 12 Program. First, we want to attract more enrollees. Second, we invest in the facilities in our aim to increase not just the quality of our education but to boost our enrollment capacity from 700 students to 1500 students. And of Course, thanks to our new solar panel installation, we will also be providing all the new classrooms with air conditioning for those sweltering months.</p>
<p>Estudio Damgo, for instance, is now on its third iteration of touching people's lives through sustainable and life-changing architecture. Its buildings and designs, since its first project in 2013, serve as prototype structures that cater to the various needs of society. The University sees Estudio Damgo as a catalyst for creating a transformed, more developed, and more meaningful way of living not just in Dumaguete but through out the Philippines. Read more about the current project here. (note to Entheos; link the word “here” to full Estudio Damgo article)</p>
<img src="http://animalia-life.com/data_images/cat/cat4.jpg" style="height:300px;width:100%;" alt="">
<p>The College of Business Administration (CBA), on the other hand, is seriously pursuing a strong “Entrepreneurship Program” that caters to all levels of participants from students to MSMEs (Micro, Small, Medium Enterprises). In fact, the CBA in partnership with DTI will soon launch an “Entrep Hub”—a one-stop business center for start-up entrepreneurs—during the University Expo in which high school students will compete for the best business plan. The prize will be an Incubation Program for the winning plan to become a real business.</p>
<p>The University Expo, formerly the Digital Expo, of the College of Computer studies is a major University event that showcases innovative technology. The annual event, which includes robotic challenges, quiz bowls, film festivals, etc., is an avenue for students from different academic institutions to participate in and learn from the latest IT breakthroughs.</p>
<p>Aside from all the projects mentioned above, our overview of the 2015 Master Plan wouldn’t be complete if we didn’t tell you about one more core component.</p>
</div>
<div class="right">
<p>Corporate Social Responsibility or CSR, as viewed by the University, should also have a significant space in the academe's achievements and obligations.</p>
<p>A forest and wildlife protection program called “Ayungon Forest Reserve” has also been pushed by the College of Arts and Sciences in partnership with local government units and the Department of the Environment and Natural Resources (DENR). The program calls for protecting the natural resources of the Reserve from causes of declining population, degradation of wildlife habitat, deterioration of soil and river quality, and the cave’s carrying capacity.</p>
<p>Barangay constituents also have the opportunity to learn computer skills such as basic PC operations, Internet use, word processing, spreadsheet and presentation through the university's Computer Literacy Program for adopted barangays.</p>
<p>Moreover, “The Queue” coffee shop, run by the College of Hospitality Management ‘s Culinary Arts students, draws customers from in and outside the campus because of its delicious food and beverages.</p>
<p>It needs to be emphasized that at the core of the FU Master Plan is the campaign for everyone’s right to quality education. This advocacy, started by Foundation University’s founder Dr. Vicente G. Sinco, has been passed down to each new FU president. It is why FU is proud to be known as a school that caters to students with financial challenges to hurdle as they work towards their educational goals.</p>
</div>
if this work happy
https://jsfiddle.net/x0ugLbo4/
There is white space below my div in Firefox but not in Chrome. I think it has something to do with my #body-content-container having the properties position: relative; and bottom: 300px; this gets the right positioning effect I'm looking for in Chrome, but in Firefox it creates a white space. When I get rid of these lines the div isn't positioned in the right place in either FF or Chrome.
Here's the code:
HTML:
<div id="body-content-container">
<div id="body-content"class="row">
<div class="small-12 small-centered columns">
<br/>
<div align="center" id="page-title">COMPANY</div>
<h1 align="center">About Us</h1>
<p>ADU Consulting has been developing quality e-learning programs since 2004. It is a training and education company that collaborates with partner organizations in developing, hosting and managing online educational programs based on the individual curriculum and client needs.</p>
<p>It operates from two regional offices one in New York and another in Northern Virginia, close to the capital city of Washington D.C. The ADU datacenter is also located near the corporate office in Virginia.</p>
<p>We:</p>
<ul>
<li>Develop e-Learning courses</li>
<li>Build in-campus and online blended programs</li>
<li>Create Integrated Assessment and Evaluation</li>
<li>Provide white-labeled hosting services</li>
</ul>
<br/>
<br/>
<br/>
<br/>
<br/>
<br/>
<br/>
<p>ADU business is divided into two areas: <span style="font-family:FuturaStd-Heavy;">e-Learning Consultancy</span> for client organizations and running its <span style="font-family:FuturaStd-Heavy;">International Maritime College</span> where it offers a number of Certificates, College Primers and Vocational Skill Development programs, aimed primarily at the maritime industry. These courses focus on training the seafarers and the shore based employees within the shipping business.</p>
<p>ADU fills the gap between traditional education and the needs of people today. Interactive courses taught by experienced professionals help students keep pace with changing industry demands in addition to providing a holistic and need-based education. Our Instructors are picked from around the world with the majority from the United States; they have the highest professional and academic backgrounds that befit the purpose of industry ready education and training.</p>
<h1 align="center">Our Purpose</h1>
<p>We believe that online education's role is to compliment the "best" practices in education. It must support instructors to teach a larger student body and make learning possible based on individual learning needs. With this in mind, our integrated learning platform is equipped with necessary tools in helping the Instructors create a self-paced learning environment.</p>
<h1 align="center">Technology</h1>
<p>The LMS software and courses system is housed in a tier 1 datacenter that has a redundant firewall, switches and servers for complete data security. This hosted delivery model provides scalability, reliability and eliminates technological burden on client resources.</p>
<h1 align="center">Course Development</h1>
<p>ADU Consulting's content creation and delivery platforms are tied together such that it allows faculty to modify, or enhance contents to fit their unique teaching style. Thus a course developed for an organization can be further customized by the Instructor. In addition, since the world of online resources is expanding every minute, Instructors are able to link external content or add other resources through this platform. The student assessment is an integral part of the learning and evaluation process: the platform is configured with a question bank and a multi-faceted assessment system.</p>
<h1 align="center">Support</h1>
<p>In order to keep pace with the changing landscape of online learning ADU Consulting's platform is constantly updated in keeping with such advances. We are committed to support our partners both from technical management and pedagogical viewpoint.</p>
<h1 align="center">Course Delivery</h1>
<p>Courses are delivered to students in an asynchronous mode that allows students to learn at their own pace and allows flexibility when they want to study; Collaboration and communication with faculty is done in a synchronous mode through online video conferencing. The teacher-centric approach helps to consolidate and maximize the learning outcome.</p>
<h1 align="center">Course Creation & Quality Control</h1>
<p>ADU Consulting has an e-learning Quality Management Process that looks at various quality attributes in a course that must be meet to meet the ADU performance criteria. This is an internal quality audit system that must be satisfied before a course can be put on line for client review. The QA task is done from Virginia.</p>
<p>ADU Consulting’s courses are built at Chennai, India with an affiliated organization that maintains a large content development team including subject matter experts, instructional designers, graphic designers, Flash and other programmers, voice-over specialists etc.</p>
<p>The development is an iterative process and is only signed off once the user client is fully satisfied with the intended and agreed quality standard.</p>
<h1 align="center">Collaberation Projects</h1>
<p>ADU Consulting collaborates with partner organizations in developing, hosting and managing online educational programs based on individual curriculum and client needs and this may take any of the following project types:</p>
<ul>
<li>Develop e-Learning Courses</li>
<li>Build in-campus and online blended programs</li>
<li>Create Integrated Assessment and Evaluation</li>
<li>Provide white-labeled hosting for e-learning services</li>
</ul>
<br/>
<br/>
<br/>
<br/>
<br/>
<br/>
<br/>
<div align="center">
<h1>Contact Us</h1>
<span style="font-family:FuturaStd-Heavy;font-size:20px;">ADU Consulting Services</span>
<br/>
<p>6 Pigeon Hill Drive Suite 230<br/>
Sterling, VA 20165<br/>
United States of America</p>
<p>Email: info#adu.us.com</p>
<p>Telephone: (804) 205-1210<br/>
Fax: (703) 738-7723</p>
</div>
</div>
</div>
<div align="center" id="footer">
<br/>
Copyright © <script type="text/javascript">
document.write(new Date().getFullYear());
</script> ADU Consulting, All Rights Reserved. Site designed & developed by <a target="_blank" style="text-decoration: underline;" href="http://zrrdigitalmedia.com">zrrdigitalmedia</a>
<br/>
<br/>
</div>
CSS:
#body-content-container{
background-color: #d5b93f;
position: relative;
bottom: 300px;
}
Also here's a link to the site: http://zrrdigitalmedia.com/_ADU/company.html
I'm super lost here, any suggestions are much appreciated! Thank you!
Try changing the bottom value for the #body-content-container.
#body-content-container {
background-color: #d5b93f;
position: relative;
bottom: -15px; /* change 300px to -15px */
}
Tested on both, Firefox and Chrome.
Alternatively you can target Mozilla Firefox and add a negative margin-bottom
to the #body-content-container:
#-moz-document url-prefix() {
#body-content-container {
background-color: #d5b93f;
position: relative;
bottom: 300px;
margin-bottom:-320px; }
}
Some digging in FireBug lead me to this:
#body-content-container {
background-color: #d5b93f;
bottom: 300px; /* <-- this is the issue, remove it */
position: relative;
}