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 1560
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*********@bl ed.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=a lt.html> wrote: To further the education of mankind, tomasio <fr*********@bl ed.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=a lt.html> wrote:To further the education of mankind, tomasio <fr*********@bl ed.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*********@bl ed.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=a lt.html> wrote:
To further the education of mankind, tomasio <fr*********@bl ed.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*****@bigpon d.net.au>
wrote: tomasio wrote: On Sat, 10 Jun 2006 20:49:19 -0400, Neredbojias <http://www.neredbojias .com/fliam.php?cat=a lt.html> wrote:
To further the education of mankind, tomasio <fr*********@bl ed.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: News |
last post by:
Hi All,
I'm trying to center a StyleSheet like below :
<div id="CenterThis" style="position:absolute; top:40px; left:70px;">This
should be centered</div>
With this code :
<script language="JavaScript" type="text/javascript">
|
by: Matthew |
last post by:
Hello! What is the best NS/IE compliant way to accomplish this using
the least amount of javascript code?
<div id="block1">
Group 1 Code
</div>
<div id="block2">
Group 2 Code
</div>
|
by: Toby Austin |
last post by:
I'm trying to replace <table>s with <div>s as much as possible.
However, I can't figure out how to do the following…
<table>
<tr>
<td valign="top" width="100%">some data that will 'stretch'</td>
<td valign="top" width="300">some data that won't 'stetch'</td>
</tr>
</table>
|
by: slim |
last post by:
hi again all,
i am still working on the website as mentioned in earlier threads and
have hit another snag...
http://awash.demon.co.uk/index.php
http://awash.demon.co.uk/vd.css
the php is pulling a name and placing it under the thumbnail (the text is
|
by: Patrick S |
last post by:
I am using IE 6.0. On a page, I have placed a contenteditable div
which I
want to use as a Rich Text Area. I am using the execCommand method of
the
document to control bold, italics, underlining, and undo for this div.
I
have placed an input element on the page to. All but the undo, are
restricted to working only on the div. How can I restrict the undo to
working on only the div?
Below is the complete page so you can see what I am...
| |
by: Timmy |
last post by:
For some reason IE6 does inserts a minimum default height of a div. I'm
trying to set a height:1px; which works fine on Mozilla.
Does anyone know how to get IE to display the same 1px div height?
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
"http://www.w3.org/TR/html4/strict.dtd">
..spacer {
height:1px;
background: lime;
|
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 haven't
not been able to find a solution to my collective dilemma, and I hope
some of you fine folks here in these neck of the UseNet woods might be
able to share some wisdom with a fellow coder.
My questions are in regard to what are the proper...
|
by: Richard Maher |
last post by:
Hi,
I'm trying to use the Visibility Style attribute for a Div to effectively
PopUp a lightweight window with some additional context-sensitive
information, when a user mouses over a given field(s). The popping-up seems
to work just fine; it's the tearing down that's giving me grief. If I stick
a onmouseout event on the same input field that caused the
onmouseover/pop-up, it starts to flicker 'cos the <divis placed for
esthetically...
|
by: harryusa |
last post by:
I am trying to center 2 images concentrically which are z-indexed to lay on top of each other making an image with a border from another image that has a transparent center. I need the images to be horizonally and vertically centered within a <TD> </TD> area. No matter what I do the two image just present one above the other, albeit centered, NOT on top of each other.
I originally did the entire page layout in TABLES until I found out I.E. 7...
|
by: prino |
last post by:
Hi all,
I've written code (in REXX) that takes files in legacy languages (PL/I, COBOL, z/OS assembler, etc) and converts them into HTML in a format similar to what's displayed in the z/OS ISPF editor. A fellow member of the PCG has helped me by creating a bit of Javascript to emulate the scrolling and using Google I've now gotten it into a state where it almost passes the W3C Markup Validation Service. However, the one error, Error Line 166,...
|
by: Hystou |
last post by:
Most computers default to English, but sometimes we require a different language, especially when relocating. Forgot to request a specific language before your computer shipped? No problem! You can effortlessly switch the default language on Windows 10 without reinstalling. I'll walk you through it.
First, let's disable language synchronization. With a Microsoft account, language settings sync across devices. To prevent any complications,...
| |
by: jinu1996 |
last post by:
In today's digital age, having a compelling online presence is paramount for businesses aiming to thrive in a competitive landscape. At the heart of this digital strategy lies an intricately woven tapestry of website design and digital marketing. It's not merely about having a website; it's about crafting an immersive digital experience that captivates audiences and drives business growth.
The Art of Business Website Design
Your website is...
|
by: tracyyun |
last post by:
Dear forum friends,
With the development of smart home technology, a variety of wireless communication protocols have appeared on the market, such as Zigbee, Z-Wave, Wi-Fi, Bluetooth, etc. Each protocol has its own unique characteristics and advantages, but as a user who is planning to build a smart home system, I am a bit confused by the choice of these technologies. I'm particularly interested in Zigbee because I've heard it does some...
|
by: agi2029 |
last post by:
Let's talk about the concept of autonomous AI software engineers and no-code agents. These AIs are designed to manage the entire lifecycle of a software development project—planning, coding, testing, and deployment—without human intervention. Imagine an AI that can take a project description, break it down, write the code, debug it, and then launch it, all on its own....
Now, this would greatly impact the work of software developers. The idea...
|
by: conductexam |
last post by:
I have .net C# application in which I am extracting data from word file and save it in database particularly. To store word all data as it is I am converting the whole word file firstly in HTML and then checking html paragraph one by one.
At the time of converting from word file to html my equations which are in the word document file was convert into image.
Globals.ThisAddIn.Application.ActiveDocument.Select();...
|
by: TSSRALBI |
last post by:
Hello
I'm a network technician in training and I need your help.
I am currently learning how to create and manage the different types of VPNs and I have a question about LAN-to-LAN VPNs.
The last exercise I practiced was to create a LAN-to-LAN VPN between two Pfsense firewalls, by using IPSEC protocols.
I succeeded, with both firewalls in the same network. But I'm wondering if it's possible to do the same thing, with 2 Pfsense firewalls...
|
by: adsilva |
last post by:
A Windows Forms form does not have the event Unload, like VB6. What one acts like?
| |
by: 6302768590 |
last post by:
Hai team
i want code for transfer the data from one system to another through IP address by using C# our system has to for every 5mins then we have to update the data what the data is updated we have to send another system
|
by: muto222 |
last post by:
How can i add a mobile payment intergratation into php mysql website.
| |