 | View Full Version : A couple design questions. (bg image; distorted in ie) rhizaowns 09-20-2004, 07:59 PM hi, I'm wondering if someone can help me out. i have two problems with my site, first I was wondering how i could get my repeat-y background image (1024x1) to work at resolutions higher than 1024x768... secondly, in firefox the site looks fine, but it's messed up in ie. i can't figure out what's causing the difference. link: http://soundsgoodllc.com/matt/index.php the_pm 09-21-2004, 08:30 AM It's pretty messed up in Opera as well, and it falls apart completely in my 1600x1200 browser window. The first thing I noticed was that there's no <body> tag in your markup, which may be accounting for a lot of the problems you're seeing. IIRC, even in the most forgiving DTD (HTML4.01 loose), the most basic structural tags are not optional, at least not the opening tags. Start there and see if that helps. rhizaowns 09-21-2004, 08:37 AM wow, I thought I had a <body> tag in there. I didn't even notice since I could change the background color and image through my style sheet. Anyways, I fixed that problem but I still don't know why it looks how I want it to in firefox and not in other browsers. Why can't they all work the same? :) I did, however, fix the background problem if you didn't notice. rhizaowns 09-21-2004, 08:43 AM ok -- I think I have it fixed, does it look ok in opera now? My monitor doesn't support 1600x1200 either, so I don't know about that. IE didn't like the align="right" so I changed it to absolute positioning and it seems to be working now. the_pm 09-21-2004, 08:53 AM Yep, that's better, though you still have some misalignment on your logo. You may want to nest <div>s for that one instead of trying to stack them. And you'll want to specify padding:0 for your body element in your stylesheet to go along with margin:0. Also, you're using an HTML4.01 loose doctype and XHTML tag endings. I don't know if this is going to be problematic for browsers or not, but you might want to change those <br /> to <br>. rhizaowns 09-21-2004, 09:17 AM Thanks. Misalignment, how? Everything seems fine this way. Is it the text over the background of the logo? It looks fine in both IE and Firefox up to 1152 resolution for me. the_pm 09-21-2004, 09:31 AM It works now that you added the padding:0 element :) Problem solved! rhizaowns 09-21-2004, 09:46 AM Cool.. Thanks a lot, man. |