NikMac

First off, thanks for all the help I've been getting here. You guys have really helped me get an understand for html/css (but there are still problems, argh!) There's always a large gap between my paragraphs, and underneath my tags. I've gone through the code many times and can't figure out what is causing this. My HTML is roughly: [head, meta info, etc.] [!!!Large unwanted gap here] [and here] [and here] [sidebar, footer, navigation etc. here - all working normally. This makes me think it has something to do with "content" or "main" divs.]

[Logo and menubar/nav will go here...] [website content will go here...]

Hi, Thanks for your reply - it really cleared a few things up about the classes/layouts in css. Just a few more questions: If I have my background "gradient.jpeg" in a folder, "images" (in my root folder), then is this the correct css? background-image: url('images/gradient.jpeg'); Also, in your second example, is it better to use id's instead of classes there? Finally - you say margin: 0 auto "gives the wrapper 0 top and bottom margin, and centers it left/right in browsers other than IE" Could this cause problems for people using IE? Thanks.

So, I've started learning HTML/CSS for my next website project... I'm not sure if this is an HTML or CSS issue, feel free to move it. Take a look at http://www.anglianwater.co.uk/. Notice how the header and background image extend to the ends of your browser (when maximised). How did they do that? Right now my websites have a set height/width, and if there's any room left in the browser it's just a white background (http://www.all-water.org/Home.html). Edit - after looking at the source I think it has something to do with "width=100%". But I'm still confused as to how the header image repeats like that. Can anyone point me in the right direction? Thanks.

Sorry about that, at first I thought you meant the "./" was a mistake. It changes nothing in the html preview - is it a problem if my root directory for the website contains spaces? I tried it without spaces, bur nothing happened. Edit: My apologies - the ./ did work. Sort of. When I preview index.html in a browser, it is styled correctly. There must be some problem with Komodo Edit's internal preview, so I'll take this to their website now. Edit2: Yes, it seems this is a reported bug when running Komodo Edit on Mac OSX 10.5/10.6 . It is fixed by putting <?xml version="1.0" encoding="UTF-8"?> at the top of the document. Thanks for your help.

Hi, thanks for the quick reply. Edit: Sorry, I misunderstood - you're saying the code should be ? I tried that and nothing is changing.

Hello World . . . .

Sorry, I didn't know capitals mattered in links (would renaming my html documents fix that?) Should be fixed now.

Hi, My website is at http://www.all-water.org/Home.html As you can see, the blue-gradient background doesn't line up with the banner at the top of the page. As you resize the window the content moves away from the background as well. The background lines up differently on pages like http://www.all-water.org/Links.html. Another issue is that the right sidebar (a color-filled textbox) appears in Firefox, but not in Safari. How to fix this? I'm using Yahoo Sitebuilder, but I can edit HTML if I have to. Also, while I'm here... can anyone offer an alternative WYSIWYG editor to Yahoo Sitebuilder? It's kind of outdated. I also can't use it on my Mac. I've tried iWeb, which is great - but I don't like the SEO limits. Thanks. Nik