Vertical alignment issues in browser; Top margins off by 50 px

This is a discussion on "Vertical alignment issues in browser; Top margins off by 50 px" within the Web Page Design section. This forum, and the thread "Vertical alignment issues in browser; Top margins off by 50 px are both part of the Design Your Website category.


 Subscribe in a reader

Go Back   Webforumz.com > Main Forums > Design Your Website > Web Page Design

Notices




Reply
 
LinkBack Thread Tools
  #1  
Old Jun 28th, 2008, 14:26
New Member
Join Date: Jun 2008
Location: New York, NY
Posts: 4
Thanks: 0
Thanked 0 Times in 0 Posts
Question Vertical alignment issues in browser; Top margins off by 50 px

Hi, this is my first post. I genuinely tried searching for this but I really don't know what my specific problem is so my searches were coming up with things that don't pertain to me.

I'm a print designer, with pretty limited web experience. I can usually read up and find a fix for something but this has basically stopped me in my tracks because I can't go any further until I can get the design *somewhat* close to what I had in mind.

Here is my site: http://www.thewestthird.com/
(nothin like not bothering with a testing domain!)

I'm doing this in Dreamweaver and I have a couple divs there. Ideally I'd like to have a tight lockup with the line underneath the text and the smaller text on the left aligned with the top of the large text. But there is no precision at all, all the browsers seem to have their own take on what "top-margin" means.

So guess what I'm asking for is anything that will make this look right consistently! I know this is the age-old problem with browsers but maybe I'm missing something (or a few things) and I'm sure there's a better what to accomplish what I'm trying to do. Thanks so much.


Here are a couple of screen shots of what I see —*I'm sure IE and FF on Windows are different still...




Digg this Post!Add Post to del.icio.usBookmark Post in TechnoratiFurl this Post!Spurl this Post!Reddit! Wong this Post!
Reply With Quote

  #2  
Old Jun 30th, 2008, 21:46
Elite Veteran
Join Date: Aug 2005
Location: That Place
Posts: 2,044
Blog Entries: 1
Thanks: 0
Thanked 37 Times in 37 Posts
Re: Vertical alignment issues in browser; Top margins off by 50 px

What exactly is the problem you are having?

I can see various things I would change, but without a detail of EXACTLY what is wrong its hard to fix. I assume you are talking about the margin above "DUMMY TEXT"?
Last Blog Entry: Apps every Mac based web dev should consider (Jul 10th, 2008)

Last edited by moojoo; Jun 30th, 2008 at 21:48.
Digg this Post!Add Post to del.icio.usBookmark Post in TechnoratiFurl this Post!Spurl this Post!Reddit! Wong this Post!
Reply With Quote
  #3  
Old Jul 1st, 2008, 04:28
New Member
Join Date: Jun 2008
Location: New York, NY
Posts: 4
Thanks: 0
Thanked 0 Times in 0 Posts
Re: Vertical alignment issues in browser; Top margins off by 50 px

I would like to have it line up like in the Firefox version (the second picture), with the smaller text aligning with the larger text [or at least close enough] and the line beneath closer. Basically I just want it to look consistent between the browsers, which I know is an age-old problem but in this case they just seem ridiculously off. I could adjust it for Safari so it looks right and then in Firefox it would look totally different. I wish they matched up properly.
Digg this Post!Add Post to del.icio.usBookmark Post in TechnoratiFurl this Post!Spurl this Post!Reddit! Wong this Post!
Reply With Quote
  #4  
Old Jul 1st, 2008, 04:38
Elite Veteran
Join Date: Aug 2005
Location: That Place
Posts: 2,044
Blog Entries: 1
Thanks: 0
Thanked 37 Times in 37 Posts
Re: Vertical alignment issues in browser; Top margins off by 50 px

Well in your case I would use an IE conditional comment and change the css for IE 6/7 as needed.
Last Blog Entry: Apps every Mac based web dev should consider (Jul 10th, 2008)
Digg this Post!Add Post to del.icio.usBookmark Post in TechnoratiFurl this Post!Spurl this Post!Reddit! Wong this Post!
Reply With Quote
Reply

Thread Tools

Posting Rules
You may not post new threads
You may not post replies
You may not post attachments
You may not edit your posts

BB code is On
Smilies are On
[IMG] code is On
HTML code is Off
Trackbacks are On
Pingbacks are On
Refbacks are On

Similar Threads
Thread Thread Starter Forum Replies Last Post
Alignment Issues in FF/IE drhoctor Web Page Design 4 Jun 20th, 2008 20:14
Vertical alignment issues in IE6. IE7 Won't center my page! Itsumishi Web Page Design 5 Mar 24th, 2008 20:28
:: Dreamweaver :: Vertical Alignment LittleDoug Web Page Design 4 May 22nd, 2006 16:40
Vertical Table Alignment Amphersand Web Page Design 6 Mar 13th, 2006 01:34
Alignment Issues everlonggg Web Page Design 10 Mar 9th, 2006 21:16


All times are GMT. The time now is 18:22.


Powered by vBulletin®
Copyright ©2000 - 2008, Jelsoft Enterprises Ltd.
Search Engine Optimization by vBSEO 3.2.0 RC8
© 2003-2008 Webforumz.com : All Rights Reserved

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42