HTML - Website Issues. Photoshop Layout To Html

I have a problem with my home page. It is sitting closer to the left side than my other pages and I cannot figure out why!

You can see it at http://www.photo-bliss.net/beta

username is trial
password is demo

If you switch between the home page and the other pages, you can see it.

Any suggestions would be greatly appreciated.
Thanks

Hello,

I've been having trouble laying out my website. I'm quite new to HTML, so if you could give me the simplest answer possible it would be appreciated.

As of right now I have an image aligned to the top of my page, and two side by side tables underneath it. However, although the tables are aligned the way I want them in Mozilla Firefox (the tables being directly under the image), when I display my site in Internet Explorer the tables are beside the image.

I found that I could insert page breaks until the image fit where I wanted it in Internet Explorer, then, however, the tables were further away from the image in Mozilla firefox.

If anyone could tell me how to fix this problem it would be most appreciated.

Cheers,

Dancing Pancake

what have i done wrong?!

http://maysonline.sandlerltd.co.uk

if you go to "advice & guidance" menu or any other menu except the home page, basically most of the pages seem to be very odd in IE7 but in IE8 - its fine!

any ideas?! What am I missing?

I have designed my site with Divs nesting and divs floating left and right to get a strict layout. It is flawless in firefox / safari but when I open it in IE it seems that some borders are enlarged or something because objects are obviously sent to the next line because their width exceeded that of the parent div.

http://www.nativboardriding.com/media.htm

check out how the video and div box won't fit on the same page in IE but work fine in the other browsers. How can i prevent this?

Recently made a post concerning tables versus divs, and now I have a site where I think I need to do divs, but not sure how to approach using percentages for the sizing.

http://www.pigseldesign.com/cravings.jpg

This is the layout. Ideally, I'd like for the middle strip to be vertically centered no matter the browser window height. My guess is to have 3 divs (top, middle, bottom) with 100% and if possible, set the percentages for height so that the top and bottom remain the same ratio of size. If it affects anything, the middle strip is going to be a slideshow Flash object.

Any hints for sizing?

Hello all!
This is my first website, and of all the languages I've had to start learning to produce it, HTML is by far the most infuriating.

My site is www.B3-Office.com and the issue is the layout. It is completely wrong on every page.
If you look in the source it should show that my top nav bar is set to be only 94 px in width per cell (10 cells), slightly larger than some of the text therein. The "Contact" text is supposed to be far left.
Then the rest of the site, the pages are just all messed up in formatting, looking nothing like it does in my WYSISWYG program (DreamWeaver CS4).
I have 4 pages in this format: home, contact, aboutus, and privacy. None of which are working properly. HELP! What am I missing?

I would also appreciate your feedback on my work. Thanks so much!!!

http://recwar.exofire.net/

i know the code is horrible, i used a mix of MS word, frontpage, and dreamweaver, so please dont bite my head off on that, this post is simply about a crossbrowser layout issue.

I was able to position everything the right way in dreamweaver. I got a few screenshots from http://browsershots.org/ and its showing completely messed up in ie6, and slightly wonky in ie7 & ie8.

the main problem is the text/image in the middle is somehow ending up in the bottom right corner of the page in IE. Also ie6 doesnt seem to like the transparent background on my title/banner/logo.

Can anyone figure out a way to at least get the text box in the right spot for IE?

Hi this is my first website its part of a school competition, my problem is that i cannot get it to work with IE, the javascipt refuses to run and I dont know where its going wrong.

Also is there a way to do drop shadows quikly in IE, or will I have to put in alpha gradiants, I fear they may be extreemly hard to do, due to the nature of the dynamicaly resizing divs.

http://www.f1octaneracing.com/index.html

Hi all,
Help on this would clear up this headache. I am using relative position to put this flash component flush with the right side of the layout. However, in different screen resolutions it still moves. Why is this?

for ref: www.burnthisforyourfriends.com

Here's the code:
<html>
<head>
<title>Burn This for Your Friends, show dates, music, media, downloads and store</title>
</head>
<body bgcolor="#000000">
<center><img src="http://img704.imageshack.us/img704/3791/burnthisheader.jpg" /> <br /><a href="http://www.burnthisforyourfriends.com/index.html"><img src="http://img704.imageshack.us/img704/686/mainnavigationplacehold.jpg" alt="Home" border="0" /></a><a href="http://www.burnthisforyourfriends.com/releases.html"><img src="http://img704.imageshack.us/img704/686/mainnavigationplacehold.jpg" alt="releases" border="0" /></a><a href="http://www.burnthisforyourfriends.com/artists.html"><img src="http://img704.imageshack.us/img704/686/mainnavigationplacehold.jpg" alt="artists" border="0" /></a><a href="http://www.burnthisforyourfriends.com/studio.html"><img src="http://img704.imageshack.us/img704/686/mainnavigationplacehold.jpg" alt="studio" border="0" /></a><a href="http://www.burnthisforyourfriends.com/gallery.html"><img src="http://img704.imageshack.us/img704/686/mainnavigationplacehold.jpg" alt="gallery" border="0" /></a><a href="http://www.burnthisforyourfriends.com/bookinginfo.html"><img src="http://img704.imageshack.us/img704/686/mainnavigationplacehold.jpg" alt="bookinginfo" border="0" /></a><a href="http://www.burnthisforyourfriends.com/press.html"><img src="http://img704.imageshack.us/img704/686/mainnavigationplacehold.jpg" alt="press" border="0" /></a><a href="http://www.burnthisforyourfriends.com/store.html"><img src="http://img704.imageshack.us/img704/686/mainnavigationplacehold.jpg" alt="store" border="0" /></a><a href="http://www.burnthisforyourfriends.com/contactus.html"><img src="http://img704.imageshack.us/img704/686/mainnavigationplacehold.jpg" alt="contactus" border="0" /></a> <br /><img src="http://img514.imageshack.us/img514/9773/flashplaceholderred.png" /><img src="http://img163.imageshack.us/img163/8006/flashplaceholdergreen.png" /><img src="http://img340.imageshack.us/img340/4820/flashplaceholderyellow.png" /> </center>
<div style="position: relative; top: 20px; left: 659px;">
<p>
<script type="text/javascript" src="js/swfobject.js"></script>
<script type="text/javascript"><!--

Hello,
I made a very simple table layout (with photoshop and imageready) and its my very first time making this type of layout so I'm having a little trouble with the coding. I haven't added a style.css file to it, except for maybe the css that wraps my navigation to a certain width.

Here is the url: http://rezina.awardspace.com/layout01

I can't seem to align the images correctly. My friend told me that one of the images was not sliced correctly, so I sliced it but .. it kind of fixed the right side, and not the left.

Also, the extra.jpg (which is the outside background-the stripes) seems to repeat itself both vertically and horizontally, is there a way to fix that?

Thanks. =))

oh. oops. I just read the rules, sorry for the vague title. I would try changing it to be more specific but I don't know how..

I am coding in PHP, but I don't think that should have anything to do with it. My problem appears to have to do with the HTML. I am using a 15x15 jpg as a submit button, but I have many of them in a table one per cell with no borders or spacing, so there are many of these submit buttons right next to each other in a grid.

The problem is that though the cells are set to be 15x15, the page is displaying them in cells that are 15x27 with the jpg aligned to the top, though the source code does not reflect the 27 figure. I have set the width and height attribute on every cell and image. Is there something I should be looking for to ensure all of my code places the images in the right size and placement? There is no CSS in play with this part of the site.

Thanks!

I am not sure whether or not this is the right category to put this in but hopefully you lot wont mind...
I just wanted to know that if i wanted to make a layout of any shape or design that I wanted, would I first have to make the layout on photoshop or fireworks and then import the picture onto dreamweaver, then use div tags to layer things and such?
just wanting to know becuase I'm starting to try and make more cutting edge websites even though I have made a few with flash and such
Thanks for your time
Sam

Hi all,
I just learn html+css and now I'm building my first website - http://www.bcichemical.com. My website look fine on IE but it doesnt look right on Mozilla, Can someone guide me on this matter. Thanks

Hi all, hopefully I'm posting this in the right spot.

I'm in the process of designing the layout for a new website, but I'd like some input as far as your recommended method for programming the skeleton of the attached image. I'd like to keep the look similar to this.

Your recommended coding samples would be GREATLY appreciated!

I am making a website and my layout changes from computer to computer. What i mean is, on my computer the layout looks fine, on another one the layout is distorted.

www.mlbmotors.com