473,473 Members | 1,889 Online
Bytes | Software Development & Data Engineering Community
Create Post

Home Posts Topics Members FAQ

Strange Behaviour with CSS Body Margin

ace
Hi guys,

i'm new with CSS and just recently doomed into redoing my site due to
some hard to explain incident.
i didn't realize the difficulty inherent in doing a 3 column CSS.

in any case, i managed to do that, not exactly a full 3 column as it is
as much a mod on an existing 2 column design. Frankly, i very rarely
see anyone using similar layout, and haven't seen anyone implementing
the same technique using CSS (most i seen use tables).

I understand that it scrolls at 800px which is probably not ideal. but
my main question is, - this is actually specific to blogger but perhaps
you guys can help, how is it that the template page looks different on
the offline file that i'm working on to the one online?? offline, it
adds an extra 20px margin so the columns are misaligned. online
however, everything looks good.

since it currently renders okay in everything but IE5.5, this isn't
really a major problem, but i'd like to know what can i do to maybe
improve the CSS design and make it more efficient. Really sorry if this
is slightly out of topic.

Regards,
ace

Nov 4 '06 #1
7 2120
On 3 Nov 2006 17:48:47 -0800, "ace" <a.***********@gmail.comwrote:
>I understand that it scrolls at 800px which is probably not ideal. but
my main question is, - this is actually specific to blogger but perhaps
you guys can help, how is it that the template page looks different on
the offline file that i'm working on to the one online?? offline, it
adds an extra 20px margin so the columns are misaligned. online
however, everything looks good.
URL?

I was going to suggest a screw-up with capital letters in a file name,
but that would generally cause the opposite effect - OK locally, but
something missing online.

--
Stephen Poley

http://www.xs4all.nl/~sbpoley/webmatters/
Nov 4 '06 #2
ace
sorry, i forgot, it's http://treespotter.blogspot.com
the design doesn't use any image whatsoever except for the background.

thanks
Stephen Poley wrote:
On 3 Nov 2006 17:48:47 -0800, "ace" <a.***********@gmail.comwrote:
I understand that it scrolls at 800px which is probably not ideal. but
my main question is, - this is actually specific to blogger but perhaps
you guys can help, how is it that the template page looks different on
the offline file that i'm working on to the one online?? offline, it
adds an extra 20px margin so the columns are misaligned. online
however, everything looks good.

URL?

I was going to suggest a screw-up with capital letters in a file name,
but that would generally cause the opposite effect - OK locally, but
something missing online.

--
Stephen Poley

http://www.xs4all.nl/~sbpoley/webmatters/
Nov 5 '06 #3
(Top-posting corrected.)

On 5 Nov 2006 12:57:26 -0800, "ace" <a.***********@gmail.comwrote:
>Stephen Poley wrote:
>On 3 Nov 2006 17:48:47 -0800, "ace" <a.***********@gmail.comwrote:
>I understand that it scrolls at 800px which is probably not ideal. but
my main question is, - this is actually specific to blogger but perhaps
you guys can help, how is it that the template page looks different on
the offline file that i'm working on to the one online?? offline, it
adds an extra 20px margin so the columns are misaligned. online
however, everything looks good.

URL?
>sorry, i forgot, it's http://treespotter.blogspot.com
With 303 validation errors it's remarkable that it looks right under any
conditions whatever. (I think that may be a new record ...)

--
Stephen Poley

http://www.xs4all.nl/~sbpoley/webmatters/
Nov 6 '06 #4
ace
LOL

where's the validation you use? (i think many of it will be the blogger
specific tags although there are some crazy tricks i did to make it
work). sorry, i'm new here :D
Stephen Poley wrote:
(Top-posting corrected.)

On 5 Nov 2006 12:57:26 -0800, "ace" <a.***********@gmail.comwrote:
Stephen Poley wrote:
On 3 Nov 2006 17:48:47 -0800, "ace" <a.***********@gmail.comwrote:

I understand that it scrolls at 800px which is probably not ideal. but
my main question is, - this is actually specific to blogger but perhaps
you guys can help, how is it that the template page looks different on
the offline file that i'm working on to the one online?? offline, it
adds an extra 20px margin so the columns are misaligned. online
however, everything looks good.

URL?
sorry, i forgot, it's http://treespotter.blogspot.com

With 303 validation errors it's remarkable that it looks right under any
conditions whatever. (I think that may be a new record ...)

--
Stephen Poley

http://www.xs4all.nl/~sbpoley/webmatters/
Nov 7 '06 #5
ace wrote:
>
where's the validation you use?
sorry, i'm new here :D
Hmmm... You're using google groups to post, but not to search its vast
newsgroup archives for info? It would probably take you about 10 seconds
to find the answer you seek...

--
Berg
Nov 7 '06 #6
On 7 Nov 2006 00:29:42 -0800, "ace" <a.***********@gmail.comwrote:
>where's the validation you use? (i think many of it will be the blogger
specific tags although there are some crazy tricks i did to make it
work). sorry, i'm new here :D
Validation and other matters covered here:

http://www.xs4all.nl/~sbpoley/webmatters/checklist.html

--
Stephen Poley

http://www.xs4all.nl/~sbpoley/webmatters/
Nov 7 '06 #7
ace
bergamot, save your breath, i was asking stephen specifically what
validation he's using to check since it does return different count
(the CSS is blogspot based so the code will return different validation
for the blogspot specific tags).

yeah, i'm dumb, and the internet is full of dumb people making dumb
comments. sorry to waste your time.
Bergamot wrote:
ace wrote:

where's the validation you use?
sorry, i'm new here :D

Hmmm... You're using google groups to post, but not to search its vast
newsgroup archives for info? It would probably take you about 10 seconds
to find the answer you seek...

--
Berg
Nov 8 '06 #8

This thread has been closed and replies have been disabled. Please start a new discussion.

Similar topics

9
by: Robert Misiorowski | last post by:
Hello, I have a very perplexing (at least to me) problem that hopefully someone can help me with. I'm making a site with a 3 column layout. In the middle column (my fluid column) I am trying to...
0
by: h | last post by:
Hello everyone I am baffled by the behaviour of a webpage that I am trying to design(when viewed in ie6). I believe the problem arises when I use floats(at least that is the only occasion...
2
by: Mark F | last post by:
In my stylesheet, body is defined: body { background-color: transparent; color: #000066; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-size: medium; margin: 0px;...
0
by: Luigi | last post by:
I would know what "criteria" is used in box positioning with the position property. Here my tries (using IE and Opera): I have a box with an absolute positioning (properties used: position,...
1
by: Luigi | last post by:
I noted a particular behavior shown by IE. Look at the simple page attached at the bottom of the post. In it, there is a box floated with the float property and another box that jumps it with the...
6
by: WindAndWaves | last post by:
Hi Gurus The page below has a strange error. It seems to be working very well, just when you enter 8 or 9 for day, month or year then you get an error. I really have no idea where that is...
3
by: ckirchho | last post by:
Halo, I am trying to realize a two column layout basically like this: <html> <head> <style> leftCol { float: left; width: 15em; }
3
by: Luciano A. Ferrer | last post by:
this is really strange... I cant find what is wrong... so, #botonera have a left margin of 18px, but IE make it 36px! If I put a margin of 30px, IE make it 60px! I am crazy? <!DOCTYPE html...
0
by: atarumorooka | last post by:
Hello, yes..it must be hard to try and help someone else coding but today is a full week of sadness and stress for IE CSS rendering and I need your help. Here you have a link that looks nice with...
0
by: Hystou | last post by:
Most computers default to English, but sometimes we require a different language, especially when relocating. Forgot to request a specific language before your computer shipped? No problem! You can...
0
jinu1996
by: jinu1996 | last post by:
In today's digital age, having a compelling online presence is paramount for businesses aiming to thrive in a competitive landscape. At the heart of this digital strategy lies an intricately woven...
1
by: Hystou | last post by:
Overview: Windows 11 and 10 have less user interface control over operating system update behaviour than previous versions of Windows. In Windows 11 and 10, there is no way to turn off the Windows...
0
tracyyun
by: tracyyun | last post by:
Dear forum friends, With the development of smart home technology, a variety of wireless communication protocols have appeared on the market, such as Zigbee, Z-Wave, Wi-Fi, Bluetooth, etc. Each...
0
by: conductexam | last post by:
I have .net C# application in which I am extracting data from word file and save it in database particularly. To store word all data as it is I am converting the whole word file firstly in HTML and...
0
by: TSSRALBI | last post by:
Hello I'm a network technician in training and I need your help. I am currently learning how to create and manage the different types of VPNs and I have a question about LAN-to-LAN VPNs. The...
0
by: 6302768590 | last post by:
Hai team i want code for transfer the data from one system to another through IP address by using C# our system has to for every 5mins then we have to update the data what the data is updated ...
1
muto222
php
by: muto222 | last post by:
How can i add a mobile payment intergratation into php mysql website.
0
bsmnconsultancy
by: bsmnconsultancy | last post by:
In today's digital era, a well-designed website is crucial for businesses looking to succeed. Whether you're a small business owner or a large corporation in Toronto, having a strong online presence...

By using Bytes.com and it's services, you agree to our Privacy Policy and Terms of Use.

To disable or enable advertisements and analytics tracking please visit the manage ads & tracking page.