Dear NG-Readers,
I forgot to post the URL to the html-file and the linked CSS. Here
they are:
html: http://tomasio.at/temp/Unterseite_Templ2.html
CSS: http://tomasio.at/temp/stylesheet.css
correct display: http://tomasio.at/temp/Unterseite_Templ2a.jpg
First I want to apologize for crossposting this, but I got no idea
where this topic really belongs to. I have built a html-page with some
CSS. Anything behaves as expected, just the two images inside the
<div> with the class attributes "schraffur-bottom" and
"content-bottom" appear 10px below their corresponding containers. As
the two pics are 10px high in total, I think it has something to do
with the images. Anybody got an idea what I did wrong?
--
kind regards,
tomasio
"describing an issue reveals the way to solve it" 8 1995
tomasio wrote: Dear NG-Readers,
I forgot to post the URL to the html-file and the linked CSS. Here they are: html: http://tomasio.at/temp/Unterseite_Templ2.html CSS: http://tomasio.at/temp/stylesheet.css correct display: http://tomasio.at/temp/Unterseite_Templ2a.jpg
First I want to apologize for crossposting this, but I got no idea where this topic really belongs to. I have built a html-page with some CSS. Anything behaves as expected, just the two images inside the <div> with the class attributes "schraffur-bottom" and "content-bottom" appear 10px below their corresponding containers. As the two pics are 10px high in total, I think it has something to do with the images. Anybody got an idea what I did wrong?
Hi Tomasio,
The images in question are absolutely positioned, so if you don't like
where they are, just change their positions:
#schraffur-bottom {
position: absolute;
left: 305px;
top: 570px; /* changed from 582px */
width: 302px;
height: 6px;
}
#cont-bottom {
position: absolute;
left: 0px;
top: 576px; /* changed from 588px */
width: 802px;
height: 4px;
}
This resolves the problem for me in Firefox 1.5.
Cheers
Philip
On 9 Jun 2006 14:00:38 -0700, Ni*************@gmail.com wrote: tomasio wrote: Dear NG-Readers,
I forgot to post the URL to the html-file and the linked CSS. Here they are: html: http://tomasio.at/temp/Unterseite_Templ2.html CSS: http://tomasio.at/temp/stylesheet.css correct display: http://tomasio.at/temp/Unterseite_Templ2a.jpg
First I want to apologize for crossposting this, but I got no idea where this topic really belongs to. I have built a html-page with some CSS. Anything behaves as expected, just the two images inside the <div> with the class attributes "schraffur-bottom" and "content-bottom" appear 10px below their corresponding containers. As the two pics are 10px high in total, I think it has something to do with the images. Anybody got an idea what I did wrong?
Hi Tomasio, The images in question are absolutely positioned, so if you don't like where they are, just change their positions: #schraffur-bottom { position: absolute; left: 305px; top: 570px; /* changed from 582px */ width: 302px; height: 6px; } #cont-bottom { position: absolute; left: 0px; top: 576px; /* changed from 588px */ width: 802px; height: 4px; }
This resolves the problem for me in Firefox 1.5.
Cheers Philip
Thank you Philip,
I already tried this solution but it still does not explain _why_ this
two images are in the wrong position while the others in the site are
not. Anybody got an idea?
To further the education of mankind, tomasio <fr*********@bled.de>
vouchsafed: I have built a html-page with some CSS. Anything behaves as expected, just the two images inside the <div> with the class attributes "schraffur-bottom" and "content-bottom" appear 10px below their corresponding containers. As the two pics are 10px high in total, I think it has something to do with the images. Anybody got an idea what I did wrong?
Hi Tomasio, The images in question are absolutely positioned, so if you don't like where they are, just change their positions: #schraffur-bottom { position: absolute; left: 305px; top: 570px; /* changed from 582px */ width: 302px; height: 6px; } #cont-bottom { position: absolute; left: 0px; top: 576px; /* changed from 588px */ width: 802px; height: 4px; }
This resolves the problem for me in Firefox 1.5.
Cheers Philip
Thank you Philip,
I already tried this solution but it still does not explain _why_ this two images are in the wrong position while the others in the site are not. Anybody got an idea?
For starters, try setting font-size:0; in the relevant divs.
--
Neredbojias
Infinity has its limits.
On Sat, 10 Jun 2006 20:49:19 -0400, Neredbojias
<http://www.neredbojias.com/fliam.php?cat=alt.html> wrote: To further the education of mankind, tomasio <fr*********@bled.de> vouchsafed:
I have built a html-page with some CSS. Anything behaves as expected, just the two images inside the <div> with the class attributes "schraffur-bottom" and "content-bottom" appear 10px below their corresponding containers. As the two pics are 10px high in total, I think it has something to do with the images. Anybody got an idea what I did wrong?
Hi Tomasio, The images in question are absolutely positioned, so if you don't like where they are, just change their positions: #schraffur-bottom { position: absolute; left: 305px; top: 570px; /* changed from 582px */ width: 302px; height: 6px; } #cont-bottom { position: absolute; left: 0px; top: 576px; /* changed from 588px */ width: 802px; height: 4px; }
This resolves the problem for me in Firefox 1.5.
Cheers Philip Thank you Philip,
I already tried this solution but it still does not explain _why_ this two images are in the wrong position while the others in the site are not. Anybody got an idea?
For starters, try setting font-size:0; in the relevant divs.
Thanx a lot!
So there is a default font size in the css boxes, which influences the
height of the boxes? Strange.
tomasio wrote: On Sat, 10 Jun 2006 20:49:19 -0400, Neredbojias <http://www.neredbojias.com/fliam.php?cat=alt.html> wrote:To further the education of mankind, tomasio <fr*********@bled.de> vouchsafed: I already tried this solution but it still does not explain _why_ this two images are in the wrong position while the others in the site are not. Anybody got an idea?
For starters, try setting font-size:0; in the relevant divs. Thanx a lot!
So there is a default font size in the css boxes, which influences the height of the boxes? Strange.
Tomasio,
It's not so strange. They use the default font size specified in your
browser. That's what it is there for, no?
Cheers
Philip
To further the education of mankind, tomasio <fr*********@bled.de>
vouchsafed: I already tried this solution but it still does not explain _why_ this two images are in the wrong position while the others in the site are not. Anybody got an idea?
For starters, try setting font-size:0; in the relevant divs.
Thanx a lot!
So there is a default font size in the css boxes, which influences the height of the boxes? Strange.
One could wish that images were immune to this phenomena but that might be
impossible to impliment.
--
Neredbojias
Infinity has its limits.
tomasio wrote: On Sat, 10 Jun 2006 20:49:19 -0400, Neredbojias <http://www.neredbojias.com/fliam.php?cat=alt.html> wrote:
To further the education of mankind, tomasio <fr*********@bled.de> vouchsafed:
> I have built a html-page with some > CSS. Anything behaves as expected, just the two images inside the > <div> with the class attributes "schraffur-bottom" and > "content-bottom" appear 10px below their corresponding containers. For starters, try setting font-size:0; in the relevant divs. Thanx a lot!
So there is a default font size in the css boxes, which influences the height of the boxes? Strange.
Not strange.
img is in-line element, as is font. The in-line box allows for
descenders, such as for g, j, p, q, y, etc. Hence the font-size=0; setting.
However declaring display:block; on the img element negates the need.
Louise
On Mon, 12 Jun 2006 05:26:39 GMT, boclair <bo*****@bigpond.net.au>
wrote: tomasio wrote: On Sat, 10 Jun 2006 20:49:19 -0400, Neredbojias <http://www.neredbojias.com/fliam.php?cat=alt.html> wrote:
To further the education of mankind, tomasio <fr*********@bled.de> vouchsafed:
>> I have built a html-page with some >> CSS. Anything behaves as expected, just the two images inside the >> <div> with the class attributes "schraffur-bottom" and >> "content-bottom" appear 10px below their corresponding containers. For starters, try setting font-size:0; in the relevant divs. Thanx a lot!
So there is a default font size in the css boxes, which influences the height of the boxes? Strange.
Not strange.
img is in-line element, as is font. The in-line box allows for descenders, such as for g, j, p, q, y, etc. Hence the font-size=0; setting.
However declaring display:block; on the img element negates the need.
Louise
Thanx Louise, with your help I found an elegant solution. And thanks
everyone else for explaining me the reason for this behaviour. This thread has been closed and replies have been disabled. Please start a new discussion. Similar topics
by: Lilou |
last post by:
Hello
this page works :
http://lilou.leuwen.chez.tiscali.fr/testlilou.htm
the source :
....
a.link:hover div.test2
{display : block;
position: absolute;
z-index: 1000;
|
by: Marcus Otmarsen |
last post by:
Ok, the situation is as follows:
I defined a <DIV> like:
<div id="myid" style="position: absolute; height: 10; width: 10;"><img src="images/object.gif" height=10 width=10></div>
This pane is...
|
by: He Shiming |
last post by:
Hi,
I'm wondering how can I use <DIV> to mimic a <TABLE>.
In a bare <TABLE> without a width attribute, the width of the table get
dynamically expanded according to the content. However, <DIV>...
|
by: stephen |
last post by:
I have created an order form that users javascript to create a new html
document when the customers clicks the "print page" button.
Once the new document has been created it then prints the...
|
by: rhythmace |
last post by:
W3C HTML validator passes this:
....
<script type="text/javascript" src="foo.js">
<script type="text/javascript">
....script in here...
</script>
....
|
by: John Pote |
last post by:
1. Horizontal centering a <divin browser window.
The current trend seems to be to place page content in a fixed width area in the middle of the
browser window. How is this achieved? If I use a...
|
by: Stan R. |
last post by:
Greetings. I have a couple of questions concerning CSS layouts, as
apposed to the old <tablemethod for creating layouts . Even after
spending the last few days searching all over Google Groups, I...
|
by: Steve |
last post by:
I have a div with two - three paragrahs in it. Each paragraph has
its own inline style tag with its own font size setting. When I set
the last paragraph's font size the font sizes for ALL of...
|
by: Chris F.A. Johnson |
last post by:
On 2008-07-09, Denis McMahon wrote:
If the left-hand column contains any text, use em rather than
px to size it.
In CSS, less is more. Most problems are caused by specifying too
much rather...
|
by: CloudSolutions |
last post by:
Introduction:
For many beginners and individual users, requiring a credit card and email registration may pose a barrier when starting to use cloud servers. However, some cloud server providers now...
|
by: Faith0G |
last post by:
I am starting a new it consulting business and it's been a while since I setup a new website. Is wordpress still the best web based software for hosting a 5 page website? The webpages will be...
|
by: isladogs |
last post by:
The next Access Europe User Group meeting will be on Wednesday 3 Apr 2024 starting at 18:00 UK time (6PM UTC+1) and finishing by 19:30 (7.30PM).
In this session, we are pleased to welcome former...
|
by: ryjfgjl |
last post by:
In our work, we often need to import Excel data into databases (such as MySQL, SQL Server, Oracle) for data analysis and processing. Usually, we use database tools like Navicat or the Excel import...
|
by: taylorcarr |
last post by:
A Canon printer is a smart device known for being advanced, efficient, and reliable. It is designed for home, office, and hybrid workspace use and can also be used for a variety of purposes. However,...
|
by: Charles Arthur |
last post by:
How do i turn on java script on a villaon, callus and itel keypad mobile phone
|
by: ryjfgjl |
last post by:
In our work, we often receive Excel tables with data in the same format. If we want to analyze these data, it can be difficult to analyze them because the data is spread across multiple Excel files...
|
by: Sonnysonu |
last post by:
This is the data of csv file
1 2 3
1 2 3
1 2 3
1 2 3
2 3
2 3
3
the lengths should be different i have to store the data by column-wise with in the specific length.
suppose the i have to...
|
by: Hystou |
last post by:
There are some requirements for setting up RAID:
1. The motherboard and BIOS support RAID configuration.
2. The motherboard has 2 or more available SATA protocol SSD/HDD slots (including MSATA, M.2...
| |