CODEWITHSUNDEEP
htmlcss
DreamWave
DreamWave

Reputation: 1940

DIV appear differently in chrome only

I have a website at bgflirt.com that appears differently in FireFox and Chrome. This is how it looks in firefox: ffdisplay and here's how it looks in chrome:chdisplay

As you can see, in chrome (and safari) the page is not stretched to fit the entire screen. I'm using this code for positioning the div containing the flash on the right:

<div style="width: 200px; position: absolute; right: 0px; top: 10px; overflow: hidden;">
    </div>

The page should look the way it does in firefox, in all browsers. Any ideas on how to fix this will be greatly appreciated !

Upvotes: 0

Views: 224

Answers (3)

CarpeNoctumDC
CarpeNoctumDC

Reputation: 1760

You might also want to set your div#container to 100% width

div#container {
padding: 0px 0px;
width:100%;
 }

Upvotes: 0

tcooc
tcooc

Reputation: 21209

With some quick tinkering, I managed to fix it. Dont know what it will do with other browsers though:

#content_wrap {
  margin-left: 130px; //remove this
  //other styles
}

edit: Also tried on IE8, appears that margin-left is a superfluous style.

Upvotes: 3

Alex Mendez
Alex Mendez

Reputation: 5150

Check if you do not have a zoom level set to lower than 100% in chrome

Upvotes: 0

Related Questions