Help - Search - Members - Calendar
Full Version: Plain??
Forums > Resource Center > Showcase Booth
emberfly
DONE.

click to enlarge

everyone's screen should look like that ^


check here


Thank you SOOOOOOOO much Damian :] Relative worked.
AbbeyMarie
It is all messed up looking in FF. I like the links on top though.
emberfly
ouch, srsly? what reso?
schizo
I love it, although I do think it would look better moved down a bit...
emberfly
I have no idea how I can fix it. Please post a screenshot. that would help me out alot.
berrypop90
click to enlarge


1440x900
emberfly
^shiiiiiit that is so weird.
emberfly
Thanks. I have no idea how I can fix that cry.gif

I've never had this problem before :/

removed.
DamianJ
I haven't done anything in Xanga in a while but from what I remember, using the "padding" feature to align stuff usually worked out better in FF. I don't know but it worked for me. I looked at your css code but it's kinda messy =X so I stopped after I scanned about 1/4 of it lol. What's the name of the div that moves what your trying to position?

EDIT-
I remember what I did when thing's looked differently in IE and FF (I'm using a 1440 x 900 screen reso as well). I used conditional statements like so:

CODE
<![if Webkit]>
<div style="position:absolute;width: 310px; margin-top: -800px; padding-right:180px;">
<![endif]>
<!--[if IE]>
<div class="blogSpace" style="width: 310px; position: absolute; margin-top: -820px; margin-left: -185px;">
<![endif]-->


That was part of my code that I used on the last layout I did for a friend. I hope that helps. Alternatively you can also use conditional statements in your css here is a website that elaborates on doing so, as I don't frequent use these techniques and used the one above as a quick solve. http://conditional-css.com/
emberfly
^ it looks like you have to have a website.. and that it's not real css--just some new type of code that only works if you upload it to your website server ?

edit//

hopefully I'm wrong.

Thank you for showing me that _smile.gif
Harp
That's cute.
emberfly
^ that's kind of like saying it sucks?

edit//

DamianJ, I tried those codes out, and they don't work.
Harp
Er no?
It's cute lol.
emberfly
Padding doesn't work either.
DamianJ
Hmm. Which div is it that's not aligning? And as for the code it should work as its being used on my friends site at least this should:
CODE
<![if Webkit]>
Anything in here gets processed by Firefox, Safari, and Netscape.
<![endif]>
<!--[if IE]>
Anything in here gets processed by IE only.
<![endif]-->


The div's I had in there were from an old html code I did not necessarily related to your problem.
emberfly
the nav at the top is aligning fine, but when i used padding on the other ones, it just messed up.
see?
DamianJ
Are you talking about the blog because that's the only thing that looks like its mis-aligned. Oh and your background repeats on the y-axis in IE? it looks weird it doesnt do it in FF though.

Pic of it messing up in IE
adolelolz
Er, mine looks like this:
http://i40.tinypic.com/9gv9fq.jpg

If it weren't all messed up, I'd like it. It's simple, and I like the blue & green with the gray.
DamianJ
I'm using IE 8 btw.
emberfly
I'm trying to code it while you guys are viewing it, so it looks really different than how it did to begin with.

edit//

for some reason postion:absolute and position:relative don't want to work.
DamianJ
Mind letting us see your code? Add some comment where it is your having trouble. I can't do much without seeing it or knowing where the problem lies.
emberfly
removed.
DamianJ
Oh and I wouldn't rely on "position: abosolute;" because that places things relative to your screen resolution if I remember correctly. Therefore "position: relative;" is a better alternative. And is the div named "boddyy" the one for the blog?
emberfly
removed.
emberfly
DONE.

click to enlarge

everyone's screen should look like that ^


check here
DamianJ
Indeed. Nice job.
emberfly
Thank you :)

Now that the coding isn't effed up, does it need anything else? is it too plain?
AbbeyMarie
Works for me
ForgiveTheSinner
It's simple but a professional looking simple. Good job.

What font did you use for "emberfly layouts"? Is that just Times New Roman?
emberfly
here it is on my site:

http://www.xanga.com/emberfly_layouts

edit//

the font is Will & Grace.

You can get it from Dafont.

edit//

in case anyone asks, the "Navigation:" font is called Eurostile. ... MY FAVORITEST FONT EVERR biggrin.gif
adolelolz
Yay, that looks really good. :P
I think it's simple without being plain. I like it a lot. :)
phoenixpyre
Instead of using "CONTENT CONTENT CONTENT" in your content space, try using what a lot of designers use as text fillers:

http://www.lipsum.com/

It looks nicer and fills space more naturally.
This is a "lo-fi" version of our main content. To view the full version with more information, formatting and images, please click here.