Textpattern CMS support forum
You are not logged in. Register | Login | Help
- Topics: Active | Unanswered
Internet Explorer's Bugs
Hello world,
I am newbie in web development and have problem with CSS. I am learning, but cant understand one thing. On my page I want to put image to one place for this I have created class
#menu
{
position: absolute;
top: 30px;
right: 120px;
height: 200px;
width: 100px;
padding: 125px;
}
and then to the default page I have add this
<div id=“menu”>
…content…
</div>
Content will appear on a page but it covers big area so all elements that are in this area are not accessible.
What is wrong? Thank u.
Last edited by neoformat (2007-03-26 08:48:09)
Offline
Re: Internet Explorer's Bugs
The declaration position: absolute; takes the #menu out of the normal flow of the document. In other words, it gets positioned over all other elements on the page.
Do you have an example page? And can you explain what you’re trying to accomplish?
…Prrrrrrrr…
Offline
#3 2007-02-19 10:11:05
- Mary
- Sock Enthusiast
- Registered: 2004-06-27
- Posts: 6,236
Re: Internet Explorer's Bugs
It’s because you’re using absolute positioning, which removes the element out of page flow (ignores the location of all other elements).
Offline
Re: Internet Explorer's Bugs
If you are beginning in the web world, I would suggest you stay away from absolute and relative positioning for the time being. Once understood the concept is simple, but UA (web browsers) are cramped with bugs in these areas, and crafting something good is not so easy.
Offline
Re: Internet Explorer's Bugs
Jeremie wrote:
UA (web browsers) are cramped with bugs in these areas, and crafting something good is not so easy.
Agreed. My colleque find a simply way to crash IE6 with valid CSS. Try it, if you want! (It is because negative z-index, I think).
And another one note: I think Dreamweaver developers advertise absolute positioned elements like Layers in Photoshop. That “khowledge” will became source of problems in future.
Offline
Re: Internet Explorer's Bugs
Simple: do not, ever, never, use dreamweaver.
Offline
Re: Internet Explorer's Bugs
Because textpattern is not really a “theme” driven CMS, it assumes a working knowledge of layout (CSS or tables) before you can really get going. Textgarden has some good layout templates you can start with, and perhaps one of them is kinda like how you would like your site to look. You can learn a lot by seeing seeing how something is already built and adapting it, so…
Here’s a little advice…- Download the template that looks most like what you envision for your site
- Install it, then examine the resulting site
- Examine the back-end, snoop around the forms, pages, style and sections tabs to see how it all works
- If you use Firefox, download and install firefox’s Developer tools (this has an “edit CSS” feature that allows you to edit the CSS in real-time in the sidebar. This just means you can immediately see the effects of any tweaking you do, and accelerates your understanding of CSS.)
- Load a Page
- look at the HTML source to see how it’s built
- open the “editCSS” sidebar and start tweaking the CSS (and see your changes immediately).
When I started working like that, I learned stuff much more quickly
[edit] it’s textgarden.org, not .com, sorry.
Last edited by mrdale (2007-02-19 16:52:57)
Offline
Re: Internet Explorer's Bugs
Yes I work with that development tools for Firefox, but I cant understand how can it works without tables… My web is already ready. I just need to understand how does it work – boxes. I cant find kinda theme :o(
Last edited by neoformat (2007-02-19 17:15:25)
Offline
#9 2007-02-20 00:46:44
- NyteOwl
- Member
- From: Nova Scotia, Canada
- Registered: 2005-09-24
- Posts: 539
Re: Internet Explorer's Bugs
Tables are for the rpesentation of tabular data. Using tables for layout is a very poor practice. May I recommed http://www.w3schools.com/ for some good tutorials.
Obsolescence is just a lack of imagination. / 36-bits Forever! / #include <disclaimer.h>;
Offline
Re: Internet Explorer's Bugs
Time to learn about floats
The other tutorials are also worth their weight in Vodka :)
Offline
Re: Internet Explorer's Bugs
Thank you, now I know how it works. I have placed all elements of a website to correct places. In Firefox it looks like great, but when I opened this page in IE6 – everything are mixed and I am on the begining again :o(
What problem is with IE? Moderator, can u help me? Here is my URL http://dimas.borec.cz/html/problem.html
Last edited by neoformat (2007-02-22 16:22:13)
Offline
#12 2007-02-22 19:00:15
- NyteOwl
- Member
- From: Nova Scotia, Canada
- Registered: 2005-09-24
- Posts: 539
Re: Internet Explorer's Bugs
That URL returns 404 Page not found. IE has many quirks. I notice the hacks in the above CSS. You’de be better off using IE conditionals rather than hacks. It will make your css easier to debug and much more maintainable. Does the site break in IE7 or just in 6?
Obsolescence is just a lack of imagination. / 36-bits Forever! / #include <disclaimer.h>;
Offline