Phrosen

When I use your code the following happens: When I double click on index.html the site loads, but the "main" section is empty. -Is it possible to load a certain section on startup? I'm guessing this has something to do with it: .main > section{display:none;}.main > section:target {display:block;} ?

Thank you for replying. =) I've been wracking my brain the past few days trying to understand your example. -I think I have finally understood it now. Your example is close to what I wanna do, but I would prefer if I could link another website to the div. -That way I can make several .html files instead of putting all the data in the index.html file. (This is what I tried to do with iframe but I quickly gave up on that idea with all the "auto size iframe" -issues.) Is it possible to use your way (:target selectors), but linking the information from another html file?

Oh. That seems a lot more complicated than I was hoping for. I haven't even begun trying to learn javascript yet. Is there no way to do it similarly with HTML and/or CSS? It doesn't necessarily have to be iframes. I can use another tag that does the same job, if there is one? I don't intend to publish this website or anything. I'm merely constructing one to try and learn the basics. So no need to worry about search engines and stuff.

Hello. I'm having a bit of problem with iframes. Here's what my layout is supposed to look like: 4 different divs: 'Header' (top), 'Nav/sidebar', 'Section' (big area in the middle with information) and 'Footer' (bottom). -Pretty basic I guess. Here's what I'm trying to do: Add a bunch of links in the Sidebar. When you click on these links different information appears in the Section div. I tried to do this with iframe, but the iframe forces a scroll bar to appear within the div. -I don't want that. I tried adding 'scrolling="no";' -But that only results in the scroll bar to disappear and the text below is impossible to read. Here's what my iframe code tag looks like: <iframe src="home.html" style="width:100%; height:100%;" frameborder="0"; allowtransparency="true";> <p>Your browser does not support iframes.</p> </iframe> Am I doing something wrong?Should I be using something else instead of iframe?

Thank you, Tezzo. That was exactly what I wanted. =)

EDIT: I managed to solve my original problem, but a new one appeared. Here's a screenshot: Here's the problem: When I add more text in the red box (Section) it gets further and further down. This is all good, but the green box (nav) doesn't follow. As you can see from the purple arrow that I drew: there's a gap between 'nav' and 'footer'. Here's what I wanna do: I want 'nav' to continue relative to 'section', so that if I add information in either of them - both become equally long. (No gaps.)