search

thedigicraft / Atom.CMS

Atom.CMS
56 stars 52 forks source link

Text overwrites my picture in debug console #80

Closed ghost closed 9 years ago

ghost commented 9 years ago

http://oi59.tinypic.com/33c7k2b.jpg

How can I fix this ? Thank You

thedigicraft commented 9 years ago

Hmm that is really strange. Without seeing your code though I have no clue.

ghost commented 9 years ago

My code is exactly as yours:

btn-debug {

position:absolute;

}

console-debug {

position:absolute;
top:50px;
left:0px;
width:30%;
height:700px;

}

console-debug pre {

height:700px;
overflow-y:scroll;

}

My div id 'console-debug' is under the footer, and the 'btn-debug' id under my main nav class... In my database I have a single line of html which contains the img source ( to the top of my body ) and the content doesn't have any space in the 'body' field. However, this is not a big problem, just a stylish one . Thank You !

creptor commented 9 years ago

probably your image css is set to 'display:absolute;' what makes the image stand in the place it was called and not being pushed by the text. example: http://www.w3schools.com/cssref/playit.asp?filename=playcss_position&preval=absolute (as I interpretate that variable)