PDA

View Full Version : Page alignment is jumping about?


peps1
07-23-2012, 10:35 PM
Having a little problem with my page alignment on my site pigeonfx.com

With firefox. the pages Home, Kit and Contact are all hunky dory, but the pages Boutique and About jump to the right a little.

But.......

With Google chrome, The pages Home, Boutique and About are fine, and Kit and Contact jump to the Left???????

I used the same temple for all the pages with just a editable area inside its own Div.....so shouldnt they all line up?

edbr
07-24-2012, 01:22 AM
its a table layout, might be part of the problem

peps1
07-24-2012, 01:24 AM
its a table layout, might be part of the problem

any way to fix it?

edbr
07-24-2012, 01:50 AM
i imagine you could use a css reset for tables, frankly it has been so long that tables should not be used for layout i dont follow how browsers render them.
To be honest it is a simple layout and at this stage you really should reconsider using tables as this will only get worse with time and new browsers I suspect

peps1
07-24-2012, 01:52 AM
Ok, do what to use rather then tabels? Do i just build it all in Divs?

edbr
07-24-2012, 01:52 AM
eric meyers reset/* http://meyerweb.com/eric/tools/css/reset/
v2.0 | 20110126
License: none (public domain)
*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
margin: 0;
padding: 0;
border: 0;
font-size: 100%;
font: inherit;
vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
display: block;
}
body {
line-height: 1;
}
ol, ul {
list-style: none;
}
blockquote, q {
quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
content: '';
content: none;
}
table {
border-collapse: collapse;
border-spacing: 0;
}

domedia
07-24-2012, 01:08 PM
Ok, do what to use rather then tabels? Do i just build it all in Divs?

Div's are crucial to lay out a web site. But don't catch 'Divitis'; make sure you mark up your content properly.