/    Sign up×
Community /Pin to ProfileBookmark

Need helpadvicetips – layout looks different in other browsers etc

hey guys! hows it going? hope this is the right place to post this….

I finished uploading a rough finished version of what i’d like my website to look like. Obviously it’s going to change to look better (hopefully!) and more formatted, but for now it’ll do for a semi-rough kind of template. It’s the first website i’ve ever created so please excuse the newbie mistakes – im still learning.

I’m building it all using Dreamweaver, and using Firefox v3.0.1 as my test bed (which i learned from my previous thread is a good thing). The layout looks different in IE than in Firefox (and even comparing firefox to the ‘Design’ feature in Dreamweaver it looks different….) and i was wondering how to fix this. my page is uploaded to this address:

[url]http://theinfamousuk.com/home_final.html[/url]

any other tips on improving my general layout or structure would be greatly appriciated – handy links or even code changes or whatever ? i’m sure ive done it all wrong and theres a much better and efficient way to do it… i’ve tried researching, but it’s hard when you don’t know exactly what to look for, lol

My HTML is too long to post in a post, so if you need it i can always upload it or PM you with it ?

I’ve checkedvalidated my HTML and CSS with [url]http://validator.w3.org/[/url] and it was all good – the only problem was 3 errors with the HTML which I don’t know how to resolve – they don’t seem to major though…

thanks for your patience, and sorry to be a pain! lol. I’d apprieciate any helptips and corrections (major or minor) you can give – i’m desperate!

Thanks!
-Rhydz :rolleyes:

to post a comment
HTML

4 Comments(s)

Copy linkTweet thisAlerts:
@drhowarddrfineSep 12.2008 — The layout looks different in IE than in Firefox[/quote]Because IE is the worst browser on the planet.(and even comparing firefox to the 'Design' feature in Dreamweaver it looks different....)[/quote]Because DW leans toward IE and, at least in the past, used IE as its browser.

any other tips on improving my general layout or structure would be greatly appriciated[/quote]

1) Learn to spell ?

2) Don't use Dreamweaver

3) Never use tables for layout. Dreamweaver likes to use tables for layout. See #2.
i'm sure ive done it all wrong and theres a much better and efficient way to do it... i've tried researching, but it's hard when you don't know exactly what to look for, lol
[/quote]
Keep coding and experiment. Make simple boxes and play with them.
handy links[/quote]w3schools.com though some say it's showing its age. I haven't seen that but I haven't looked either.
the only problem was 3 errors with the HTML which I don't know how to resolve[/quote]You declared XHTML in the doctype. Those are HTML tags, hence the errors. If you insist on useing <marquee>, most of us won't talk to you anymore. - they don't seem to major though...[/quote]Never rely on errors to do what you want.
i'm desperate![/quote]Then let me introduce you to my sister. :eek:
Copy linkTweet thisAlerts:
@FangSep 12.2008 — Reduce image size, particularly body_left.jpg is much too big.

http://www.websiteoptimization.com/services/analyze/wso.php
Copy linkTweet thisAlerts:
@RhydzauthorSep 12.2008 — wow thanks guys!

thanks a handy link, and i see what you mean about my images - waaay too big. lol, 5mins to load on a 56k!!

yea since i started making this website i see how much IE sucks for web development... get with the times IE!

hmm, i don't know how to use anything other than tables. why are they so bad (as just for holding images, not for typing content cause i know that was a PAIN! lol) i had major positioning issues when i tried using div boxes, but i'm sure with that w3schools link i'll learn alot.

what program do you suggest i use instead of Dreamweaver? it's handy cause im a noob i can see the design feature as well as the code, so it makes it easier. i hear the pros just use notepad ?

"XHTML is a stricter and cleaner version of HTML." from that first quote i saw on the page, i kinda understand it more now.. those errors will be resolved in no time! - lol good old marquee

thanks guys! i'll get on the case and post back if i get any major progression!

and my spelling is fiiine :rolleyes: lol
Copy linkTweet thisAlerts:
@CentauriSep 12.2008 — Tables are for presenting tabular data, and any other use is misuse. You don't have to put images in anything (including a div) just to style or position them - images can accept styling just as well as any other element. Unless the image can be classed as "content" (ie. not just for visual enhancement), then they shouldn't be in the html anyway, but rather applied as background images of appropriate semantic elements.

If you already have Dreamweaver (I wonder whether more than 10% of the copies out there were ever paid for...), it is a good tool when [B]used[/B] as a tool - learn to write code in code view, and never use design view to actually design in (don't even rely on its rendering to accurately depict the page either, but it is handy to check the current element and check style applications etc). The css panel is Dreamweaver's main strength, and it does produce well formatted css.

"XHTML is a stricter and cleaner version of HTML." - not really. XHTML was meant to be an application of XML and as such is supposed to be served as "application/xhtml". But IE does not support that (and probably won't), so there is no real point to XHTML at this stage. XHTML is not an "updated" version of HTML and offers no additional features or functions over HTML 4.01 (the current version). A great discussion thread on this can be seen here.
×

Success!

Help @Rhydz spread the word by sharing this article on Twitter...

Tweet This
Sign in
Forgot password?
Sign in with TwitchSign in with GithubCreate Account
about: ({
version: 0.1.9 BETA 5.7,
whats_new: community page,
up_next: more Davinci•003 tasks,
coming_soon: events calendar,
social: @webDeveloperHQ
});

legal: ({
terms: of use,
privacy: policy
});
changelog: (
version: 0.1.9,
notes: added community page

version: 0.1.8,
notes: added Davinci•003

version: 0.1.7,
notes: upvote answers to bounties

version: 0.1.6,
notes: article editor refresh
)...
recent_tips: (
tipper: @AriseFacilitySolutions09,
tipped: article
amount: 1000 SATS,

tipper: @Yussuf4331,
tipped: article
amount: 1000 SATS,

tipper: @darkwebsites540,
tipped: article
amount: 10 SATS,
)...