|
HTML - Ramdom Div Behavior
Having a strange problem with a page, where a div tag within a table appears to be elongating at random intervals.
The page is at www.intell-time.co.uk/timeandattend.php When first opened the page appears as normal, but if you refresh a few times, the div displaying the body of the page jumps down a few pages. I cant seem to find what the problems and it seems to happen at random! Can anyone help? Kind regards Ollix Similar TutorialsHey I've got this issue with a website of mine even though my html link says /members/patrolroster.html once i am there (patrolroster.html) all other links from that (and all pages inside the /members directory for that matter) page via the nav menu get /members affixed onto them (eg, what should just be index.html turns into /members/index.html). My html says it should go to index.html but where is /members coming from? Im puzzled at why it affixes the directory the file is in onto all outgoing links. Take a look at the site if you like its, http://www.wyeriverslsc.asn.au/ Any help is appreciated, Tom I have a grid jpeg that should be showing up just right of the news text in this link: http://kos-mediadesign.com/news.html. I have the opacity of the image set to .4 / 40/% and it displays perfectly in all major browsers on windows and OSX 10.5, except when it is viewed on my laptop which is OSX 10.6. I'm just after noticing now that the image actually appears underneath the drop shadow effect of an overlaying window, say, if you have a finder window open on top of the browser. Very strange. Has anyone experienced this and is there a work around? I've been running into a bit of trouble trying to get a tabular setup working in XHTML using some limited CSS stuff. I've been working with a new layout for my existing site. The main idea is he http://www.etherealdivine.com/newsite/new.html As you can see, there are some issues with the menu text staying where it should. Here's the code for that page: Code: <!DOCTYPE html
PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
<title>Ethereal Divine</title>
<style type="text/css">
body {
font-family: Croobie, Comic Sans MS;
}
</style>
</head>
<body style="border: 0; margin: 0; color: red; background-color: black;">
<div style="display: table; width: 100%;">
<div style="display: table-row; width: 100%;">
<div style="display: table-cell; width: 100%; text-align: center">
<h1>Ethereal Divine</h1>
</div>
</div>
<div style="display: table-row; width: 100%;">
<div style="display: table-cell; width: 100%;">
<div style="display: table; width: 100%;">
<div style="display: table-row; width: 100%;">
<div style="display: table-cell; width: 30%;">
<b>Menu</b><br/><br/>
Page 1<br/>
Page 2<br/>
Page 3<br/>
Page 4<br/>
Page 5<br/>
Page 6<br/>
Page 7<br/>
Page 8<br/>
Page 9
</div>
<div style="display: table-cell; width: 70%;">
<div style="display: table; width: 100%;">
<div style="display: table-row; width: 100%;">
<div style="display: table-cell; width: 100%;">
<img src="border.jpg" alt="Header Image" width="100%"/>
</div>
</div>
<div style="display: table-row; width: 100%;">
<div style="display: table-cell; width: 100%;">
Welcome to Ethereal Divine<br/><br/>
News<br/>
News<br/>
News<br/>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div style="display: table-row; width: 100%;">
<div style="display: table-cell; width: 100%;">
</div>
</div>
<div style="display: table-row; width: 100%;">
<div style="display: table-cell; width: 100%;">
© Amber & Brendan 2008
</div>
</div>
</div>
</body>
</html>
Strangely, if the image-containing div has just text in it, everything works the way it should: http://www.etherealdivine.com/newsite/new_text.html Any tips would be helpful, I just can't figure out what I'm doing wrong. Both pages have been validated using validator.w3c.org. Thanks in advance. On the following page there is a link that says, "Jump To Church." It works fine in IE7 but in FF the only way to get it to behave like a link, as opposed to just text, is to mouse over the far right part of the link itself. What is causing that? http://www.h51school.com/1/home_page.asp Thanks~ I've created a table using xhtml similar to the following: <table> <caption></catpion> <thead></thead> <tbody></tbody> <tfoot></tfoot> </table> For some reason, when I set the caption height > 30px the caption section starts repeating itself but not with the caption text. Here's a pic: http://instagr.am/p/IM55OpPYn5/ I get this behavior in both IE and FF. Is this the expected behavior? Is there a workaround for this? It seems like xhtml would provide more flexibility than this.... THIS PROBLEM IS WITH --IE-- ONLY I have this piece of code that I simplified as much as I could to show a simple example: PHP Code: <table width="50%"> <tr><td colspan="2">short</td></tr> <tr> <td width="128"><img src="" width="110"></td> <td>a<br>a<br>a</td> </tr> </table> <table width="50%"> <tr><td colspan="2">long long long long long long long</td></tr> <tr> <td width="128"><img src="" width="110"></td> <td>a<br>a<br>a</td> </tr> </table> For some reason when long-long-long text is long enough, it pushes a-a-a-a to the right even through one of the cells is limited to 128 pixels.. If I color the backgrounds of the cells in different colors, it is evident that it is the cell pushing, not text-alignment problem Question, why the cell is affected but the upper cell text length even through it is properly col-spanned..? |
|||||||