yoshida

Sooo important you had to say it twice? ^^I already tried alternatives like iframes and loading the menu bar and header to every page. But that's only a good solution if pages are generated by serverside scripting IMO. I can do that, but my host won't let me and buying/renting hosting space that does isn't a solution.So there ya go: frames. But overall I'd agree with you if there was a solution that doesn't require more maintenance.

Good thing the problem has nothing to do with the code I gave you. :)You may want to try to have the navigation and the menu bar in one div, and the Home bar and the body in another one. One should float, so the other's aligned properly to it.Also, all elements from the rounded corners should be 'overflow: hidden;' , open the page in IE6 to see why.If you set a border left and right of each element you can try to fake anti-aliasing by giving the border an 'inbetween' color.

A class is a group of elements that shares special properties. It's practically the same thing as the ID you give to a div with the difference it's suppose to be used multiple times, while ID is suppose to be used only once per page (and therefore has higher priority).And div is just an element to define a division (box), you know. It's styled by using classes and IDs.Using multiple classes saves a lot of code. Instead of having

<div class="1"> <div class="2"> <div class="3"></div> </div> </div>

You simply have

<div class="1 2 3"></div>

Isn't that A LOT less code?

<{POST_SNAPBACK}>

You're right. I'm going to try that when I have another few spare hours.I'll use Google on how to use them. thnx.

instead of using a bunch of nested divs, you could just use one div and use 4 classes to define 4 backgrounds to each of the four sides of the div's corners. I'm not sure if it works, but if it doesn't, you could always do the same with 4 divs instead.

<{POST_SNAPBACK}>

Thanks. Your suggestions give me a direction to improve. I'll bookmark this post for future reference.What are your recommended css reference pages?What's the difference between divs and classes? (classes look just the same to me to be honest, but I've been wondering about them for a while)

Awesome in all browsers except for one tiny opera slip up. In opera the line that has links cover it is to low. You used relative poitioning and it looks hot. and there are those curved corners I never got right. Congrats! I'd like to see any new work you make.

<{POST_SNAPBACK}>

Thanks. You are free to investigate those borders and use them any way you like. They're a stack of DIVs, displaying a block (height is one pixel), and the margins are descending at the top and ascending at the bottom.CSS (edited):

#r1 {display: block;overflow: hidden;height: 1px;background: #fafaff;margin: 0px 8px;}#r2 {display: block;overflow: hidden;height: 1px;background: #f9f9ff;margin: 0px 6px;}#r3 {display: block;overflow: hidden;height: 1px;background: #f8f8ff;margin: 0px 4px;}#r4 {display: block;overflow: hidden;height: 1px;background: #f7f7ff;margin: 0px 3px;}#r5 {display: block;overflow: hidden;height: 2px;background: #f6f6ff;margin: 0px 2px;}#r6 {display: block;overflow: hidden;height: 3px;background: #f5f5ff;margin: 0px 1px;}#inhoud {background: #f4f4ff;padding: 5px;}

HTML (edited):

<div id=r1></div><div id=r2></div><div id=r3></div><div id=r4></div><div id=r5></div><div id=r6></div><div id=inhoud>---content goes here, may include other divs or anything you could possibly think of. You may rename the divs, it doesn't matter. This just seemed covenient at the time (inhoud is Dutch for 'content')---</div><div id=r6></div><div id=r5></div><div id=r4></div><div id=r3></div><div id=r2></div><div id=r1></div>

About that line in Opera: seems like I gotta download that browser and try to find a way to get it right. Thanks for the info.*off to look for hr tags*STATUS: fixed. Replaced HR by a div which displays a block. No one will ever see the difference. Opera doesnt support color attributes for hr tags.

Hey guys,I made this site which is going to air 'soon', and I'd like to know how you feel about it. I tried to use as much css as possible to create a site that's attractive to read and easy to maintain (no serverside scripting involved). It's compatible with IE6 and Firefox 1.5.If you have a 'not so everyday browser' (such as Opera or Safari) would you please take a look at the site to see if everything shows as intended? If not, can someone recommend some bug fixes or compatibility notes?I'm not in any kind of contest, and there's no banner ads on my site. I don't benefit from you visiting my site, all I want is your informed opinion to create the best site possible. So suggestions are very welcome.PS framehaters: I had no option but to use frames, bc I can't use serverside scripting and iframes s-u-c-k.

That leaves me with nothing better than regular frames.'s okay, no one will hardly ever notice the difference and it saves me lots of work.

lol, thats not code at all. the gradient it a picture.. nice lie..

<{POST_SNAPBACK}>

The purple header gradient is a picture, you've got that right.The blue, rounded gradient on top and bottom of each container div is all code. Show me the picture in that. I think your error boils down to misinterpretation on your side, and not a lie on mine. I'm sorry for not making myself clear enough to you.I fixed the border so that it shows correctly in up-to-date versions of IE6 and Firefox 1.5.0.3.Go ahead, you're free to steal parts of my CSS. It's not copyrighted. The statement at the bottom of each page refers to the displayed content and not the code itself.By the way, for those who've read my rant on iframes, I abandoned that and went back to regular frames instead. It's much easier and less maintenance intensive. Iframes made me hiss like a snake and growl like a wolf so something is not healthy about that.

Hi.I'd like to load a page within a div, without using iframes. If that's impossible, can I copy an iframe's content into a div?Does anyone know how to do that with the minimum knowledge and amount of JS required? I use CSS and html, and my host does not allow serverside scripting.The main point is that I want to get rid of (i)frames.

Full report:I got everything I wanted to load in a div without using PHP or JS. But if I alter the header or the menu, I need to adapt each page. The best solution would be to load both of them in an iframe but I can't get it to work the way I want (not if I want it to look the same in Firefox and IE).For as far as I can see I can go back to regular frames, or try to get it to work on a server with PHP support. Both stink, to be honest, bc the first option is ugly and outdated, and the other one isn't cheap. Please, I need some help (reference pages - tutorials) with IFrames.Thanks in advance.EDIT: nesting an iframe into a <p align-center> centers it for both ff and ie. It's still not a very nice solution but it's getting closer.I'll keep trying and I'll post again if something else is driving me insane. Something that should've took an hour or two is now already consuming a day and a half.

Got it. Ya gotta add overflow: hidden to each line.Check this site for a neat example (if I may say so myself) in which I added a gradient to the top and bottom. Its all code.

yoshida,I don't know if your interested, but the whole frame thing where you get the pleasure of not having to pull down the whole page again can be accomplished in a very powerful and elegant way with Ajax type stuff.  If you got the intereste you should check out a book; its a way to pull down stuff without refershing the whole page, so, in essence, you can pull down new info for just a div.  And you can do a lot more.

<{POST_SNAPBACK}>

thnx, I'll try to look into that. Is it some sort of PHP or another server sided language?

That beats a css with almost 150 lines of code... "Oow check that, how do I add shadow to a div?" "Hey, it would be nice to have some control over my link behavior." "I want my pictures to display the same perceptual size in all resolutions, with text wrapped around it."Programming... it simply seems agonizing to me.(sorry if I don't make any sense. I have a splitting headache, and some bloke two streets down is test-driving his motorbike.)

I'm gonna dive into iframe, just to see how that's different. Thanks for your advise and good luck with your Super Mario clone. ^^

<div id=scroller><object data=links.html width=100% height=100%</div>

This seems to work pretty well... note the div has a width of 200 pixels.

I'm trying object instead. Is that the same?

Hi guysIs there a way to load a page inside a div? I'm only able to use css/html, and try to get rid of ugly frames. If I want the same menu bar and header on each page I'll be damned if I re-create them for each page if it's possible to simply load them on the page.The only question is: how? (if possible only css/html, no javascript, php or some other programming language)

Re-opening a thread here...Here's my css

#r1 {display: block height: 1px background: #fafaff margin: 0px 5px}#r2 {display: block height: 1px background: #fafaff margin: 0px 3px}#r3 {display: block height: 1px background: #fafaff margin: 0px 2px}#r4 {display: block height: 1px background: #fafaff margin: 0px 1px}#r5 {display: block height: 1px background: #fafaff margin: 0px 1px}#content {background: #fafaff padding: 5px}

This is what I do to create a table with rounded corners.Here's how I use it.

<html><head><link rel=stylesheet type="text/css" href=rond.css></head><body><div id=r1></div><div id=r2></div><div id=r3></div><div id=r4></div><div id=r5></div><div id=content>Here's where your content should go</div><div id=r5></div><div id=r4></div><div id=r3></div><div id=r2></div><div id=r1></div></body></html>

I guess the concept is simple. Blocks with a decreasing side margin are stacked to create rounded corners without using images. This is an adaption from the links I posted earlier.Please try opening this link in both Firefox and IE. It already came to my attention that Firefox is the webmaster's one and only true friend but What Part of height: 1px Doesn't IE Understand?? (more important: how do I solve this?)

Tables work nice, divs even better IMHO. But it's always a good thing to try everything, and then stick with whatever suits you best. Google for tutorials (and browse the W3 pages ofcourse )For as far as I can see there's tables, classes and divs, all with other ways to arrange them the way you like it. A table looks like an excell sheet, I don't know much about classes, a div is some sort of textbox with pre-defined size, position and fontsettings etc.I already chose to stick with divs before I even typed one piece of code, but you don't know what's easiest before trying everything. There's also frames, but that's a less customizable (and crappier) way to achieve what you're looking for..You can only fail if you don't try, the worst that will happen is finding a hundred ways that don't work (but very often will show you new possibilities in CSS). Also, experiment with an external CSS sheet so you can change all pages by editing one file.

Anyway, I don't know how to align divs. *does not know what he says, just to say the ontopic words*

<{POST_SNAPBACK}>

Got it and got it.

Hey, I have autism too. The intelligent part is about right (iq index 124) but my lingual intelligence is much greater than my mathematical one (which is 116). That's another typical thing about it.Still... I don't try to think aboout it too much. It's part of who I am, and I can live with myself. The biggest pro I see in being autistic, is that 'my own little world' is larger than you might think. I enjoy filling it with applicable info, and put it to good practice.I function socially at a logical level. To me the biggest con on autism is that I pretend to interact, while I don't truly feel alive. There's this distance between me and real life (altho, or maybe because of that, I adapt really quickly). But I want to feel alive, even when it hurts. Example: I never really loved or hated someone.I'm 23, but still feel like I'm 19 or so. But I ain't gifted (not fair ). If anything, I have the potential to learn just about everything. I had to build a personality from scratch so I figure I have a fresh look on certain things. It's been suggested we're either Darwin's reaction to society, or the next step in evolution.Generally, there's 'classic' autism (which is rare), PDD-NOS (Personal Development Disorder, Not Otherwise Specified) and asperger (which might be the biggest group, out of all people with asperger nine out of ten are male). Albert Einstein had asperger (tell him people with autism can't think logical, they star at it! ^^)Anyway, this is getting a bit off topic.

ehm... an already solved problem about something I didn't know could be solved using Floats. (Text wrapping around a div)Thanks, Google

What do you mean? I would dislike it when you blame me for english, as it is not my first language. I found it rather complimental to fully speak english, let alone possibly making little mistakes

<{POST_SNAPBACK}>

Don't worry... it's better than using l33t instead. ^^ I feel like you should have a movie collection, or play video games. It's been important to me to properly master English. English was my A (or B+) subject.But web language... I'd be lost without a proper snippet library.EDIT: you mentioned autism... I can tell you about that, but that's a story for another time (if ever).

complicater...

More complicated? I hope you master program languages better than 'some' foreign language. No offense.

Twente, Almelo. Omdat ik van mn hobby (systeembeheer) mijn beroep heb gemaakt ben ik als hobby maar gaan programmeren... (alleen php).I'm no regular. Usually I post a question and google for the answer five minutes later.Div borders are changing from solid to dotted and back, while scrolling? Are you using IE? ^^Normally I use Firefox (the webprogrammer's only true friend) but IE messes up the border pretty bad while scrolling (just checked). I don't know if it can be fixed tho.Silly IE!EDIT: thanks for your compliments.