Go Back   CodingForums.com > :: Client side development > HTML & CSS

Before you post, read our: Rules & Posting Guidelines

Reply
 
Thread Tools Rate Thread
Enjoy an ad free experience by logging in. Not a member yet? Register.
Old 04-06-2011, 08:31 AM   PM User | #1
sbhardwaj
New Coder

 
Join Date: Apr 2011
Posts: 11
Thanks: 0
Thanked 0 Times in 0 Posts
sbhardwaj is an unknown quantity at this point
Alignment issues

Hi,

As a disclaimer, I have learned HTML/CSS quite recently and totally through internet forums. So I might have some basic gaps in my knowledge. Sorry about that.

The website I am working on is http://portfolio.dreamsofatypewriter.com/
Here are my problems:

1. The alignment on the homepage is killing me. No matter what I try I can't seem to center all the elements. I tried margin: 0 auto. Doesn't work. Even if I get it to work on one resolution, it is completely messed up in the next.

2. IE seems to be doing strange things to the homepage. I have no clue how to fix that bug.

3. It is more of a feedback question. In the internal pages, there is a sidebar sticking out (for example product>S.I.R./OtherCity).Is it noticeable enough. Do you think it works from usability point of view.

I would really appreciate any help you guys can give me. I have been going to sleep 5 in the morning for the last one week because of this site (three of them were spent fighting with the alignment problem). I need sleep!

By the way if you are wondering, the homepage uses sliding boxes by Sam Dunn http://buildinternet.com/2009/03/sli...s-with-jquery/.

Thanks
sbhardwaj is offline   Reply With Quote
Old 04-06-2011, 09:33 AM   PM User | #2
abduraooft
Supreme Master coder!

 
abduraooft's Avatar
 
Join Date: Mar 2007
Location: N/A
Posts: 14,680
Thanks: 158
Thanked 2,182 Times in 2,169 Posts
abduraooft is just really niceabduraooft is just really niceabduraooft is just really niceabduraooft is just really niceabduraooft is just really nice
Quote:
1. The alignment on the homepage is killing me. No matter what I try I can't seem to center all the elements. I tried margin: 0 auto. Doesn't work. Even if I get it to work on one resolution, it is completely messed up in the next.
Could you make rough drawing of your expected output/alignment?
__________________
Quote:
The Dream is not what you see in sleep; Dream is the thing which doesn't let you sleep. --(Dr. APJ. Abdul Kalam)
abduraooft is offline   Reply With Quote
Old 04-06-2011, 10:00 AM   PM User | #3
sbhardwaj
New Coder

 
Join Date: Apr 2011
Posts: 11
Thanks: 0
Thanked 0 Times in 0 Posts
sbhardwaj is an unknown quantity at this point
Yes, the layout is meant to look like this:



All five elements in a row (horizontally centered) which starts 200px down from the top and white borders on top and bottom.
sbhardwaj is offline   Reply With Quote
Old 04-06-2011, 04:50 PM   PM User | #4
Excavator
Master Coder


 
Excavator's Avatar
 
Join Date: Dec 2006
Location: Alaska
Posts: 9,410
Thanks: 22
Thanked 1,765 Times in 1,749 Posts
Excavator has a spectacular aura aboutExcavator has a spectacular aura aboutExcavator has a spectacular aura about
Hello sbhardwaj,
It's not possible to center your two floated elements with your layout as it is.
You need another div to contain #inner-wrapper and #wrap2. You will be able to center that new div with a width and margin: 0 auto;

Quote:
2. IE seems to be doing strange things to the homepage. I have no clue how to fix that bug.
You'll need to be a little more specific than that. It's a lot easier if you describe what's wrong.
__________________
Validate often DURING development - Use it like a splelchecker | Debug during Development |Write it for FireFox, ignore IE
Use the right DocType | Validate your markup | Validate your CSS | Why validating is good | Why tables are bad

Last edited by Excavator; 04-06-2011 at 04:54 PM..
Excavator is offline   Reply With Quote
Old 04-10-2011, 05:56 PM   PM User | #5
sbhardwaj
New Coder

 
Join Date: Apr 2011
Posts: 11
Thanks: 0
Thanked 0 Times in 0 Posts
sbhardwaj is an unknown quantity at this point
Thanks for your help. i figured out the problem in IE.
sbhardwaj is offline   Reply With Quote
Reply

Bookmarks

Tags
alignment, design, html

Jump To Top of Thread


Thread Tools
Rate This Thread
Rate This Thread:

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

Forum Jump


All times are GMT +1. The time now is 10:50 AM.


Advertisement
Log in to turn off these ads.