On Aug 26, 2011, at 9:39 PM, G.Sørtun wrote:
I am sure you will. Until then, and maybe even after, try adding a
test-style like the following while designing...
* {outline:red solid 1px;}
...so you know what space the various elements occupy. Much easier
to tune any layout then, and the t
On 27.08.2011 01:37, John wrote:
[...] I am not sure where, but somebody said that position: was the
way to go...
"Position" is fine ... once you master the various variants and all
combinations.
one of these days, I will know what I'm doing with this stuff...
I am sure you will. Until th
- Original Message -
From: "John"
To:
Sent: Friday, August 26, 2011 7:37 PM
Subject: Re: [css-d] two similar pages; one scrolls. Why?
On Aug 26, 2011, at 3:27 PM, David Laakso wrote:
Try positioing all your stuff /without/ using position:absolute; or
position: relative
On Aug 26, 2011, at 6:12 PM, Germán Martínez wrote:
You're setting a 1024px width to that element, then, because of the
position:absolute adding the left 160px is using 1024px +160px,
and since the container is set to a 1024px witdth you see the
scroll bar.
An easy fix will be to set th
Hi John,
I think here's the problem:
#WPR_Image_A {
position: absolute;
top: 210px;
left: 160px;
z-index: 70;
height: 100px;
width: 1024px;
display: block;
margin: 0 0 0 0;
}
You're setting a 1024px width to that element, then, because of the
position:absolute adding the left 160px is using 10
On 8/26/11 7:37 PM, John wrote:
one of these days, I will know what I'm doing with this stuff...
working.
J
Keep it lean. Keep it mean; Keep it simple. Keep at it!
Best,
someyoungguy
__
css-discuss [css-d@lists.cs
On Aug 26, 2011, at 3:27 PM, David Laakso wrote:
Try positioing all your stuff /without/ using position:absolute; or
position: relative;. Margins will do. Padding when needed. Float
left or right if margin left or right won't work. Stress test:
press and hold apple; keep banging the + key
Error Correction
#WPR_Image_A {
border: 1px solid red/*4 position only*/;
}
Best,
someyoungguy
__
css-discuss [css-d@lists.css-discuss.org]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-
On 8/26/11 5:55 PM, John wrote:
I stripped out all of the attributes of the image's div tag (which
included width and height!) and kept only:
{
display: block;
margin: 20px 0 0 160px;
}
and that seems to have fixed it..still testing and trying to break it
and shakier on my feeble coding c
On Aug 26, 2011, at 2:55 PM, John wrote:
I stripped out all of the attributes of the image's div tag (which
included width and height!) and kept only:
{
display: block;
margin: 20px 0 0 160px;
}
and that seems to have fixed it..still testing and trying to break
it and shakier on m
I stripped out all of the attributes of the image's div tag (which
included width and height!) and kept only:
{
display: block;
margin: 20px 0 0 160px;
}
and that seems to have fixed it..still testing and trying to break it
and shakier on my feeble coding chops.
any thoughts?
J
_
On Aug 26, 2011, at 2:36 PM, Angela French wrote:
It's dependent on the size of my browser instance. If I spread it
out a smidge bigger than my 19" monitor, it goes away. I don't
believe you can control for that.
Right. so, if it's smaller than 1024, scrollbar no mystery.
But I'm gett
On Aug 26, 2011, at 2:20 PM, John wrote:
http://coffeeonmars.com/testing/Dev_index.html
http://coffeeonmars.com/testing/Dev_WPR_A.html
These two pages ^ are nearly identical, except that the
second one has an image placed into it with a div tag, and that
seems to be causing the seco
http://coffeeonmars.com/testing/Dev_index.html
http://coffeeonmars.com/testing/Dev_WPR_A.html
These two pages ^ are nearly identical, except that the second
one has an image placed into it with a div tag, and that seems to be
causing the second page to sprout a horizontal scroll bar!
14 matches
Mail list logo
