| |
| |
| |
|
Page: 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26
Comments:
<0> why should he need to put it in dead-tree form?
<1> reisio, I personally prefer to learn from books as opposed to the web
<2> Hello everyone, I've got a problem with my CSS layout - look at it here :http://student.fho-emden.de/~marteppe/test/about.html . The trouble is, when you resize the window so that you get a vertical scroillbar, and then scroll down, the footer is stuck in place, which looks fugly. Can someone help me ?
<3> @http://student.fho-emden.de/~marteppe/test/about.html
<4> (student.fho-e...) HTML: Valid ( http://tinyurl.com/2gtjvf ) CSS: Valid ( http://tinyurl.com/3c6a3e ) DOCTYPE: XHTML 1.1 + url
<2> the problem is consistent across the browser i tested (IE 6 and 7, firefox 1.5), i guess its not an error so much as a design fault
<0> IamEthos: I find that exceedingly silly
<0> particularly when any testing you'll do is going to need a computer
<3> MGPalmer: you probably used position: relative and bottom: 0...
<3> MGPalmer: ah, a position: absolute and bottom: 0
<2> Markjuh: yeah
<3> MGPalmer: that means that the element is always positioned at the bottom of the browser viewport... iirc
<2> Markjuh: So I would think as well, but apparantly not in that special case
<3> no, I'm talking nonsense here... I should reread positioning
<3> ]css position
<4> css position: http://w3.org/TR/CSS21/visuren.html#propdef-position
<3> MGPalmer: okay... it should be positioned at the bottom of the containing block... which is div cl***="container"
<2> yeah
<2> the container div is what encloses the whole content of the page
<3> yeah
<3> and I see what is happening :P
<2> please share you insight :)
<3> you have height: 100% on your div.container, which makes sure that div is exactly as high as the browser viewport...
<3> the footer is stuck at the bottom of that container div
<3> but you main div has more content than the height of the browser viewport
<5> how can i make this centered in IE 6? http://home.eggdrop.ch/tmp/center.html (like in firefox/safari)
<3> and hence has a height > height of div.container
<0> ;google valid dtd list @ tom
<6> tom: http://www.w3.org/QA/2002/04/valid-dtd-list.html
<0> tom: doctypes are important
<3> MGPalmer: yeah, DOM Inspector confirms my guess
<3> MGPalmer: your main div is higher than your container div in that case
<3> MGPalmer: and that is causing the problem
<5> reisio: but it still doesn't work
<2> cool
<0> tom: try switching #center's position: absolute; to position: relative;
<3> not sure how to fix it though
<2> aaah, i just removed the height: 100% property, and now it works :)
<5> reisio: thanks
<3> MGPalmer: good :)
<5> reisio: didn't know that position:absolute can be a position which is relative to it's relatively positioned parent ;)
<2> just need to check if it works in IE6, the greatest browser ever
<3> lol
<2> yeah, and what do you knwo: it doesnt...the footer is now always directly at the bottom of the last content
<2> ok, got that now, too - added to the IE6 hack, which now gets the heigth: 100% back
<2> Markjuh: Thanks for you help
<3> no problem :)
<2> oh and while im here, does anyone know of a way to have the border of a fieldset to be automatically as wide as the enclosed content ? all i can find about it sets a fixed width or lets the border go to the end of the screen
<7> MGPalmer: block elements expand to the width of their parent. You would need to position it or float it to get it to collapse
<2> ok thanks, ill look into that
<8> hey guys how can I get my borders to repeat on the left, and right side there inside of a div, i have a border that is like 10px wide, and I want one on the left, then I have another image, and i want to repeat it down the right?
<9> suppose I have a div#container and then inside it i have a div#left and a div#right. I float div#left to the left and div#right to the right and then I want to add a bg image to div#container that repeats-y. When I do that it doesn't go all the way down. It stops where div#left & div# right begin. But when I remove the floats it goes all the way down (but the inside divs aren't styled properly)
<10> hello guys, could somebody hint me with rounded corner box on that page: http://socka.depi.sk/ (I can see only the top right corner), I followed these steps: http://roundedbox.andreas-kalt.de/
<8> ahh rounded corner boxes i had a heck of a time with them
<10> tdd1984: like me :)
<8> yea, but can't remember how to work with them
<10> :(
<8> your gett better with it, I've gotten so good with php/css/mysql/html over the past year from working with it every day for hours that I can see it in my head
<8> still get confused on the absolute,fixed, and etc, but floats rock
<8> been getting more into seo here latly big time
<10> the box should look like that desihn preview http://socka.depi.sk/socka-01-3.png
<10> *design
<3> ]css position
<4> css position: http://w3.org/TR/CSS21/visuren.html#propdef-position
<5> what doctype does IE use when i don't define one?
<3> I should make a bookmark out of that :P
<5> IE6
<3> it just does quirks mode
<3> not sure, but I think that's worse than HTML 4.01 Transitional
<5> yeah
<5> (in my particular case it's better :P)
<3> lol
<5> because i can't select any text on the page when i use a html 4 transitional/strict doctype
<3> then you must be doing something weird :P
<5> no
<5> all other browsers render correctly
<5> microsoft should use the gecko/webkit engine in IE
<5> this would make a lot of things easier
<0> they'd probably just **** it up
<0> the only decent solution is for Microsoft to go under, as I fully expect them to do relatively soon
<0> all the top execs are super rich and don't care about it much anymore, plus it can't compete with free/open source
<11> And someone said a table based design is never the way to go :-) http://www.thescripts.com/forum/thread99065.html
<0> coolzone: and?
<11> it is
<0> ...not
<11> for people who care about time
<11> whos got a life
<0> coolzone: http://paste.css-standards.org/4357/view
<0> oh noes that took so long to copy and paste
<11> like I said.. a life
<0> a life
<8> hey guys how can I get my borders to repeat on the left, and right side there inside of a div, i have a border that is like 10px wide, and I want one on the left, then I have another image, and i want to repeat it down the right?
<11> its not a good idea using those workarounds
<11> you never now how new versions of browsers might react
<0> tdd1984: link
<0> coolzone: _I_ do
<0> I know exactly how all relevant browsers will react
<0> it was really hard to determine, too
<8> basically I'm trying to get a border on the left, and one on the right
<11> so you know the future.. well thats just great
<8> the image is 10px wide, and about 400 px tall
<0> I had to do the HORRIBLE task of opening the page in each of four browsers and CHECKING OMFG
<8> 2 different images
<0> coolzone: the future doesn't guarantee table-based layout will work properly, either
<0> tdd1984: link
<11> reisio, I exspect you dont work with development daily
<7> lol
<3> lol
<7> coolzone: no, he's on IRC like you :P
<0> I "work with development" more than daily :p
<8> reisio: you don't need a damn link lol, if you knew you'd tell me.
<11> reisio, yeeear right
<0> tdd1984: it'd take too long to impart all my knowledge of CSS and height issues to you
<0> tdd1984: I'd much rather just give you some code to fix your problem
<8> yea, well hold on, usually i see stuff like that in my head when someones ask me a question
<0> don't think you've provided enough info for that
<0> and I'd rather not guess too much
<3> @http://circusjopie.markjuh.net/index.html
<3> @http://circusjopie.markjuh.net/index2.html
<4> (circusjopie.m...) HTML: Valid ( http://tinyurl.com/2b9vo3 ) CSS: Valid ( http://tinyurl.com/36jlt2 ) DOCTYPE: HTML 4.01 Strict + url
<4> (circusjopie.m...) HTML: E: ( http://tinyurl.com/yodeuu ) CSS: E: 1 ( http://tinyurl.com/2jn52t ) DOCTYPE: HTML 4.01 Strict + url
<3> iek!
<3> @http://circusjopie.markjuh.net/index2.html
<4> (circusjopie.m...) HTML: Valid ( http://tinyurl.com/yodeuu ) CSS: Valid ( http://tinyurl.com/2jn52t ) DOCTYPE: HTML 4.01 Strict + url
<3> phew
<7> heh
<3> okay... only difference between index.html and index2.html is: div { position: absolute; }... why do I need it to get div#wrapper to the top?
<12> hey I have a max-width on a div, but when I float: right something it stretches it out to the full width of the page :(
<3> which browser?
<12> firefox
<3> okay, unusual... usually only see that kind of thing on IE...
<3> url?
<8> ain't here a way I can just float my borders on the left, and right then repeat them downwards, and put elements inbetween the floats?
<13> Can someone say something. I'm testing my message alerter
<12> BOOOOOOOOOOOOOOOOOOOOOO
<13> bugger, didnt work
<8> this is driving me up the wall any one know where a tutorial is on setting image borders, on the left, and right? I need to use these borders i ahve created with images, but can't get it to work :(
<3> tdd1984: like reisio said... provide a link and tell us what is wrong with that
<3> because I have no idea what it is you are struggling with
<8> okay
<8> a site
<8> you know how you put a border ont he left, and then on the right, and they repeat down words?
<8> a image border
<3> no... I don't have a clue what you are talking about
<3> ]css border
<4> css border: http://w3.org/TR/CSS21/box.html#propdef-border
<8> you know what a border is right?
<3> yeah, the thing explained at that url
<14> Border????
<15> background-repeat: repeat-y
<15> try playing with that
Return to
#css
or
Go to some related
logs:
#sed
open latte open late
#kde
gentoo portage whatprovides
centos cyrus-imapd lmtp_luser_relay
emmakelley.be
#fluxbox
xgl vidz
#perl
installed ut2004 in ubuntu,how to run
|
|
