Help - Search - Members - Calendar
Full Version: Coding Layout...
Zymic Webmaster Forums > Web Design & Development > Client Side Scripting > HTML and CSS
Luke
Hey everyone! I've reached my mental limit so I'm reaching out to you!

I need this done by tomorrow, or I have to pay some coding group to do it, and I've been spending days trying to do it. Can someone help me out?

http://lukeburns.com/ed/2/

The issues:

- I only have it working in firefox. I know ie is messed up... not sure about opera or other browsers. (I can't even test in ie... I can't install the latest version. No idea why.)

- Lot's of margin/padding problems that are fucking everything up.

- Can't get the two logos to align to the right and center vertically. (The two in the footer)

- Code is not valid.

I just need this to work! I need your help guys! My coding sucks and it's really messy. Anyone willing to help contact me ASAP!

I'll be on zymic IRC and msn, aim, yahoo...

aim - iemluke
yahoo - lkoreality
msn - lkoreality@gmail.com

Anyone looking for a challenge - here it is!

Please help me out. But be prepared for messy code, bad techniques, and unnecessary divs. wink.gif

Thanks so much guys!
wozzym
ill try to help smile.gif
Luke
Alright, thanks man. IM me. If you did... I'll be right there!!! smile.gif *runs up 3 flights of stairs*

wozzym
oops. just send me a pm with the code. ill try the best i can!
Luke
Okay! I fixed a lot. Works in almost every browser... cept god damn fuckin IE!!!!

Current problems

- Invalid code
- IE

http://lukeburns.com/ed/2/ - get the code from there.
k.digennaro
Luke wat problem are you seeing in IE? I just opened it up in IE it looked fine.


Edit: I don't know if this holds any truth because I've never really had problems with it, but I read something some where that said that, this:
CODE
#wrapper {
  margin: 0px;
  width: 100%;
}

^Taken from your code.

Messes with IE, in order for it to work in IE it should be:
CODE
#wrapper {
  margin:0px;
  width:100%;
}

*No space after the ":"

-Note I don't know if this has any truth to it, maybe some buddy else can tell you for sure.


-Kevin


Edit again: Run your webpage here, http://validator.w3.org/ , it will tell you why it's not valid. There are a lot of little mistakes that don't really affect the look of your page but make the code invalid.
Luke
I have major problems in/with EVERY version of ie.

Here are screenshots - http://browsershots.org/screenshots/a35156...fb566d8751fda4/
wozzym
can you mark on the screenshot what issues you want fixed? thanks smile.gif
k.digennaro
That's interesting Luke because I'm not having any problems with the layout in IE7, personally I dont worry about any IE versions except IE6 7 and 8. Just because if your using anything before that you need to be shot wink.gif lol
Luke
Well if you're using ie in general you need to be shot but i still have to worry about them
Luke
Alright, now I only have two little problems in ie (7, 8). Site will not work in ie 6 for sure.

The body is a few pixels below the navigation, so there's just empty space there (it's the highest it can go up in firefox) and then the box that says 2008 camps is not spaced correctly.

Can anyone help?

http://lukeburns.com/ed/2
wozzym
im using IE but im stumped on the body being a couple pixels below the header. I dont see any extra code in there. IE should be nuked. anyways how do you want the box to be spaced?
Luke
Screenshot for IE for anyone else.

Screenshot for Firefox (how it's supposed to look)
wozzym
ie needs to get shot.
Luke
that really helps sleep.gif... anyone else?
wozzym
im sorry, im just out of ideas. which versions of IE dont work. because im using 7 and it seems fine.
Luke
ie 7 doesn't work. compare it to the screen shot ^ ^
wozzym
o ok. nevermind then. go into the irc
flyboy
Your code is very complicated at best for what the final outcome would be. The problem lies with the position: relative;
/ Remember when you position something relative. It still takes up its orignal space in the document but is is positioned to where you specify. Like you have two coins you move one relative to its position. It still is were its originally placed plus its new position: Do you know what i mean. I tried to use non technical language. Jargon hurts the brain lol

#nav {
absolute:position;
top: 100px ( i dont know the exact pixel perfect dimension, just play around with it)
/*rest of css code*/
}
Luke
I'm having issues with the nav bar on wide screens... the links move to the right and I have no clue why! Anyone have any thoughts on this? - It works fine on normal resolution screens but has a few problems with wider resolutions.
Tsuna
man I need to learn how to code a layout.....you guys use Dreamweaver or do you do it by hand on notepad?

Which is easier

btw wish I could help you Luke, but don't know how to code a layout...
Luke
I code by hand wink.gif No dreamweaver, even though it is easier. I prefer coding by hand because I'm not always going to have that expensive software with me. So I'm basically prepared to code on notepad wink.gif But I do use a light software - notepad ++ is a nice open source program.

Okay,

Still havin problems with wide resolution screens. On widescreen laptops the nav just fucks up in firefox.
wozzym
i throw it into and editor, then fix the code up in notepad.
This is a "lo-fi" version of our main content. To view the full version with more information, formatting and images, please click here.
Invision Power Board © 2001-2009 Invision Power Services, Inc.