?

Log in

No account? Create an account

Previous Entry | Next Entry

I am not very good at CSS, so I don't really know what's happening in firefox for this layout :

shinichi_kudou. It is probably something very simple! The layout works in IE7 but not in Firefox, which is strange...

All the entries seem to lie on top of the other sections, and the other sections to not extend beyond the sidebar. It seems to me that the placement of the alpha-inner or the asset? I do not know where to start.

 

Also, I wonder if someone can help with the squashed tags in the side bar? (small problem, but I am not very good at this)

And does anyone know the way to center the layout without extending the margin on the content?

I have looked through all the entries but nothing seems to help ;_;

Comments

( 5 comments — Leave a comment )
av8rmike
Nov. 30th, 2007 01:45 pm (UTC)
Unfortunately, I'm on IE at the moment, so I can't see what's wrong with the layout. I'll have to check when I get home. For the others:

You're centering the tags in the tag cloud, but you only have four tags, so it's not going to look like anything. What are you trying to make it look like?

Centering the layout: In #container you have
float: center;
margin-left: 155px;

"Center" isn't a valid argument for float; only left and right are allowed. Delete that line and change the margin-left to:
margin: 0px auto;
watchmebe
Nov. 30th, 2007 03:18 pm (UTC)
I'm actually having the same problem; my margins are set correctly though (float is not center). It seems like the tags are lining up with the correct margin (compared to the link lists above them) but aren't truly in the center of the cloud.
milou_veronica
Dec. 1st, 2007 01:08 am (UTC)
Oh, I see. I was trying everything I could think of, but I still have a lot to learn.

Unfortunately that does not center the layout in Firefox! (it defaults to the left).

The tags do not reach the left side of the side bar, they seem to stop where the 'TAGS' header ends (coincidence?).
av8rmike
Dec. 1st, 2007 05:41 am (UTC)
Centering: You want margin: 0px auto; in #container, not margin-left: 0px auto;

Layout: You have a empty section at the end called "Utility". You need the code from the base Expressive stylesheet in there:
/* Clear floats - inspired by <positioniseverything.net/easyclearing.html> Now with more ydnar! */
#control-strip-inner:after,
#content-inner:after,
#alpha:after,
#beta:after,
#gamma:after,
#delta:after,
#header-content:after,
#header-content-inner:after,
.asset-tags:after,
.nav-wrapper:after,
.asset-header:after,
.asset-inner:after,
.asset-body:after,
.library:after,
.pager-inner:after,
.recent-activity-media:after,
.comments-inner:after,
.enclosure-inner:after,
.widget-list li.item:after,
.widget-list .asset:after,
.watched-asset-header:after,
.watched-asset-list-header:after,
.profile-content:after,
.comment-meta:after,
.comment-asset:after,
.post-header-list:after,
.asset-rating:after,
.widget .user-pic:after,
.support-inner:after {
    content: " ";
    display: block;
    visibility: hidden;
    clear: both;
    height: 0.1px;
    font-size: 0.1em;
    line-height: 0;
}

/* Holly Hack */
#control-strip-inner,
#alpha,
#beta,
#gamma,
.pager,
.comment-body,
.watched-asset-header,
.watched-asset-list-header,
.recent-activity-media,
.profile-content,
#header-content,
#header-content-inner,
.enclosure-inner,
.asset-tags,
.comment-form-toolbar,
.support-inner {
    height: 1%;
}
Finally, the line that has .categories-widget .tagcloud needs an opening bracket "{", which is why the tags look weird.
milou_veronica
Dec. 1st, 2007 12:10 pm (UTC)
Ahhhh! I'm so stupid! Thank-you so much for your help ♥. That will teach me to try and write CSS by myself.

Everything worked, although the code from the base Expressive stylesheet seemed to turn everything strange, I borrowed one from a starter sheet and it all worked out beautifully.

Again, thank-you.
( 5 comments — Leave a comment )

Latest Month

March 2016
S M T W T F S
  12345
6789101112
13141516171819
20212223242526
2728293031  

S2 Help Communities

Tags

Powered by LiveJournal.com
Designed by chasethestars