Want to protect your cyber security and still get fast solutions? Ask a secure question today.Go Premium

x
  • Status: Solved
  • Priority: Medium
  • Security: Public
  • Views: 251
  • Last Modified:

floats giving me problem i think

Hello,

Would be grateful for any advice.

 http://tinyurl.com/86mwtqn

this looks fine in both ie and ff but when its viewed on the latest android
the masterhead area is all falling apart.

this is the masterhead

    <div class="masthead" >
      <div style="padding-top: 12px; ">
        <div style="float:left; width:460px; padding-top:30px;
padding-left:30px;">
          <div>
            <h1>Blasting Shot London</h1>
          </div>
          <div style="font-size:12px;  text-shadow: 2px 2px 3px
#e5e5e5;">Shot Blasting Grit using Shot Blasting Machines by the Shot
Blasting Company</div>
        </div>
        <div style="float:left; width:420px;"> <img
src="css/img/sandblasting/call-shot-blasting.png" alt="Shot Blasting London"
title="Sand Blasting London" style=" margin-left:240px;" /> </div>
      </div>
    </div>



i believe it could be the  float that is causing my misery. can anyone
advise how to correct this...



cheers
0
dizzynono
Asked:
dizzynono
  • 4
  • 4
1 Solution
 
LZ1Commented:
Are you using any type of responsive CSS or media queries?
0
 
dizzynonoAuthor Commented:
what do you mean by responsive CSS or media queries
0
 
LZ1Commented:
That kind of answered my question.  

For mobile devices and tablets(or different screen resolutions) you really should be using media queries in order to style your site according to the browser resolution.

Take a look here:
http://www.getskeleton.com/

Resize your browser and watch how the site responds to the different resolution.
0
Technology Partners: We Want Your Opinion!

We value your feedback.

Take our survey and automatically be enter to win anyone of the following:
Yeti Cooler, Amazon eGift Card, and Movie eGift Card!

 
dizzynonoAuthor Commented:
ok but i am aware that it is the floats causing the problem. as i can do with out it and it is fine. but i want the content that is inside the masterhead as is.
0
 
LZ1Commented:
It may not necessarily be the floats.  Floats will expand to the width of the parent unless otherwise specified, like you have here.

Try playing with the widths of the 2 divs inside masterhead
0
 
dizzynonoAuthor Commented:
Floats will expand to the width of the parent unless otherwise specified, like you have here.

of course but i need to divs to be inside the parent thus set a width for each.
0
 
LZ1Commented:
Did you try reducing the widths?
0
 
dizzynonoAuthor Commented:
It was many different problems, sorry to get back so late to you. any way i will just rebuild the page again from scratch. sometimes that is easier lol
0

Featured Post

Technology Partners: We Want Your Opinion!

We value your feedback.

Take our survey and automatically be enter to win anyone of the following:
Yeti Cooler, Amazon eGift Card, and Movie eGift Card!

  • 4
  • 4
Tackle projects and never again get stuck behind a technical roadblock.
Join Now