body width issue in all Windows browsers ...
3 views
Skip to first unread message
Erwin
May 21, 2012, 6:36:40 AM5/21/12
to Design the Web with CSS
( see http://www.webdufour.com )
displaying fine on any Mac browser ( Safari, Ff, Chrome and Opera )
the div.main-content has a calculated layout of 1361px
the nested div.wrapper has a fixed width of 961px with margin: 0
auto
but displaying this URL on a Windows 7 based computer, then the
div.main-content has a width of 961px ( so no margins...)
using Firebug, I added a body fixed with of 1360px , just for
testing , then the margin appears
is it an issue with the DOCTYPE ??
thanks for your feedback
I have the following generated html code
<!DOCTYPE html>
<head>
<meta content="IE=edge,chrome=1" http-equiv="X-UA-Compatible">
</h
<body>
<header id="users_page_header" role="banner">
<div class="navbar navbar-fixed-top wrapper"></div>
</header>
<div class="main-content home_page"> # should be variable according
to browser
<div class="wrapper"> # should be 960px width ( fixed in CSS)
</div>
</div>
<div class="connectbar"></div>
<footer>
<div id="footer_box" class="full-width"></div>
</footer>
</body>
displaying fine on any Mac browser ( Safari, Ff, Chrome and Opera )
the div.main-content has a calculated layout of 1361px
the nested div.wrapper has a fixed width of 961px with margin: 0
auto
but displaying this URL on a Windows 7 based computer, then the
div.main-content has a width of 961px ( so no margins...)
using Firebug, I added a body fixed with of 1360px , just for
testing , then the margin appears
is it an issue with the DOCTYPE ??
thanks for your feedback
I have the following generated html code
<!DOCTYPE html>
<head>
<meta content="IE=edge,chrome=1" http-equiv="X-UA-Compatible">
</h
<body>
<header id="users_page_header" role="banner">
<div class="navbar navbar-fixed-top wrapper"></div>
</header>
<div class="main-content home_page"> # should be variable according
to browser
<div class="wrapper"> # should be 960px width ( fixed in CSS)
</div>
</div>
<div class="connectbar"></div>
<footer>
<div id="footer_box" class="full-width"></div>
</footer>
</body>
Erwin
May 21, 2012, 9:42:23 AM5/21/12
to Design the Web with CSS
[SOLVED] it was an issue with the Graphic card resolution and current
screen ( cannot go over 1024x768 , so margins are small...)
On May 21, 12:36 pm, Erwin <yves_duf...@mac.com> wrote:
> ( seehttp://www.webdufour.com)
screen ( cannot go over 1024x768 , so margins are small...)
On May 21, 12:36 pm, Erwin <yves_duf...@mac.com> wrote:
> ( seehttp://www.webdufour.com)
Reply all
Reply to author
Forward
0 new messages