Major Layout Problems – please help
-
Hi, I’m relatively new to this. My blog is at
http://www.surerantsalot.com/wordpress/It looks great to me in Firefox (ver 5) but horrible in IE (ver 6). The background should be white and the header should be pink. It looks good to me in FF, but in IE the entire page is pink and the right bar contents are all moved down.
Also, where can I edit the “About” title on the right to say “About Chris”?
Can someone please help me?
Thanks in advance,
Chris
-
Chris, it appears you didn’t close out your header div in your code. Make sure to add “</div>” (without the quotes) at the point your header div ends in your code.
Oops, forgot your second question. I don’t know how your template is set up, but the way I would change the sidebar’s “About”link on my blog would be as follows:
1-Log in to my Admin
2-Click on the “Manage” link at the top
3-Click on the “Pages” link that appears underneath that
4-A list of pages appears underneath the heading “Page Management;” look for the page with the title “About” and then click on the “Edit” link to the right
5-You can now change the page title to “About Chris” or anything else you want
6-Click on the “Save” button and take a look-see at your blogI hope that helps.
curiozities – Thanks so much for trying to help me. I really appreciate it. It loos like the </div> is there. Here’s the code from my header below. Or would it maybe be my stylesheet code that’s the problem?
</head>
<body class=”k2<?php if (get_option(‘k2widthtype’) == 0) echo ‘ flex’; if (is_single()) echo ‘ permalink’; ?>”<?php if (is_page()) { echo ‘ id=”‘.get_query_var(‘name’).'”‘; } ?>>
<div id=”page”>
<div id=”header”>
<h1><div style=”text-align: center”><img src=”http://i12.photobucket.com/albums/a249/chanisco/surerantsalot_logo-1.gif” border=”0″ alt=”Sure Rants A Lot Blog”></h1>
<p class=”description”><?php bloginfo(‘description’); ?><ul class=”menu”>
<li class=”<?php if (((is_home()) && !(is_paged())) or (is_archive()) or (is_single()) or (is_paged()) or (is_search())) { ?>current_page_item<?php } else { ?>page_item<?php } ?>”>“><?php _e(‘Blog’,’k2_domain’); ?>
<?php wp_list_pages(‘sort_column=menu_order&depth=1&title_li=’); ?>
<!– Disabling admin tab by default in 3k2 –>
<!– <?php wp_register(‘<li class=”admintab”>’,”); ?> –></div>
<hr />
Also, about the page thing… I know how to change pages but this is not a page. It’s in the right panel. It’s something that’s programmed int the 3k2 theme.
Your problem may be here:
<h1><a href="http://surerantsalot.com/wordpress" target="_blank"><div style="text-align: center"><img src="http://i12.photobucket.com/albums/a249/chanisco/surerantsalot_logo-1.gif" border="0" alt="Sure Rants A Lot Blog"></a></a></h1>See the second [/a] in that code? It should be [/div] to close the div styling.
Go to problem page in IE. Look at the page via View Source to see what I mean. Then go to your theme>> theme editor >> header.php and open. Check the coding. You’ll see the second [/a] there.
Delete it. Save. Go back to your problem page. Refesh and see what happens.
edit: this is what you have (html) that shows your About on the right hand side just above your piccy (nice, btw).
<div class="sb-about"><h2>About</h2>I’m not sure what wp-tag is in that theme, or if you’re using Links Management to generate the hyperlinks.
Could you open your sidebar.php and find that piece of code and copy & paste it here so I can see what tag pulls the information in?
Thanks KatGirl! That seemed to help the header problem. I guess curiozities was right. I’m just new at this. π
I think this might be the code you need from my sidebar.php? Not sure…
<?php /* If there is a custom about message, use it on the frontpage. */ $k2about = get_option(‘k2aboutblurp’); if ((is_home() && $k2about != ”) or !is_home() && !is_page() && !is_single() or is_paged()) { ?>
<div class=”sb-about”><h2><?php _e(‘About’,’k2_domain’); ?></h2>
<?php /* Frontpage */ if (is_home() && !is_paged()) { ?>
<?php echo stripslashes($k2about); ?>Hi again,
I figured out the “About” thing. I do have one more problem with my layout though, if someone could help me. (I sooo appreciate this!)In IE, my right sidebar contents are way down near the bottom. It looks fine in Firefox though. What could be causing my photo and text to drop to the bottom like that?
Thanks so much for your help! π
General situation (LOT of threads about this, found through Search): something in your content or sidebar (graphics, usually) is wider than the area meant to contain it.
edit: vkaryl beat me to it π
Hi! I got it! One of my posts that was brought in from my former blog was causing I think.
I have one more problem but I think I’ll make a new post since it’s kind of specific.
Thanks!!!
ChrisI’ve tried EVERYTHING and I have no idea how to do the css thing. Does someone have 3k2 css that i can “steal” because my site looks sh***y in ie, but fine in firefox. I am a ZERO when it comes to doing css, so i just need someone kind enough to help me…
bump…anyone out there…? knock knock??
You don’t need to steal any stylesheet. You can download a new copy if you need that.
And what about NOT using pictures of this size:
http://www.ekmekji.net/gallery2/d/282-1/family_pic_5.jpg
which is obviously wider than your content area?When you say you tried everything – does that include MANUALLY resizing the images before uploading???
Yeah, I probably should use smaller pictures (or change the size) In Firefox it works fine, so i don’t think about it, but not in ie. But also, the right sidebar is flushed to the bottom. I don’t know how to raise it to the top. That’s what i need help with. The 3k2 one doesn’t work well with ie.
I really don’t understand your useless rant.
You have been given a solution for your freaking sidebar. Use it. Apply it.
Firefox “shrinks” the images to fit in the available area (width). IE doesn’t – but it makes room for them by PUSHING DOWN whatever is the element next to them. Like your sidebar.
The topic ‘Major Layout Problems – please help’ is closed to new replies.