Help with css? - Developers

Okay, i have 3 div's on the same line, currently looking like this: [html] <div class="leftcont"> Menu bar thing </div> <div class="centercont"> Center content <center>Centered center content</center> Right aligned content </div> <div class="rightcont"> Ads on the right side of the page </div> [/html] and the css to go with it: [code] div.leftcont { float:left; text-align:center; border:1px solid gray; width:120px; background-color:#EEEEEE; } div.centercont { float:left; border:1px solid gray; background-color:#EEEEEE; margin-left:10px; margin-right:10px; /* margin: 0 25%; */ width:70%; } div.rightcont { float:right; text-align:center; border:1px solid gray; width:120px; background-color:#EEEEEE; } [/code] As you can see the divs align fine, the side containers have a fixed width of 120px, but now comes my question: is it possible to make the center container as wide as possible, with about 10px between it and the sidebars? I've put 75% as width right now which works fine for fullscreen 1024x768 (School computers :|) but scaling the page puts the right container on a new line. Halp FP?

[img]http://gyazo.com/8d162e9b1634fd65e46d4722c9afca36.png[/img]

I would potentially give up my laptop for you to be banned for making this thread. [url=http://www.facepunch.com/threads/1065706-Surviving-FP-WebDev-A-Simple-Guide]Read this[/url]. [url=http://www.facepunch.com/threads/1018536-Web-Development-Questions-That-Don-t-Need-Their-Own-Thread]Post in this[/url]. Difficult? No. We have these megathreads for a reason. It keeps the place clean. [editline]4th March 2011[/editline] [QUOTE=sebmck;28417190][img_thumb]http://gyazo.com/8d162e9b1634fd65e46d4722c9afca36.png[/img_thumb][/QUOTE] Fuck you're fast.

[QUOTE=Qombat;28417192] Fuck you're fast.[/QUOTE] :ninja:

I'd love to put it there but for some reason i get disconnected from FP when loading that megathread.

[QUOTE=Goz3rr;28417240]I'd love to put it there but for some reason i get disconnected from FP when loading that megathread.[/QUOTE] Liar liar pants on fire.

Both IE and Chrome give me a 'The website [url]http://www.facepunch.com/threads/blah[/url] cannot be displayed, action cancelled' and then redirect to a 404

Post a screenshot?

[QUOTE=Goz3rr;28417264]Both IE and Chrome give me a 'The website [url]http://www.facepunch.com/threads/blah[/url] cannot be displayed, action cancelled' and then redirect to a 404[/QUOTE] You seem make quite a very posts in [url]http://www.facepunch.com/threads/1057448-Computer-Illiterate-People-who-think-they-know-things-v9-Windows-is-a-Strawberry[/url], so explain to me the difference between the two threads? (Besides content)

Because i make those posts at home, and i'm at school right now where most fp pages close in my face.

[QUOTE=Goz3rr;28417323]Because i make those posts at home, and i'm at school right now where most fp pages close in my face.[/QUOTE] Do your school work and wait till you get home silly child.

[QUOTE=Goz3rr;28417323]i'm at school right now[/QUOTE] Do you work, don't be stupid.

THIS is my schoolwork. also your 666th post [editline]4th March 2011[/editline] Also i already tried putting everything in a parent container div, didn't help much

[QUOTE=Goz3rr;28417367]THIS is my schoolwork. also your 666th post [editline]4th March 2011[/editline] Also i already tried putting everything in a parent container div, didn't help much[/QUOTE] You want us to do your school work for you? Ask the fucking teacher.

Also, this isn't a 'help me solve my homework', the task is making a website for IT class, i wouldn't call myself illiterate but i just can't figure this out. At least im not using tables like the others in my class [editline]4th March 2011[/editline] Also im not actually in class right now, i got a spare hour and i decided to work on my site [editline]4th March 2011[/editline] Also most of the time when there's a problem, the teacher call me to help out so basically that isn't a option

[QUOTE=Goz3rr;28417417]Also, this isn't a 'help me solve my homework', the task is making a website for IT class, i wouldn't call myself illiterate but i just can't figure this out. At least im not using tables like the others in my class [editline]4th March 2011[/editline] Also im not actually in class right now, i got a spare hour and i decided to work on my site [editline]4th March 2011[/editline] Also most of the time when there's a problem, the teacher call me to help out so basically that isn't a option[/QUOTE] It isn't an option? How? Because you don't want to look like an idiot if you ask for help like you should be doing. [list] [*]What's with lots of tags? Use padding. [*]The center tag is deprecated don't use it. [*]Adding "div." to the start of the style class is pointless and unnecessary. [/list] [url]http://en.kioskea.net/faq/2171-adjusting-your-websites-to-fit-all-types-of-resolution[/url] [url]http://forums.adobe.com/message/3461765[/url] [url]https://encrypted.google.com/search?q=Auto+adjusting+website+width[/url]

What's with lots of tags? Use padding. - I was in need of something to fill the divs quickly, i could've smashed some random keys The center tag is deprecated don't use it. - same as above, i just wanted to see which align worked best. I was going to use text-align:center; if i would want it center Adding "div." to the start of the style class is pointless and unnecessary. - Thats how i learned my css Also, i just told you asking the teacher is no option, unless there is no reply in the coming 4 days, then i got IT class again and i'll ask. It's not a problem of me looking like a idiot, i asked him if he saw why AES_DECRYPT wasn't working, later we found out i forgot to specify the key to decode. Its a normal human error. [editline]4th March 2011[/editline] Also those pages didn't help much, i know that using % as width will scale to the current page size, as you can see i already used

[QUOTE=sebmck;28417517]It isn't an option? How? Because you don't want to look like an idiot if you ask for help like you should be doing. [list] [*]What's with the fuckton of tags? Use padding. [*]The center tag is deprecated don't use it. [*]Adding "div." to the start of the style class is pointless and unnecessary. [/list] [url]http://en.kioskea.net/faq/2171-adjusting-your-websites-to-fit-all-types-of-resolution[/url] [url]http://forums.adobe.com/message/3461765[/url] [url]https://encrypted.google.com/search?q=Auto+adjusting+website+width[/url][/QUOTE] I contest that last point - I do it. Explicitness. There's nothing wrong with it.

[QUOTE=Goz3rr;28417592]What's with lots of tags? Use padding. - I was in need of something to fill the divs quickly, i could've smashed some random keys.[/QUOTE] You're simulating content with code. The standard goto for filler text is "lorem ipsum" which you can generate to your hearts content at [url]http://www.lipsum.com[/url]

Who gives a shit what the content is? I just need some text in there to see if the background color was ok

[QUOTE=Goz3rr;28418453]Who gives a shit what the content is? I just need some text in there to see if the background color was ok[/QUOTE] You design for the content, not around it. If you really just want to see the background color, temporarily give the container a fixed height.

Bump, anyone has a solution?

[QUOTE=Goz3rr;28470764]Bump, anyone has a solution?[/QUOTE] Personally I think my solution was the best one so far. [QUOTE=Qombat;28417192]I would potentially give up my laptop for you to be banned for making this thread. [url=http://www.facepunch.com/threads/1065706-Surviving-FP-WebDev-A-Simple-Guide]Read this[/url]. [url=http://www.facepunch.com/threads/1018536-Web-Development-Questions-That-Don-t-Need-Their-Own-Thread]Post in this[/url]. Difficult? No. We have these megathreads for a reason. It keeps the place clean.[/QUOTE]

I already posted there.

Good for you: now bump needed.