CSS Help Thread?

[TristanLuigi]

I'm so sick of the endless alignment issues with CSS. It's complete bullstuff that two columns with 50% width won't fit into a container with 100% width. But hey, why does it matter when 100% width is larger than 100% of the page? It's loving impossible to get things to align without an awkward 2px gap or having the column skip to the next line. I've been wrestling with CSS for an hour and I still can't get this stuff to work. There is absolutely no reaeson for this to be happening; with all borders, margins, and padding set to zero in the entire document, 50% + 50% somehow does not equal 100%. And 100% isn't equal to 100%. It's complete and utter bullstuff and I don't know how anyone manages to get this to work like a sane language.

CS:S (the game) also sucks but it's obviously irrelevant to this conversation.

Fixed the issue with the horizontal alignment, now to get the vertical alignment and then to start on the JavaScript.

[Ad Bot]

[Fab]

I thought this was something about Counter Strike Source

[Foxscotch]

CSS is great
for the most part, everything that happens, happens for a reason. and sometimes when you find out what the reason is, you can fix it. and furthermore, that reason could possibly help you make something later

[Taboo]

I thought this was something about Counter Strike Source

Me too. I was about to agree, but nope

CSS is great

[Niff]

What's CSS

[TristanLuigi]

CSS is great

If it's so great, explain to me why the hell relative alignment is so loving broken.

[Epicduke]

I thought this was something about Counter Strike Source

[Foxscotch]

What's CSS

cascading style sheets. it's the only reason webpages look like they do

If it's so great, explain to me why the hell relative alignment is so loving broken.

you probably just don't understand how to use it right

[Shortcut]

The knife animation is terrible, but the game is okay overall. It's just not aged well.

[TristanLuigi]

you probably just don't understand how to use it right

I've been using <div>'s that align horizontally as panels. They work fine when you have two panels at, say, 40%. But when brought to 50% or even 49% they somehow add up to over 100% and split into 2 lines. After an hour of trial and error and stack exchange (none of the fixes worked) I just gave up.

The knife animation is terrible, but the game is okay overall. It's just not aged well.

hahaha

[Foxscotch]

I've been using <div>'s that align horizontally as panels. They work fine when you have two panels at, say, 40%. But when brought to 50% or even 49% they somehow add up to over 100% and split into 2 lines. After an hour of trial and error and stack exchange (none of the fixes worked) I just gave up.

post the html and the stylesheet, and tell us what it's supposed to look like

[TristanLuigi]

post the html and the stylesheet, and tell us what it's supposed to look like

http://gdriv.es/tristanbomb/fusioncorp/fusioncorp.html
Use F12 or whatever the Firefox equivalent is to view source.
It's supposed to look something like this:

[Anybody]

borders, padding etc makes the elements wider than 50% of the page

[Char]

borders, padding etc makes the elements wider than 50% of the page

that's what i would guess is happening...

[Headcrab Zombie]

http://gdriv.es/tristanbomb/fusioncorp/fusioncorp.html
Use F12 or whatever the Firefox equivalent is to view source.
It's supposed to look something like this:

The actual page is https://948eb80984457b49ad6e2bd6d33c441d0b275460.googledrive.com/host/0B3XHendkSpxwZ3J3ZEJSVDdUc1k/fusioncorp/fusioncorp.html
cuz for some reason he pic the entire page in a frame

borders, padding etc makes the elements wider than 50% of the page

this