| |
| |
| |
|
Page: 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19
Comments:
<0> `css min-width @ rasu_
<1> rasu_, css min-width: http://w3.org/TR/CSS21/visudet.html#propdef-min-width
<2> swimrr: i have the left column fixed at left: 0px and top: 0px width:200px height 100% and the right column is float:left width 100% height 100% margin: 0px 0px 0px 200px; with a bacground image but it's still the same behavior
<3> reisio: http://pastebin.ca/170338
<0> drastick: seriously, you're wasting your time
<4> I dont see any issues with the floats
<0> drastick: the behavior is correct
<3> rjdave: try floating the first one left as well
<4> reisio your trying to tell me that absolute is relative to the document and not its parent which is NOT correct
<2> swimrr: i just took out width 100% and it works now
<0> drastick: no that's not what I'm telling you
<0> someone else said that
<0> I'm telling you that it's out of the flow
<5> http://ruler.student.utwente.nl/drastick.html
<4> Im asking why its outside of the flow
<0> and it's correct that it doesn't pull the container down
<5> u want it like this ?
<0> drastick: that's just how absolute is
<3> rjdave: yes, 100% is the window width - sorry, forgot (i'm not as good as these guys)
<4> Maxus yes thats exactly how i want it
<5> kk copy paste it
<5> :p
<2> swimrr: still helped...I had the margin 200 on the right not the left
<3> ;-)
<3> so how do I make my 2 divs behave?
<4> what does display: table do?
<0> makes it display like a table
<0> there's no such thing as 'display: absolute', however
<0> all that has done is remove the 'position: absolute;'
<5> ow
<5> well i removed it first
<0> which puts it back into the flow
<5> then typed it back
<5> ah well ... depending what he wanted ... sometimes i just trial and error.
<4> yeah thats not going to work
<4> that inner div needs to be positioned absolute
<0> why's that?
<5> why
<4> Because of my design
<4> and what Im trying to do
<2> swimrr: what do you mean "fall in line, not block"?
<0> drastick: what're you trying to do?
<4> This is just a test case.
<0> k
<4> i need a div that overlaps another div
<3> i'v got 2 parent divs..both have child divs float left inside - it make the parent divs inline not block and I can't figure it out
<4> actually i need that list to overlap that div
<0> drastick: and you can't just set .inner_div { height: 100%; } ?
<4> well the height of inner_div has to be a certain height
<6> on http://tykestheatre.org , my rollovers on the top menu look really bad in ie. is there some sort of issue ie has with bold fonts?
<3> noone has an answer?
<3> ;-)
<4> and setting it to height: 100% puts the div in the container but then anything inside the div comes out of it
<5> drastick - once i made stuff like this : http://ruler.student.utwente.nl/test/borderred.html
<5> perhaps it would help
<0> `float contain @ swimrr # ?
<1> swimrr, float contain: http://www.positioniseverything.net/easyclearing.html http://www.quirksmode.org/css/clearing.html http://www.complexspiral.com/publications/containing-floats/
<0> drastick: okay, can you not explicitly set the container's height, too?
<6> http://tykestheatre.org/on_stage.aspx
<6> my h1's look bad too in ie
<6> please advise
<0> drastick: you know you can overlap things with z-index and just position: relative;, you don't need absolute
<0> mirkocroc: 1min
<2> swimrr: so you're telling the parent divs to display: block and it won't?
<3> rjdave: I think I tried that but can't remember
<7> background-image: url(../images/top.gif);
<7> background-repeat: repeat-x;
<7> background-position: top;
<7> background-attachment: fixed;
<7> opsm sorry
<0> background: url(../images/top.gif) repeat-x fixed left top;
<8> why wont my botom picture dock to the other picture in opera?
<0> rasu_: link
<8> oh sorry
<0> rasu_: what version of Opera?
<8> www.hih.nu/php/mall.php
<8> 9.01
<5> drastick - is it helpfull ? this lil story i made - i made just to let you think in another way.
<3> I still don't understand why it doesn't work
<6> reisio: any suggestions?
<7> is there a way to mad a div fixed size? i mean that content doesn't modify the size?
<0> mirkocroc: 1min
<0> Sal: just set width and/or height
<3> oh wait - I had to float left the first parent - hmmmm
<3> LOL - I think I completely hacked a complicated solution to it
<7> reisio, i did, but they keep getting resized
<0> Sal: what browser?
<0> overflow: hidden; might help you
<0> rasu_: add body * { margin: 0 !important; padding: 0 !important; } and see if it goes away
<0> mirkocroc: they look fine here
<0> mirkocroc: what's the problem as you see it?
<8> reisio: not realy :p look att the page now
<0> rasu_: looks like it's fixed it to me
<0> rasu_: now just go find out which specific element(s) in that area have a margin and/or padding that is causing the gap
<8> the gap thing was fixed but the dead center dont work anymor and som other things
<0> rasu_: right
<0> rasu_: go find out which specific element(s) in that area have a margin and/or padding that is causing the gap
<0> the 'body * { margin...' thing is just a test to see if it's a problem with margins/paddings
<0> now you just have to find the specific element(s)
<9> Hi
<7> reisio:sorry, got a call... hmmm ie
<0> 'lo Aar0n444
<3> **** I hate IE!!!
<10> I feel you, brother.
<0> heheh
<3> pardon my french
<0> Nanobot++
<6> reisio: you looked in ie?
<6> in ie to me they look like very bad resolution images
<6> a lot of my sites are doing this
<6> like the headers on http://atomicdev.net/hcc
<2> swimrr: IE is most certainly the devil or atleast a close relative
<0> mirkocroc: it looked fine here
<0> mirkocroc: check your font sizes
<0> View > Text Size > Medium, iirc
<3> i still can't figure this out - 2 parent divs with child divs floated left - the parent divs display inline - why is this?
<11> `containing
<11> swimrr: http://www.complexspiral.com/publications/containing-floats/
<2> WTF? why in gods name would IE accept a background image in one div but not another?
<11> swimrr: Its because they have an effective height of nothing.
<0> rjdave: could be lots of things
<3> Dorward: oh - so what's the solution?
<11> 16:57 < Dorward> swimrr:
<11> http://www.complexspiral.com/publications/containing-floats/
<3> just give a height?
<0> no :p
<0> read the page
<0> heheh
<8> reisio: what does the margin:0 !important; do ?
<12> Hey guys, I have a form with radio inputs, and for some reason I have to style them like this ("position: relative; top: .7em;") to get them to line up with the text next to them.
<12> Is that normal ?
<2> reisio: the only real difference between the 2 divs is one is float and one is position: absolute
<0> rasu_: it overrides any other margins and zeros them out
<0> e-head: try using vertical-align: middle;
<12> I think I tried that and it helped, but still didn't really line them up right.
<12> It seems rather absurd. You would think having them lined up would be the default.
<3> Dorward: doesn't that apply to vertical height? I thought mine is a horizontal issue...?
<11> swimrr: Possibly there are other factors at work. That was the obvious answer given your original description of the issue.
<8> resio now i have all my paddings and margns set to 0 but there is still a gap and the
<0> rasu_: obviously you missed one
<0> if adding body * { margin: 0 !important; padding: 0 !important; } made the gap go away
<0> then the chances that it is a margin or padding issue are incredibly high
<0> rasu_: perhaps http://jigsaw.w3.org/css-validator/ will help point out duplications to you
<8> returns no errors
<8> is margin:o; default ?
<8> 0 i mean
<13> rasu_: no not necessarily
<13> rasu_: if you need margin: 0 say so
Return to
#css
or
Go to some related
logs:
#openzaurus
#linux
niter3
does ubuntu need a firewall
cannot load host key
#debian
#debian
#ai
#gimp
#php
|
|